프로그래밍/JavaScript (15) 썸네일형 리스트형 [JavaScript 요약 정리] 16. 정규 표현식 16. 정규 표현식1) 정규 표현식 객체- 자바스크립트의 기본 내장 객체 중 하나- 생성 방법var regExp1 = new RegExp('text');var regExp2 = /text/; - 정규 표현식 객체의 메소드test() : 정규 표현식과 일치하는 문자열 존재 여부 반환exec() : 정규 표현식과 일치하는 문자열 반환 2) 정규 표현식을 사용하는 String 객체의 메소드match(regExp): 정규 표현식과 일치하는 부분 반환replace(regExp, replacement): 정규 표현식과 일치하는 부분 변경search(regExp): 정규 표현식과 일치하는 부분의 위치 반환split(regExp): 정규 표현식을 기준으로 문자열을 잘라 배열 반환 3) 대체 문자- replace() 메.. [JavaScript 요약 정리] 15. 예외 처리(Exception handling) 15. 예외 처리(Exception handling)1) 예외(Exception)- 프로그램 실행 중 발생하는 오류- 에러(Error)는 프로그램 실행 전에 발생하는 오류를 의미- 다양한 이유로 예외가 발생할 수 있기 때문에 개발자는 미리 대비를 해야함 2) 기본 예외 처리- 예외처리: 예외가 발생하지 않도록 사전에 해결하는 것- 조건문을 이용해서 예외가 발생할 상황을 방지하는 것- 예시if(num [JavaScript 요약 정리] 13. 문서 객체 모델(DOM) 13. 문서 객체 모델(DOM)1) DOM(Document Object Model)- 넓은 의미로는 웹 브라우저가 HTML 페이지를 인식하는 방식- 좁은 의미로는 document 객체와 관련된 객체의 집합- HTML 페이지는 트리 모양으로 구성, 각 요소를 노드라고 칭함element node: html 태그 의미text node: element node 안에 들어있는 텍스트- 자바스크립트에서는 속성도 하나의 노드로 구분 2) document 객체 다루기- document 객체는 텍스트 노드를 가진 객체와 텍스트 노드가 없는 객체로 분류- document 객체의 노드 생성 메소드createElement(tagName) : 요소 노드 생성createTextNode(text) : 텍스트 노드 생성 - docu.. [JavaScript 요약 정리] 12. 브라우저 객체 모델(BOM) 12. 브라우저 객체 모델(BOM)1) BOM(Browser Object Model)- 웹 브라우저와 관련된 객체의 집합- 객체 모델 종류: window(최상위), location, navigator, history, screen, document- DOM(Document Object Model) 으로 통합해서 칭하기도 함- 정확히는 자바스크립트가 아닌 웹브라우저가 제공하는 기능 2) window 객체- 다른 BOM 객체의 상위 개념- alert(), prompt() 등 많은 메소드를 가지고 있음- var 키워드로 선언한 일반 변수도 window 객체의 속성이 됨- window 객체 생성 메소드: open(URL, name, features, replaced)*객체 생성시 생성한 객체를 반환하기 때문에 .. [JavaScript 요약 정리] 11. 기본 내장 객체 11. 기본 내장 객체1) Object 객체- 자바스크립트의 최상위 객체- 생성var object={}; var object=new Object();- Object 객체의 메소드constructor() : 객체의 생성자 함수를 나타냄hasOwnProperty(name) : 객체가 name 속성을 가지고 있는지 확인isPrototypeof(object) : 객체가 object의 프로토타입인지 검사propertyIsEnumerable(name) : 반복문으로 열거 가능 여부 확인toLocaleString() : 객체를 호스트 환경에 맞는 언어의 문자열로 변경toString() : 객체를 문자열로 변경valueOf() : 객체의 값을 표시 2) Number 객체- 숫자를 표현할 때 사용하는 객체- 생성var .. [JavaScript 요약 정리] 10. 생성자(Constructor) 함수 10. 생성자(Constructor) 함수1) 생성자 함수 개요- 자바의 클래스와 생성자 개념을 사용할 수 있는 함수- 자바스크립트에도 클래스 체계가 추가되었지만 활용하지 않음-> 생성자 함수를 구현해서 사용- 생성자의 첫 글자는 대문자로 만드는게 관례 2) 생성자 함수 생성- 생성 양식function 생성자명(속성1, 속성2, 속성3...) {this.속성1 = 속성1;this.속성2 = 속성2;this.속성3 = 속성3;}var 인스턴스1 = new 생성자(속성1, 속성2, 속성3...);var 인스턴스2 = new 생성자(속성1, 속성2, 속성3...); 3) instanceof 키워드- 인스턴스와 생성자의 일치 여부 반환- 형태: 인스턴스명 instanceof 생성자명 // 일치할 경우 true .. [JavaScript 요약 정리] 9. 객체(Object) 9. 객체(Object)1) 객체 개요- 자바스크립트의 자료형 6개 중 하나- Map 객체와 같이 key-value 형식으로 구성- 객체 생성 방법var object = { key1:value1, key2:value2... };- key는 식별자외에도 문자열로도 선언 가능var object = { '$!#$!#':'what' }; // 키는 문자열 '$!#$!#' 값은 "'what"'// object.'$!#$!#' // 에러 발생 (Unexpected string)object['$!#$!#'] // "what" 반환 2) 특징- 일반적인 프로그래밍 이론에서는 {배열값: 요소element, 객체값: 속성property} 이지만 자바스크립트에서는 다르지 않음- 객체의 함수요소 내에서 this는 객체 자신을.. [JavaScript 요약 정리] 8. 내장 함수(Built-in Function) 8. 내장 함수1) 타이머 함수- setTimeout(function, millisecond) : 지정된 시간 후 함수를 한 번 실행(밀리초 단위)- setInterval(function, millisecond) : 지정된 시간마다 함수를 반복 실행*위 두 함수는 타이머 id를 리턴값으로 가짐 -> id를 변수에 저장해둬야 중지 가능- clearTimeout(id) : setTimeout 함수 중지- clearInterval(id) : setInterval 함수 중지 2) 인코딩과 디코딩 함수- escape(), unescape()영문 알파벳과 숫자, 일부 특수문자(@ * - _ + . /)를 제외하고 인코딩1바이트 문자는 %XX, 2바이트 문자는 %uXXXX 형태로 변환- encodeURI(uri), .. 이전 1 2 다음