[Typescript] 클래스 & 인터페이스

private : 생성된 객체 내부에서만 접근 가능한 속성

protected : private과 비슷하지만 private과 다른 점은 이 클래스에서뿐 아니라 이 클래스를 확장하는 모든 클래스에서도 사용 가능 함

readonly 키워드

• 초기화 중에 한 번만 사용 가능
• 특정 속성이 초기화 되고 나면 이후에는 변경되어서는 안됨
• 추가적인 타입 안전성을 더해주고 의도를 명확하게 해줌

• 약식 초기화

// 초기화 약식 전

class Department {
  private id: string;
  private name: string;
  private employees: string[] = [];

  constructor(id: string, name: string) {
    this.id = n;
    this.name = n;
  }
}

// 초기화 약식 후

class Department {
  private employees: string[] = [];

  constructor(private readonly id: string, public name: string) {
  }
}

// 초기화 약식 전

class Product {
  title: string;
  price: number;
  private isListed: boolean;
 
  constructor(name: string, pr: number) {
    this.title = name;
    this.price = pr;
    this.isListed = true;
  }
}

// 초기화 약식 후

class Product {
  private isListed: boolean;
 
  constructor(public title: string, public price: number) {
    this.isListed = true;
  }
}

this 키워드

• this 키워드를 사용하여 무언가를 사용하는 경우 super를 먼저 호출해야 함

getter / setter

• 로직을 캡슐화하고 속성을 읽거나 설정하려 할 때
• 실행되어야 하는 추가적인 로직을 추가하는데 유용함

정적 메서드 & 속성

• 정적 메서드: 클래스를 기반으로 생성된 객체가 아니라 클래스에서 직접 호출하는 메소드
• 정적 속성과 메소드를 사용하여 클래스의 인스턴스에서 접근할 수 없는
• 속성과 메소드를 클래스에 추가할 수 있음
• 클래스 이름을 먼저 호출하지 않고 클래스에 직접 접근
• 주로 논리적으로 그룹화하거나 클래스에 매핑하려는 유틸리티 함수나
• 클래스에 저장하고자 하는 전역 상수에 사용 됨
• 메소드 앞에 static 키워들를 추가해 다음 객체를 반환

static createEmployee(name: string) {
    return { name: name };
  }

const employee1 = Department.createEmployee("Yumi");
console.log(employee1);

• 정적 속성은 인스턴스에서 유효하지 않음
• 정적 속성과 정적 메소드의 전체적인 개념은 인스턴스와 분리되어 있기 때문
• 그래서 this 키워드를 사용해 접근하는 건 불가능

추상 클래스

• 추상 클래스 : 인스턴스화될 수 없고 확장되어야 하는 클래스
• 메소드 앞에 abstract가 있는 메소드가 하나 이상이라면
• 해당 클래스 앞에도 abstract를 추가 해야 함

abstract class Department {
  static fiscalYear = 2022;
  //   private id: string;
  //   private name: string;
  protected employees: string[] = [];

  constructor(protected readonly id: string, public name: string) {
    // this.id = n;
    // this.name = n;
  }

  abstract describe(this: Department): void;

}

• 추상 클래스는 일부 상위 클래스를 기반으로 하는 모든 클래스가
• 일부 공통 메소드 또는 속성을 공유하는 경우 사용
• abstract 키워드로 표기된 클래스들은 자체적으로 인스턴스화할 수 없음

싱글톤 & 개인 생성자

static getInstance() {
// 이미 인스턴스를 가지고 있다면 이를 반환
    if (AccountingDepartment.instance){
      return this.instance
    } // 그렇지 않으면 새 인스턴스를 생성
    this.instance = new AccountingDepartment('d2',[])
    return this.instance
  }

// AccountingDepartment의 새 인스턴스가 반환
const accounting = AccountingDepartment.getInstance();
const accounting2 = AccountingDepartment.getInstance();

• 싱글톤 : “new”로 생성하지 않고 메소드를 호출하여 구성하므로 특정 시점에 반드시
• 단 하나의 클래스 인스턴스가 존재

인터페이스

• 객체의 구조를 설명함
• 구체적인 값이 아닌 구조만 있음

interface Person {
  name: string;
  age: number;

  greet(phrase: string): void;
}

• 인수의 이름과 타입, 메소드의 반환 타입 순서

interface Person {
  name: string;
  age: number;

  greet(phrase: string): void;
}

let user1: Person;

user1 = {
  name: "yum",
  age: 20,
  greet(phrase: string) {
    console.log(phrase + "" + this.name);
  },
};

user1.greet("Hi there - I am ");

• 인터페이스 내에 readonly 제어자도 추가 가능
• 하지만 public, private 등은 지정 불가능
• 함수의 구조를 정의하는데에도 사용 가능

선택적 매개변수 & 속성

interface Named {
  readonly name?: string;
  outputName?: string
}

클래스, 인터페이스 차이점

• 인터페이스는 인스턴스화할 수 없으며 컴파일되지 않는 반면,
• 클래스는 인스턴스화할 수 있으며 컴파일 됨