반응형 JavaScript6 [JavaScript] 클래스와 인스턴스 class(클래스) : 객체를 생성하기 위한 템플릿 instance(인스턴스) : 클래스의 속성과 메소드를 담고 있는 객체 클래스의 속성과 메소드 정의 // 클래스 생성 (ES5) function Car (brand, name, color) { this.brand = brand; this.name = name; this.color = color; } Car.prototype.refuel = function() { // 메소드 //prototype : 키워드를 사용하여 속성이나 메소드 정의 return `${this.name}에 연료를 공급합니다.` } Car.prototype.drive= function() { // 메소드 return `${this.name}가 운전을 시작합니다.` } // 클래스 생성.. 2023. 3. 15. [JavaScript] addEventListener, 이벤트 종류 Event DOM에서 발생하는 이벤트를 나타내며, 마우스를 클릭하거나 키보드를 누르는 것과 같이 사용자의 액션에 의해 발생할 수도 있고, 비동기적 작업의 진행을 나타내기 위해서 API들이 생성할 수도 있다. addEventListener 지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정한다. addEventListener(type, listener); type : 수신할 이벤트 종류 (대소문자 구분 문자열) listener : handleEvent() 메서드를 포함하는 객체 또는 JavaScript 함수 예시 보기 이벤트 종류 구분 이벤트명 설명 Mouse envents click 마우스 버튼을 클릭했을 때 dblclick 마우스 버튼을 더블 클릭했을 때 mousedown 마우스 버튼을 누.. 2023. 3. 11. 이전 1 2 다음 반응형