javascript_연습문제9 Javascript(이벤트 리스너 등록)_2024-07-23 이벤트 리스너(event listener)이벤트 리스너란 이벤트가 발생했을 때 그 처리를 담당하는 함수를 가리키며, 이벤트 핸들러(event handler)라고도 합니다.지정된 타입의 이벤트가 특정 요소에서 발생하면, 웹 브라우저는 그 요소에 등록된 이벤트 리스너를 실행시킵니다. 이벤트 리스너 등록작성된 이벤트 리스너는 먼저 해당 객체나 요소에 등록되어야만 호출될 수 있습니다.객체나 요소에 이벤트 리스너를 등록하는 방법은 다음과 같습니다.1. 이벤트의 대상이 되는 객체나 요소에 프로퍼티로 등록하는 방법2. 객체나 요소의 메소드에 이벤트 리스너를 전달하는 방법 객체나 요소에 프로퍼티로 등록하는 방법객체나 요소에 프로퍼티로 이벤트 리스너를 등록할 때는 다음과 같은 방법을 사용할 수 있습니다.1. 자바스크립트.. 2024. 7. 23. Javascript(이벤트 리스너 호출)_2024-07-22 이벤트 리스너 호출이벤트 리스너가 등록되고 해당 객체나 요소에 지정된 타입의 이벤트가 발생하면, 브라우저는 자동으로 등록된 이벤트 리스너를 호출합니다.이때 이벤트 리스너는 인수로 이벤트 객체(event object)를 전달받으며, 식별자를 통해 전달받은 이벤트 객체를 참조합니다. 이벤트 객체(event object)이벤트 객체(event object)란 특정 타입의 이벤트와 관련이 있는 객체입니다.이벤트 객체는 해당 타입의 이벤트에 대한 상세 정보를 저장하고 있습니다.모든 이벤트 객체는 이벤트의 타입을 나타내는 type 프로퍼티와 이벤트의 대상을 나타내는 target 프로퍼티를 가집니다.이러한 이벤트 객체는 이벤트 리스너가 호출될 때 인수로 전달됩니다.예제var btn = document.getEleme.. 2024. 7. 22. Javascript(History 객체)_2024-07-22 History 객체history 객체는 브라우저의 히스토리 정보를 문서와 문서 상태 목록으로 저장하는 객체입니다.자바스크립트는 사용자의 개인 정보를 보호하기 위해 이 객체에 접근하는 방법을 일부 제한하고 있습니다. 히스토리 목록의 개수history 객체의 length 프로퍼티는 브라우저 히스토리 목록의 개수를 반환합니다. 예제function openDocument() { location.assign("/javascript/js_bom_history");}document.getElementById("text").innerHTML ="현재 브라우저의 히스토리 목록의 개수는 " + history.length + "개 입니다."; 히스토리 목록 접근하기history 객체에는 브라우저의 뒤로 가기와 앞으로 .. 2024. 7. 22. Javascript(Window 객체)_2024-07-19 브라우저 객체 모델(DOM)이란?자바스크립트를 이용하면 브라우저의 정보에 접근하거나 브라우저의 여러 기능들을 제어할 수 있습니다.이때 사용할 수 있는 객체 모델이 바로 브라우저 객체 모델(BOM, Browser Object Model)입니다.브라우저 객체 모델(BOM)은 문서 객체 모델(DOM)과는 달리 W3C의 표준 객체 모델은 아닙니다.하지만 이 모델은 자바스크립트가 브라우저의 기능적인 요소들을 직접 제어하고 관리할 방법을 제공해 줍니다.자바스크립트에서는 이러한 BOM 모델의 객체들을 전역 객체(global object)로 사용할 수 있습니다. Window 객체window 객체는 웹 브라우저의 창(window)을 나타내는 객체로, 대부분의 웹 브라우저에서 지원하고 있습니다.자바스크립트의 모든 객체, .. 2024. 7. 22. Javascript(event)_2024-07-19 이벤트(event)란?이벤트(event)란 웹 브라우저가 알려주는 HTML 요소에 대한 사건의 발생을 의미합니다.웹 페이지에 사용된 자바스크립트는 이렇게 발생한 이벤트에 반응하여 특정 동작을 수행할 수 있습니다.따라서 클라이언트 측 자바스크립트를 비동기식 이벤트 중심(event-driven)의 프로그래밍 모델이라고 합니다. 이벤트 타입(event type)이벤트 타입(event type)은 발생한 이벤트의 종류를 나타내는 문자열로, 이벤트 명(event name)이라고도 합니다.가장 많이 사용하는 키보드, 마우스, HTML DOM, Window 객체 등을 처리하는 이벤트가 폭넓게 제공되고 있습니다.다음 예제는 HTML 문서의 특정 단락을 클릭하면 발생하는 이벤트를 처리하는 예제입니다.예제이 문자열을 클릭.. 2024. 7. 19. Javascript(Date 메소드)_2024-07-19 Date.now() 메소드Date.now() 메소드는 1970년 1월 1일 0시 0분 0초부터 현재까지의 시간을 밀리초(millisecond) 단위의 정수로 반환합니다.예제var nowMiliSec = Date.now();nowMiliSec; // 1970년 1월 1일 00:00:00부터 현재까지의 밀리초new Date(nowMiliSec); // new Date()와 같은 결과를 반환함.new Date(); Date.prototype getter 메소드모든 Date 인스턴스는 Date.prototype으로부터 메소드와 프로퍼티를 상속받습니다.Date.prototype getter 메소드는 날짜와 관련된 정보를 받아오기 위한 메소드입니다.가장 많이 사용되는 대표적인 getter 메소드는.. 2024. 7. 19. 이전 1 2 다음
