Class class는 객체를 생성하기 위한 템플릿이다. class Car { // 맴버변수 speed fuel door // 메서드 drive() { this.speed++ this.fuel-- } } 예시를 들어보자. 나는 방금 Car class를 선언하여 Car설계도(템플릿)를 만들었다. 이 class 안에서 쓰이는 변수를 멤버변수, 함수를 메서드라고 부른다. instance const k3 = new Car() const sclass = new Car() new 연산자 사용하여 Car의 인스턴스를 생성할 수 있다. 일일이 k3에 speed, fuel..., sclass에 speed, fuel... 중복적으로 선언해주지 않아도, class에 정의된 멤버변수와 메서드를 사용해 줄 수 있다. 객체 지향..
Front-end/JavaScript
자바스크립트의 this에 대해 알아보자. this는 Javascript의 예약어이다. 기본적으로 this는 전역 객체를 가리킨다. Node환경에서는 global객체를, 브라우저 환경에서는 Window객체를 가리킨다. (브라우저 도구탭에서 this를 쳐보면 Window객체가 출력된다.) this; // Window{}this는 가리키는 값(this 바인딩), 함수 호출 방식에 의해 동적으로 결정된다. (바인딩 : 식별자와 값을 연결하는 과정) this를 알기 위해서는 “누가 나를 불렀는가”를 알면 된다. 여기서 "누가"는 콘텍스트 객체이며 this가 바라보고 있는 객체 정도로 인지하자. const car = { name: 'KIA', getName: function () { console.l..
콜백함수란 다른 코드의 인자로 넘겨주는 함수, 즉 어떤 이벤트가 발생한 후 수행될 함수를 의미한다. 예를들어 식당에 자리를 예약하는 상황이라고 가정해보자. 우리는 식당 대기자 명단에 이름을 쓴 뒤, 자리가 날때까지 식당 근처를 구경하러간다. 만약 식당에서 자리가 생기면 전화로 자리가 났다고 연락을 줄 것이다. 바로, 그 전화를 받는 시점이 콜백 함수가 호출되는 시점과 같다. 손님 입장에서는 자리가 날 때까지 식당에서 기다리지 않고 근처에서 쇼핑을 하거나 구경을 할 수 있다. 자리가 났을 때 연락이 오기 때문에 미리 가서 기다릴 필요❌ 자리가 비어있는지 확인할 필요❌ 자리가 준비된 시점 즉 데이터가 준비된 시점에서만 원하는 동작(자리에 앉는다. 특정 값을 출력한다)를 수행할 수 있다. // 동기식 콜백 예..
