자바스크립트 활용

(2020-11-22)

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) 등

JS 활용
   1. JS 활용   2. JS 문자열 활용   3. JS 수치 활용   4. JS 정규표현식   5. JS 웹 출력   6. 문자열 템플릿  


Copyrightⓒ written by 차재복 (Cha Jae Bok)               기술용어해설 후원
"본 웹사이트 내 모든 저작물은 원출처를 밝히는 한 자유롭게 사용(상업화포함) 가능합니다"