자바스크립트 활용

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


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/else 문, switch 문, try/catch/finally 문
     - 반복문 : while 문, do/while 문, for 문, for/in 문, for/of 문
     - 점프문 : break 문, continue 문, return 문, throw 문

  ㅇ 조건 판단
     - if (변수 또는 표현식) => false 이려면,
        . ① false, ② null, ③ undefined, ④ '', ⑤ 0, ⑥ NaN => 6개 모두 가능
           .. 즉, false, null, undefined, "", 0, NaN 은 모두 false로 해석

  ㅇ switch 문
     - C 언어,Java 언어 등에서는, case 뒤에 반드시 상수 값을 써야 하지만,
       자바스크립트 언어는 표현식 그대로 사용 가능
     - 한편, 표현식 평가에 사용하는 일치는,
        , 반드시 `===`(완전 일치 연산자, strict equality operator) 만을 사용


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

 
        최근수정     요약목록     참고문헌