JS에서의 Class

JavaScript의 클래스는 ES6(ES2015)에서 소개된 구문 설탕(syntactic sugar)입니다. 즉, JavaScript의 프로토타입 기반 객체 지향 패턴을 좀 더 쉽게 이해하고 사용할 수 있도록 하는 문법입니다.

클래스의 구조

기본적으로 클래스는 다음과 같은 구조를 가집니다:

class MyClass {
  constructor(param1, param2) {
    this.property1 = param1;
    this.property2 = param2;
  }

  method1() {
    // do something
  }
}

• constructor는 클래스를 초기화하는 특별한 메소드입니다. 클래스의 인스턴스를 생성할 때 new 키워드를 사용하고, 생성자에 필요한 인자를 전달합니다:

let myInstance = new MyClass(arg1, arg2);

• 생성된 인스턴스는 클래스에 정의된 메소드를 사용할 수 있습니다:

myInstance.method1();

• 클래스는 상속을 통해 부모 클래스의 메소드와 속성을 재사용할 수 있습니다.
  이는 extends 키워드를 사용하여 수행됩니다:

class ChildClass extends MyClass {
  method2() {
    // do something else
  }
}

클래스의 장점

• 읽기 쉬운 구조: 클래스 문법은 일반적으로 프로토타입 기반 코드보다 더 읽기 쉽고 이해하기 쉬워,
  팀 작업에서 더욱 효과적입니다.
• 재사용성: 클래스는 상속을 통해 코드를 재사용하기 쉽게 합니다.
  클래스 상속을 통해 기존 클래스의 메소드와 속성을 쉽게 확장할 수 있습니다.
• 캡슐화: 클래스를 사용하면 관련 있는 데이터와 함수를 하나의 객체로 캡슐화할 수 있습니다.
  이는 코드를 더욱 체계적으로 구조화하는 데 도움이 됩니다.

클래스의 단점

• 프로토타입 이해 필요: JavaScript의 클래스는 실제로는 프로토타입 기반입니다. 따라서 실제로 어떻게 동작하는지 이해하기 위해서는 여전히 프로토타입에 대한 이해가 필요합니다.
• this 바인딩: 클래스 메소드 내부에서 this를 사용할 때 주의해야 합니다. this는 보통 해당 메소드를 호출하는 객체를 참조하지만, 이벤트 핸들러 등 특정 상황에서는 원하지 않는 값이 바인딩 될 수 있습니다.
• 불변성: JavaScript의 클래스는 불변 객체를 만드는 데에는 제한적입니다. 클래스 인스턴스는 기본적으로 가변적이기 때문입니다.

기억해야 할 중요한 점은, 클래스는 JavaScript에서 객체를 생성하고 조작하는 다양한 방법 중 하나일 뿐이라는 것입니다. 함수와 프로토타입을 사용한 접근법, 팩토리 함수, 객체 리터럴 등도 유용한 패턴일 수 있습니다. 사용 사례에 따라 가장 적합한 방법을 선택하는 것이 중요합니다.