반응형 JavaScript18 [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] 고차 함수 (higher order function) 고차 함수 함수를 인자로 전달받거나 함수를 결과로 반환하는 함수 인자로 받은 함수를 필요한 시점에 호출하거나 클로저를 생성하여 반환하며. 자바스크립트의 함수는 일급 객체이므로 값처럼 인자로 전달할 수 있으며 반환할 수도 있다 ❓ 클로저 반환된 내부함수가 자신이 선언됐을 때의 환경(Lexical environment)인 스코프를 기억하여 자신이 선언됐을 때의 환경(스코프) 밖에서 호출되어도 그 환경(스코프)에 접근할 수 있는 함수 (자신이 생성될 때의 환경 (Lexical environment)을 기억하는 함수) ❓ 일급 객체 생성, 대입, 연산, 인자 또는 반환값으로서의 전달 등 프로그래밍 언어의 기본적 조작을 제한없이 사용할 수 있는 대상을 의미 더보기 1. 무명의 리터럴로 표현이 가능하다. 2. 변수.. 2023. 3. 14. [JavaScript] addEventListener, 이벤트 종류 Event DOM에서 발생하는 이벤트를 나타내며, 마우스를 클릭하거나 키보드를 누르는 것과 같이 사용자의 액션에 의해 발생할 수도 있고, 비동기적 작업의 진행을 나타내기 위해서 API들이 생성할 수도 있다. addEventListener 지정한 유형의 이벤트를 대상이 수신할 때마다 호출할 함수를 설정한다. addEventListener(type, listener); type : 수신할 이벤트 종류 (대소문자 구분 문자열) listener : handleEvent() 메서드를 포함하는 객체 또는 JavaScript 함수 예시 보기 이벤트 종류 구분 이벤트명 설명 Mouse envents click 마우스 버튼을 클릭했을 때 dblclick 마우스 버튼을 더블 클릭했을 때 mousedown 마우스 버튼을 누.. 2023. 3. 11. [JavaScript] 정규표현식(Regular Expression) 정규표현식(Regular Ecpression) 문자열에서 특정 문자 조합을 찾기 위한 패턴이다. 정규 표현식 만들기 1. 정규 표현식 리터럴 슬래시로 패턴을 감싸서 작성한다. 스크립트를 불러올 때 컴파일되므로, 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있다. const re = /abc/ 2. RegExp 객체의 생성자 호출 생성자 함수를 사용하면 정규 표현식이 런타임에 컴파일 된다. 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출처에서 가져오는 패턴의 경우 사용한다. const re = new RegExp('abc') 플래그 정규 표현식은 전역 탐색이나 대소문자 무시와 같은 특성을 지정하는 플래그를 가질 수 있다. 순서에 상관없이 한꺼번에 여럿을 지정할 수 도 있다. 플래그 설.. 2023. 3. 11. 이전 1 2 3 4 5 다음 반응형
