[TYPE SCRIPT] TS + OOP 연습하기

타입 스크립트 + 객체 지향 프로그래밍 강의를 복습하면서 고양이를 한 번 만들어 봤다.

 

  // 고양이 만들기

  // 성별
  type Gender = "male" | "female";

  // 감정 상태
  type Emotion = "happy" | "hungry" | "full" | "tired" | "angry";

  class Cat {
    name: string;
    age: number;
    gender: Gender;
    emotion: Emotion;

    constructor(name: string, age: number, gender: Gender, emotion: 'happy') {
      this.name = name;
      this.age = age;
      this.gender = gender;
      this.emotion = emotion;
    }

    static makeCat(name:string, age:number, gender: Gender, emotion:'happy'):Cat{
      return new Cat(name,age,gender,emotion);
    }
  }

  const cassy = new Cat("cassy", 3, "female", 'happy');
  console.log(cassy);

  const 코코 = Cat.makeCat('코코',5,'male','happy');
  console.log(코코);

 

먼저 Cat class 의 멤버 변수는

 

name : string // 이름

age : number // 나이

gender : Union Types // 성별

emotion : Union Types // 감정

 

들을 설정했다.

 

성별은 Union Types 를 이용해 male, female 두 가지만 선택할 수 있고,

 

감정도 마찬가지로 기본적으로 다섯 가지의 감정을 넣어 놓았다.

 

Type 으로 따로 분리해 둠으로써 변경이나 확장이 자유롭다. (유지·보수성 ↑)

 

생성자 (constructor) 에 emotion : 'happy' 를 지정해 줘서 인스턴트 생성 시에 행복한 감정만 기본적으로 가지도록 했다.

 

다른 감정들 tired, angry 등은 생성할 때 할당할 수 없다.

 

또 Cat 을 반환하는 makeCat 이라는 class level (static) 의 인스턴트 생성 함수는

 

인스턴트 생성 없이 class 의 함수를 바로 이용할 수 있다.

 

// static 이 붙지 않은 경우
const 고양이 = new Cat(...멤버변수);
고양이.makeCat(...멤버변수);

// static 을 붙인 경우
클래스.makeCat(...멤버변수);

// 인스턴트 생성 없이도 클래스의 함수를 바로 이용할 수 있다.

 

여기서 class level 의 함수가 무엇인지 예를 들면 Math 내장 객체를 보면 이해가 잘 된다.

 

const ran = Math.random();

// 우리는 Math 의 함수들을 이용할 때 인스턴트를 생성하지 않는다.
const math = new Math(); // ❌❌❌

 

Math 의 함수들을 인스턴트 생성 없이도 바로 사용할 수 있는데 이것이 바로 class level 의 함수다.

 

추가적으로 생성자 함수 대신에 static 함수를 이용하여 인스턴트를 생성하도록 의도할 때는

 

생성자 함수에 private 속성을 주어서 숨겨놓는 것이 좋다고 한다. 현업자의 Tip 이니 이렇게 하는 경우가 있나 보다.

 

이제 여기에 캡슐화를 추가해 보았다.

 

  코코.age = -20;
  console.log(코코);

 

지금 상태에선 이름, 나이 변수를 자유롭게 변경 할 수 있는데, 이처럼 나이에 음수값을 주어도

 

number type 이기때문에 잘 작동되고, 이것은 우리가 의도하지 않은 오류가 발생할 수 있다.

 

private age: number;

 

나이 멤버 변수에 private 속성을 할당해 주면

 

 

더 이상 나이 변수에 접근하거나 변경할 수 없게 된다.

 

이름도 멤버 변수에 바로 접근해서 변경하는 것이 아닌 함수를 통해 변경하게 해주고 싶으면

 

private name: string;

changeName(name: string){
  if(name.length <= 1){
    throw new Error('이름은 2 자리 이상으로 지어주세요.');
  }  
  this.name = name;
}

코코.changeName('코');
console.log(코코);

 

이름 변수에 private 속성을 추가하고, 조건식을 추가하여 2 자리 이상의 이름만 받을 수도 있다.

 

  코코.changeName('냥이');
  console.log(코코);

 

이렇게 private 속성을 통해 멤버 변수를 숨기고 (캡슐화)

 

함수를 통해서 변경 시키면서 전달받는 인자의 유효성 검사도 추가할 수 있어 안정성 높은 코드를 구현할 수 있다.

 

추가적으로 감정도 함수를 통해서만 변경시킬 수 있게

 

private emotion: Emotion;

feeding(){
  this.emotion = 'full';
}

console.log(코코); // 기본 상태

코코.feeding();
console.log(코코); // 먹이를 먹고 난 상태

 

감정 변수에 private 속성을 추가하고

 

먹이를 줘서 감정을 배부른 상태로 변경시키는 함수를 만들어 실행하면,

 

 

이렇게 happy 에서 full 로 변경시킬 수 있다.

 

  // 고양이 만들기

  // 성별
  type Gender = "male" | "female";

  // 감정 상태
  type Emotion = "happy" | "hungry" | "full" | "tired" | "angry";

  class Cat {
    private name: string;
    private age: number;
    gender: Gender;
    private emotion: Emotion;

    private constructor(
      name: string,
      age: number,
      gender: Gender,
      emotion: "happy"
    ) {
      this.name = name;
      this.age = age;
      this.gender = gender;
      this.emotion = emotion;
    }

    // class level 의 인스턴스 생성 함수
    static makeCat(
      name: string,
      age: number,
      gender: Gender,
      emotion: "happy"
    ): Cat {
      return new Cat(name, age, gender, emotion);
    }

    // 이름 바꾸기
    changeName(name: string) {
      if (name.length <= 1) {
        throw new Error("이름은 2 자리 이상으로 지어주세요.");
      }
      this.name = name;
    }

    // 먹이 주기
    feeding() {
      this.emotion = "full";
    }
  }

 

 

 

객체 지향 프로그래밍은 프로젝트의 규모가 커질수록 너무나 어렵고 복잡하지만

 

타입 스크립트 + 객체 지향 프로그래밍 조합은 굉장히 매력적이고 재밌는거 같다.