자바스크립트

[JavaScript] 예외 처리(exception)

예외(exception) 예외(exception)란 프로그램이 실행 중에 발생하는 런타임 오류를 의미한다. 이러한 예외가 발생하지 않도록 미리 방지하는 것도 중요하지만, 발생한 예외를 처리하는 방법 또한 매우 중요하다. ※ 오류(error)란 프로그램 구문의 문법적인 오류를 의미한다. 예외 발생 예외를 발생시킨다는 것은 명시적으로 오류를 발생시킨다는 의미뿐만 아니라 예외 상황을 알린다는 의미도 있다. 자바스크립트에서는 throw 키워드를 사용하여 예외를 발생시킬 수 있다. 문법 throw 표현식; 표현식에는 예외 코드를 나타내는 숫자나 오류 메세지를 담고 있는 문자열, Error 객체 등이 올 수 있다. 예외 처리(exception handling) 자바스크립트에서는 프로그램이 실행되는 도중 발생하는 예..

[JavaScript] 이벤트 리스너 호출

이벤트 리스너 호출 이벤트 리스너가 등록되고 해당 객체나 요소에 지정된 타입의 이벤트가 발생하면, 브라우저는 자동으로 등록된 이벤트 리스너를 호출한다. 이때 이벤트 리스너는 인수로 이벤트 객체(event object)를 전달받으며, 식별자를 통해 전달받은 이벤트 객체를 참조한다. 이벤트 객체(event object) 이벤트 객체(event object)란 특정 타입의 이벤트와 관련이 있는 객체다. 이벤트 객체는 해당 타입의 이벤트에 대한 상세 정보를 저장하고 있다. 모든 이벤트 객체는 이벤트의 타입을 나타내는 type 프로퍼티와 이벤트의 대상을 나타내는 target 프로퍼티를 가진다. 이러한 이벤트 객체는 이벤트 리스너가 호출될 때 인수로 전달된다. var btn = document.getElementB..

[JavaScript] 이벤트 리스너 등록

이벤트 리스너(event listener) 이벤트 리스너란 이벤트가 발생했을 때 그 처리를 담당하는 함수를 가리키며, 이벤트 핸들러(event handler)라고도 한다. 지정된 타입의 이벤트가 특정 요소에서 발생하면, 웹 브라우저는 그 요소에 등록된 이벤트 리스너를 실행시킨다. 이벤트 리스너 등록 작성된 이벤트 리스너는 먼저 해당 객체나 요소에 등록되어야만 호출될 수 있다. 객체나 요소에 이벤트 리스너를 등록하는 방법은 다음과 같다. 이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록하는 방법 객체나 요소의 메소드에 이벤트 리스너를 전달하는 방법 객체나 요소에 프로퍼티로 등록하는 방법 객체나 요소에 프로퍼티로 이벤트 리스너를 등록할 때는 다음과 같은 방법을 사용할 수 있다. 자바스크립트 코드에서 프로퍼..

[JavaScript] 이벤트의 개념

이벤트(event)란? 이벤트(event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미한다. 웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있다. 따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고 한다. 이벤트 타입(event type) 이벤트 타입(event type)은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트 명(event name)이라고도 한다. 가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있다. 다음 예제는 HTML 문서의 특정 단락을 클릭하면 발생하는 이벤트를 처리하는 예제다. 이 문자열을 클릭해 보세..

[JavaScript] 타이머(timer)

타이머(timer) window 객체는 일정 시간이 지난 뒤에 함수를 호출할 수 있도록 다음 메소드를 제공한다. setTimeout() setInterval() 또한, 이렇게 설정된 함수의 호출을 취소할 수 있도록 다음 메소드를 제공한다. clearTimeout() clearInterval() setTimeout() 메소드 setTimeout() 메소드는 명시된 시간이 지난 뒤에 지정된 함수를 호출한다. // 문법 window.setTimeout(호출할함수, 지연시간); 이 메소드가 성공적으로 호출되면, 설정된 timeoutID를 반환한다. 이 메소드는 밀리초(milliseconds) 단위로 지연 시간을 설정할 수 있다. function startTimeout() { setTimeout(printCurr..

[JavaScript] 대화 상자

대화 상자(dialog box) 사용자에게 보여줄 수 있는 간단한 대화 상자를 만들기 위해 window 객체는 다음과 같은 메소드를 제공한다. alert() confirm() prompt() alert() 메소드 window 객체의 alert() 메소드는 사용자에게 간단한 메시지를 보여주고, 그에 대한 사용자의 확인을 기다린다. // 문법 window.alert("간단한 메시지"); 사용자는 대화 상자의 확인 버튼을 눌러야만 다른 작업을 진행할 수 있다. function alertDialogBox() { alert("확인을 누를 때까지 다른 작업을 할 수 없어요!"); } ※ window 객체의 모든 메소드나 프로퍼티를 사용할 때는 window라는 접두사를 생략할 수 있다. confirm() 메소드 wi..