자바스크립트 활용

(2018-10-10)
1. 자바스크립트 활용자바스크립트 문자열 다루기자바스크립트 문자열 활용 참조  
  ㅇ 자바스크립트 수치 다루기   ☞ 자바스크립트 수치 활용 참조
  ㅇ 자바스크립트 배열 다루기   ☞ 자바스크립트 배열 참조
  ㅇ 자바스크립트 날짜/시간 다루기 => 2.항 참조
  ㅇ 자바스크립트이미지 다루기 => 3.항 참조
  ㅇ 자바스크립트 정규표현식 다루기 ☞ ☞ 자바스크립트 정규표현식 참조


2. 자바스크립트 날짜/시간 다루기

  ㅇ new 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. 조건 판단

  ㅇ if (변수) => false 이려면,
     - ① false, ② undefined, ③ 0, ④ null, ⑤ '' => 5개 모두 가능


[JS 활용] 1. JS 활용 2. JS 문자열 활용 3. JS 수치 활용 4. JS 정규표현식

 
        최근수정     요약목록(시험중)     참고문헌