Yoon's Dev

자바스크립트 정규표현식 Regexp ② - 날짜 입력 조건 TO Do. 목표: 정규식을 활용하여 날짜 입력 조건으로 입사연월일이 올바른 형식이면 입사 축하 메세지를 띄우는 기능을 만들자 [날짜 입력 조건] 1. 연도4자리, 월이나 일은 1자리이거나 2자리로 한다. ex) 2018-05-24 1. html 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 정규표현식 입사연월일 Colored by Color Scripter cs 2. JavaScript작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 const date = document.querySelector("#date") const btn = document.querySelect..

자바스크립트 정규표현식 Regexp ① - 아이디 입력 조건 TO Do. 목표: 정규식을 활용하여 아이디 입력 조건을 만들자 [아이디 입력 조건] 1. 입력되는 전체 길이는 5~8자이어야 한다. 2. 아이디는 숫자와 영문자로만 사용 가능하다. 1. html 작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 정규표현식 아이디 Colored by Color Scripter cs 2. JavaScript작성 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 const id = document.querySelector("#id") const btn = document.querySelector("#commit") console.log(id) const pat..

자바스크립트 이벤트 처리와 DOM의 개념 이벤트 처리와 DOM의 개념 ■ 이벤트 발생과 처리 ✓ HTML 문서에서 발생하는 특정 상황으로 이벤트 발생은 보통 자바스크립트 코드와 연계됨 ex) 버튼 클릭, 마우스 이동, 마우스 클릭, 키보드 입력, 문서 로드, 창 크기 변경 등 ✓ 자바스크립트에서 이벤트를 처리하는 방법 - HTML 태그에 이벤트 처리 속성을 이용 - 문서 객체 모델 DOM 요소에 속성을 추가 - DOM 요소에 addEventListener()로 콜백 함수를 등록 □ 문서 객체 모델 DOM ✓ 자바스크립트에서는 DOM을 통해 HTML 요소에 접근할 수 있음 ✓ DOM은 텍스트로 된 HTML 문서를 프로그램적으로 처리할 수 있도록 문서 구조 전체를 객체화한 것을 의미함 □ DOM의 체계 ✓ ..

자바스크립트(JavaScript)란? 자바스크립트의 정의 자바스크립트의 역사 자바스크립트의 특징 자바와 자바스크립트의 차이 자바스크립트 표준 주요 라이브러리 자바스크립트(JavaScript)란? ■ 자바스크립트(JavaScript)란? ✓ 자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. ✓ HTML에서 웹 내용을 작성하고, CSS로는 웹을 디자인하고, JavaScript로는 웹의 동작을 구현할 수 있다. ✓ 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js 같은 프레임워크를 사용하면 서버 측에서도 사용 가능하다. 1. 자바스크립트의 역사 ■ 자바스크립트(JavaScript)의 역사 ✓ 1995년에 넷스케이프(Netscape)의 브렌던 아이크(Brenden Ei..