12장 함수

보호되어 있는 글입니다.

2022.05.03

HTML include

HTML, CSS 파일로만 작업된 페이지에서 include를 하는 방법 HTML에는 include 기능이 없지만 JavaScript AJAX를 이용하여 인클루드를 할 수 있다. HTML JS window.addEventListener('load', function() { var allElements = document.getElementsByTagName('*'); Array.prototype.forEach.call(allElements, function(el) { var includePath = el.dataset.includePath; if (includePath) { var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function () {..

2022.05.03

input replace 유효성 체크

Javascript를 이용한 input value 유효성 검사. value 입력 시 다음 칸으로 focus() 된다. HTML 인증번호 4자리 입력 잘못된 인증번호 입니다! JS /* signup */ $(function(){ $(document).on('keypress keyup keydown', 'input[onlyNumber]', function(e){ console.log(e.which); if(/[a-z|ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/g.test(this.value)){ //한글 막기 e.preventDefault(); this.value = ''; }else if (e.which != 8 && e.which != 0 //영문 e막기 && e.which 57 //숫자키만..

2022.05.03

input 태그의 pattern 속성과 정규표현식

HTML5에서 새롭게 추가된 속성입니다. 태그의 pattern 속성은 폼 제출 시 요소의 값을 검사할 때 사용될 정규 표현식(regular expression)을 명시합니다. 이때 전역 속성인 title 속성을 사용하여 정규 표현식에 간단한 설명을 추가함으로써 사용자가 정확한 값을 입력할 수 있도록 도움을 줄 수 있습니다. 보안상 예상치 않은 데이터 입력을 완전하게 컨트롤 하기 위해서는 최종적으로 서버사이드 스크립트에서 처리해 주어야 한다. pattern 속성이 제대로 동작하는 요소의 type 속성값은 다음과 같습니다. date, email, password, search, tel, text, url 문법 예제 생년월일: 예제

2022.05.02

PWA와 하이브리드앱

PWA Progressive Web Applications 프로그레시브 웹 어플리케이션은 웹을 통해 전달되는 응용 소프트웨어의 일종으로, HTML, CSS, 자바스크립트를 포함한 일반 웹 기술들을 사용하여 만들어진다. 표준을 준수하는 브라우저를 사용하는 어떠한 플랫폼에서라도 동작하도록 고안되었다. 기능에는 오프라인 작업, 푸시 알림, 장치 하드웨어 접근, 데스크톱과 모바일 장치의 네이티브 어플리케이션과 유사한 사용자 경험의 창출을 가능케 하는 것이 포함된다. 웹 어플리케이션으로 알려진 웸 페이지 또는 웹 사이트의 일종이기 때문에 개발자나 사용자가 애플 앱스토어나 구글 플레이와 같은 디지털 배급 시스템을 통해 웹 앱을 설치할 필요가 없다. 웹 어플리케이션들이 처음부터 모바일 장치용으로 사용이 가능하긴 했으..

2022.04.27

11장 원시 값과 객체의 비교

보호되어 있는 글입니다.

2022.04.26