1. 자바스크립트 활용
ㅇ 자바스크립트 문자열 다루기 ☞ 자바스크립트 문자열 활용 참조
ㅇ 자바스크립트 수치 다루기 ☞ 자바스크립트 수치 활용 참조
ㅇ 자바스크립트 배열 다루기 ☞ 자바스크립트 배열 참조
ㅇ 자바스크립트 날짜/시간 다루기 => 2.항 참조
ㅇ 자바스크립트로 이미지 다루기 => 3.항 참조
ㅇ 자바스크립트 정규표현식 다루기 ☞ 자바스크립트 정규표현식 참조
ㅇ 자바스크립트 모듈 ☞ 모듈 참조
ㅇ 자바스크립트 구문 제어 ☞ 자바스크립트 제어 구문 참조
2. 자바스크립트 날짜/시간 다루기
ㅇ new Date(); : 현재 날짜 ☞ MDN Date 참조
- 例) var now = new Date();
. 현재 월 : now.getMonth()+1, 현재 일 : now.getDate()
ㅇ new Date('2017/12/27 16:08:33'); : 날짜 문자열
ㅇ new Date('Wed December 27 2017 16:08:33'); : 날짜 문자열
ㅇ new Date('2017, 12, 27, 16, 08, 33'); : 연, 월, 일, 시, 분, 초
ㅇ new Date('1514114839'); : 타임스탬프(밀리초 단위로 표현됨)
ㅇ 날짜/시간 얻기
- getFullYear() : 연도를 뜻하는 숫자 값
- getMonth() : 월을 뜻하는 숫자 값
- getDate() : 날짜를 뜻하는 숫자 값
- getDay() : 요일을 뜻하는 숫자 값(0 : 일요일, 1 : 월요일, ...)
- getHours() : 시(hour)를 뜻하는 숫자 값
- getMinutes() : 분(minute)을 뜻하는 숫자 값
- getSeconds() : 초(second)를 뜻하는 숫자 값
- getMilliseconds() : 밀리초(millisecond)를 뜻하는 숫자 값
ㅇ 일정 시간 단위로 처리 ☞ 타이머 참조
- setTimeout(), clearTimeout() : 일정 시간 후에 (지정) 처리
- setInterval(), clearInterval() : 일정 시간 마다 (반복) 처리
3. 자바스크립트로 이미지 다루기
ㅇ 이미지 미리읽기 (image preloading)
- 해당 이미지 요소의 src 속성을 설정함
ㅇ 이미지 교체하기 (image rollover)
- 해당 이미지 요소의 src 속성을 바꿔줌
ㅇ 슬라이드쇼
ㅇ 이미지 갤러리 등
4. 자바스크립트에서 CSS 선택자 지원
ㅇ querySelector()
ㅇ querySelectorAll()
5. 자바스크립트 디버깅
ㅇ console.log() ☞ 자바스크립트 웹 출력 참조
ㅇ console.dir()
ㅇ console.assert()
ㅇ console.group()
ㅇ console.time()
ㅇ console.trace()
6. URL 쿼리 접근 처리
ㅇ searchParams = new URLSearchParams(paramsString)
- searchParams.get(parm)
- searchParams.has(parm)
- searchParams.set(parm,value) 등