관리 메뉴

클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

Generic 2 - Union type 본문

웹 · 앱 개발/타입스크립트

Generic 2 - Union type

huenuri 2024. 12. 23. 14:05

제네릭 세 번째 학습이다. 이번에는 Union 타입에 대해서 학습해보겠다.


 

 

 

 

이론 3 - Union type

 

 

 

 

 

매개변수는 union type으로 선언했기 때문에 message는 string과 number 두 개의 타입을 갖고 있다. 따라서 두 개의 값을 인수값으로 호출할 수 있다. 하지만 string과 number type의 공통된 메서드만 사용 가능하다. message1을 호출하면 number에 length 속성은 존재하지 않기에 오류가 발생한다.


 

 

 

 

실습 2 - Union type

 


 

 

1. 코드 살펴보기

 

 

 

현재 코드에서는 오류가 발생하고 있다. printMessage 매개변수에 값이 선언되지 않았기 때문이다.


 

 

 

2. 코드 수정하기

타입은 number와 string 둘다 주었을 때로 설정한다.

 

 

 

 

이제 잘 출력이 된다.


 

 

 

 

학습을 마치고

제네릭 중에서 Union type에 대해서 학습해보았다. 처음에는 너무 어려웠으나 이제 타입스크립트도 할만해졌다. 이론 수업이 두 개 정도 남아있는데 나머지는 점심을 먹고 해볼 것이다. 

아마 1시간 정도 분량이 남아있는 것 같다. 공부를 너무 열심히 했더니 이제 좀 쉬어주어야 할 것 같다.