본문 바로가기
반응형

프로그래밍 언어/Modern JavaScript4

[JavaScript] 정규표현식 정규표현식- 정규표현식(regular expression)은 문자열에서 특정한 규칙을 가지는 문자열의 집합을 찾아내기 위한 검색 패턴- 정규 표현식 생성: 정규표현식 리터럴을 이용한 생성/RegExp 객체를 이용한 생성- 정규표현식 리터럴: 슬래시로 시작하여 슬래시로 끝남. 필요시 플래그를 추가하여 검색 설정을 변경/검색패턴/플래그/* 정규표현식 리터럴을 이용한 생성 */var regStr = /a+bc/; /* RegExp 객체를 이용한 생성 */var regObj = new RegExp("a+bc");- 단순 검색: String 메서드 사용메서드설명String.search(정규표현식)단순한 패턴 검색. 일치하는 문자열 중 첫 번쨰 문자열의 인덱스 반환String.match(정규표현식)문자열에서 인수로.. 2024. 8. 9.
[JavaScript] 이벤트 Event란?- 이벤트는 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미- 클라이언트 측 자바스크립트를 비동기식 이벤트 중심의 프로그래밍 모델이라고 함- 이벤트 타입(=event name)은 발생한 이벤트의 종류를 나타내는 문자열- 이벤트 명세는 DOM Level3 이벤트 명세, HTML5 관련 이벤트 명세, 모바일 장치를 위한 이벤트 명세로 나누어 정의Event Listener- 이벤트 리스너란 이벤트가 발생했을 때 처리를 담당하는 함수를 가리킴(=event handler)- 지정된 타입의 이벤트가 특정 요소에서 발생시 웹 브라우저는 그 요소에 등록된 이벤트 리스너를 실행- 이벤트 리스너 등록: 이벤트의 대상이 되는 개체나 요소에 프로퍼티로 등록/객체나 요소의 메서드에 이벤트 리스너를 .. 2024. 8. 9.
[JavaScript] BOM BOM이란?- BOM(Browser Object Model)은 DOM과 달리 W3C 표준 객체 모델은 아니지만 JavaScript가 브라우저의 기능적 요소들을 직접 제어하고 관리하는 방법을 제공- JavaScript에서는 BOM 모델의 객체들을 전역 객체로 사용Window 객체- Window 객체는 브라우저의 창을 나타내는 객체- JavaScript의 모든 객체, 전역 함수, 전역 변수들은 자동으로 window 객체의 프로퍼티가 됨- Window 객체의 메소드는 전역 함수이고 프로퍼티는 전역 변수가 됨. DOM의 요소들도 프로퍼티에 포함- Window 객체의 모든 메서드나 프로퍼티를 사용할 때 window 접두사 생략 가능프로퍼티/메서드설명window.outerWidth현재 브라우저 창의 너비window.. 2024. 8. 9.
[Javascript] 예외처리 예외 처리- 예외(Exception)은 프로그램이 실행 중에 발생하는 런타임 오류를 의미- 예외 발생: throw 표현식throw 표현식;throw new Error("에러메시지");- 예외 처리: try-catch-finallytry { 실행 코드;} catch (ex) { try 블록에서 예외가 발생시 실행 코드;} finally { 예외의 발생 여부와 무관하게 무조건 실행될 코드;}- Error 객체: 런타임 오류 발생시 Error 객체의 인스턴스가 생성되어 오류의 정보를 저장Strict 모드- ECMAScript 5부터 적용된 strict모드는 JavaScript 코드에 엄격한 오류 검사를 적용- 스크립트나 함수의 맨 처음에 "use strict"로 사용- 블록내에 "use str.. 2024. 8. 9.
반응형