2. Typescript 타입 : 선택적변수, alias, tuple, any, readonly, void, unknown, never - 노마드 코더 강의정리

 아래 포스팅은 노마드코더의 Typescript 강의 내용을 제가 나중에 찾아볼 때를 대비해 정리한 내용입니다.
 오늘 포스팅은 강의 #2.2 ~ 2.4 정리내용
ㅇ 강의 원본 링크  -  https://nomadcoders.co/typescript-for-beginners/lectures/3664 

#2.2 Types of TS part One : Optional parameter(선택적 변수) 지정

1) TS 일반 변수 정의 방식. type에 [ ] 만 붙이면 array 정의가 된다.

2) 아래는 Optional parameter(선택적 변수) 지정한 age?:number 부분.

player에 age는 있을수도 있고, 없을수도 있다는 의미.

player에 마우스를 대보면 age 형식이 "number or undefined" 로 나온다. 

age가 지정되지 않은 경우, age를 ?로 정의하지 않으면 아래처럼 오류 발생함. 

물론 ?로 정의하지 않아도 조건에 'player.age && ' 포함하면 오류 없이 진행 가능하다.   

3) alias / Type 할당 : const나 let 같은 변수에 어떤 타입이든 상관없이 type 할당할 땐 첫글자 대문자로 ! 

물론 함수도 type 할당 가능함

alias/Type 할당해 정의함으로써 코드를 재사용 가능하단 장점이 있다!!

위 사례는 함수에서  입력값과 return value의 type까지 지정 가능.

아래 코드는 위와 동일한 기능. 보면 이해할듯.

 

 

#2.3 Types of TS part Two : readonly, tuple, any 속성(JS엔 없는 기능)

1) readonly : 읽기만 가능하고 변경/삭제 불가한 속성.

아래처럼 readonly 하면 값 변경도 불가하고 array 추가도 불가함

2) tuple : 정해진 갯수의 array, 순서 맞는 타입 가져야 하는 경우 사용.

JS는 없고 TS에만 있는 기능 ! . 아래 tuple player가 readonly인 경우, 변경 불가!

정의한 array 순서에 맞지 않는 type이면 아래처럼 오류를 발생한다. 

JS로 변환시엔 이렇게 보임. readonly도 없고 tuple(array 순서 따라 타입형식 변경되는 타입도 없음

3) any : 어떤 타입이든 될 수 있는 타입. TS에서 벗어나고 싶을때 사용. 

TS 설정에 any 사용을 막기 위해 추가가능한 몇가지 규칙 존재하나 사용 안하길 권유.

any를 사용하게되면 그냥 JS랑 동일하기 때문

TS의 장점인 보호장치가 없어지기 때문에, 이렇게 any는 모든 장치를 무력화 시킨다.

 

#2.4 Types of TS part Three :TS에서만 있는 타입, unknown, void, never

 

1) unknown :어떤 형식이든 뒤의 소스(checker) 따라 type 정해짐 

type checker와 소통하는 타입. 

2) void : return 하지 않는 함수.TS는 자동 인식함. :void  명칭 안써도 됨.

3) never : 절대 return 하지 않는 함수 타입. 

끝.

---

https://awess0me.tistory.com/23

두번째 정리 : Typescript 타입

TypeScript Call Signatures, Overloading - 노마드 코더 강의정리3