- Constructor constructor(생성자)를 사용하면 인스턴스화된 객체에서 다른 메소드를 호출하기 전에수행해야 하는 사용자 지정 초기화를 제공할 수 있다. Class를 new를 붙여서 (new User("John")) 인스턴스 객체로 생성하면넘겨받은 인수와 함께 constructor가 먼저 실행된다.이때 넘겨받은 인수인 John이 this.name에 할당된다.class User { constructor(name) { // 인스턴스 객체를 생성하면 constructor이 먼저 호출된다. this.name = name; } sayHi() { alert(this.name); }}let user = new User("John");user.sayHi();  - 자바스크립트에서 ..

- Sub Class(Inheritance) 부모 Class를 자식 Class에 확장할 수 있다.부모 Class에 있던 기능을 토대로 자식 Class를 만들 수 있는 것이다.=> 확장하기 위하여 extends 키워드를 사용하면 된다.

ES6에 나온 Class를 사용하여 더 쉽게 OOP를 구현할 수 있다.이것은 문법을 OOP 방식을 사용하지만 내부에서 prototype을 사용하여 작동한다.  생성자 함수로 객체를 만들었을 때는생성자 함수에 넣어둔 메소드가 인스턴스 객체 자체에 포함되어 있었지만,Class의 경우 Class 안에 넣어둔 메소드가 바로 프로토타입에 들어가게 된다. class Person { constructor(name, email, birthday) { this.name = name; this.email = email; this.birthday = new Date(birthday); } introduce() { return `Hello my name is ${this.name}`; }}cons..

사실 예전에 분명 class를 공부한 부분이 있지만 너무 쉽게 휙 넘어가버려서 매번 class 문제를 마주할 때마다 정신이 혼미하다... 그래서 준비했다. 나를 위한 class 파헤치기!! class 외에도 이전에 다 공부했지만 쏙쏙 많이도 까먹었더라... 물론 다시 개념 좀 살펴보고 하면 되지만 class는 그것조차 잘 되지 않더라 이 말이다...! (class 할 때마다 너무 고통스러워요...) 그럼 얘기는 여기까지 하고, 바로 class에 대하여 알아보도록 하겠다. - Class란? 자바스크립트에서 class는 ES6부터 지원을 하기 시작했다. 자바스크립트에서 class는 함수의 한 종류이다. 익스플로러에서는 class를 지원하지 않으며, 최신 브라우저에서는 class를 지원한다. class를 사용..

헷갈리는 것들만 따로 정리할 예정. deep dive 책을 함께 공부함. - 퀴즈 2 1. 정직원과 파트타임직원을 나타낼 수 있는 클래스를 만들어 보자 2. 직원들의 정보 : 이름, 부서이름, 한 달 근무 시간 3. 매달 직원들의 정보를 이용해서 한 달 월급을 계산할 수 있다 4. 정직원은 시간당 10000원 5. 파트타임 직원은 시간당 8000원 [ 기존에 작성한 코드 ] class Employee { constructor(name, department, workTime, pay) { this.name = name; this.department = department; this.workTime = workTime; this.pay = pay; } culculator = () => { return thi..

헷갈리는 것들만 따로 정리할 예정. deep dive 책을 함께 공부함. - 퀴즈 1 1. 카운터 만들기 2. 0 이상의 값으로 초기화 한 뒤 하나씩 숫자를 증가할 수 있는 카운터를 만들기 3. Counter 클래스 만들기 class Counter { #value; // 외부에서 값을 바꾸려고 접근할 수 없도록 #을 이용해서 설정.(필드에) constructor(startNumber) { // 무언가가 NaN인지 판별하는 방법 => isNaN (true 또는 false를 출력) if (isNaN(startNumber) || startNumber < 0) { this.#value = 0; } else { this.#value = startNumber; // 그 외에는 넣은 값에서 바로 카운트를 시작할 수 ..