자바스크립트 기타 활용

(2017-11-06)

자바스크립트 정규표현식

1. 자바스크립트 수치 다루기

  ※ ☞ 자바스크립트 수치 활용 참조


2. 자바스크립트 정규표현식정규표현식 참조

  ㅇ 2개의 슬래시(/) 사이에 문자열 패턴 식(정규표현식)을 줌
     - 例) var testRegExp = /(\.\w{3,4}$)/;
        . 마침표(.)가 있고, 그 뒤에 3 혹은 4개의 문자(w{3,4})가 연속하는 서브 패턴()을,
          문자열 끝($)에서 찾음

  ㅇ Sting 클래스메서드 
     - search()  : 일치한 패턴의 위치(인덱스)를 반환
     - match()   : 일치한 패턴문자열을 배열로 반환 
     - split()   : 일치한 문자열들을 분할시켜 배열화
     - replace(정규표현식 또는 바뀔 문자열, 바꿀 문자열)
        . 일치한 문자열을 지정한 문자열로 치환

  ㅇ RegExp 클래스메서드
     - exec()    : 일치한 문자열 1개를 배열로 반환, 못하면 null 반환
     - test()    : 일치하면 true, 못하면 false 반환


3. 자바스크립트 배열 다루기

  ※ ☞ 자바스크립트 배열 참조


4. 자바스크립트이미지 다루기이미지 미리읽기 (image preloading)
     - 해당 이미지 요소의 src 속성을 설정함
  ㅇ 이미지 교체하기 (image rollover)
     - 해당 이미지 요소의 src 속성을 바꿔줌
  ㅇ 슬라이드쇼
  ㅇ 이미지 갤러리 등


5. 자바스크립트에서 CSS 선택자 지원

  ㅇ querySelector()
  ㅇ querySelectorAll()


6. 자바스크립트 디버깅

  ㅇ console.log()
  ㅇ console.dir()
  ㅇ console.assert()
  ㅇ console.group()
  ㅇ console.time()
  ㅇ console.trace()


[JS 활용] 1. JS 문자열 활용 2. JS BOM 활용 3. JS 활용 (기타) 4. JS 수치 활용

 
        최근수정     모바일웹     참고문헌