자바스크립트 기타 활용

(2017-06-24)

자바스크립트 정규표현식

정보기술(IT) 1. 정보기술

전산기초
컴퓨터구조
프로그래밍
데이터베이스
소프트웨어 공학
운영체제
정보보호/보안
IT 기타기술
 > 프로그래밍프로그래밍 언어론
객체지향
자료구조
알고리즘
자료표현(알파벳/코드)
시스템 프로그래밍
프로그래밍언어 종류
프로그래밍 기타일반
 > 프로그래밍언어 종류 1. 프로그래밍 언어
2. 기계어,어셈블리언어

C/C++
자바(Java)
자바스크립트
PHP
 > 자바스크립트 1. JavaScript
2. JS 객체
3. JS 변수,타입
4. JS 함수
5. JS 배열

JS 이벤트
JS 활용
jQuery
 > JS 활용 1. JS 문자열 활용
2. JS BOM 활용
3. JS 활용 (기타)

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

  ㅇ 수치 변환
     - parseInt();      // 문자열을 정수 변환
        . parseInt(num,base);  // base로 지정된 진법으로 정수 변환
     - parseFloat();    // 소수점,지수 표현까지 포함한 문자열을 수치 변환
     - Number();        // 수치 변환

  ㅇ 정수 근사 변환
     - ceil();          // 천장 함수
     - floor();         // 마루 함수
     - round();         // 반올림
     - toFixed();       // 소수점 이하 지정된 자릿수로 반올림
     - toPrecision();   // 수치 전체를 지정된 자리수가 되도록 반올림

  ㅇ 정수 진법 변환
     - toString();      // 지정한 기수법(2부터 36까지 가능)으로 변환

  ㅇ 기타 기초
     - abs();           // 절대값
     - min(num1,num2);  // num1,num2 중 적은 값
     - max(num1,num2);  // num1,num2 중 큰 값
     - pow(base,p);     // 거듭제곱(basep)
     - random();        // 0~1 사이의 난수를 반환
     - isNaN();         // 수치인지 아닌지 판단


2. 자바스크립트 연산자

  ㅇ 할당 연산자(assignment operator)
     - `=`
  
  ㅇ 비교 연산자
     - (느슨한 비교) : `==`, `!=`, `>`, `<`, `>=`, `<=`
     - (엄격한 비교) : `===` , `!==` 


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

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

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

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


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

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


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


6. 기타CSS 선택자 지원
     - querySelector()
     - querySelectorAll()

  ㅇ 주석
     - `//`, `/* */`


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

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