Typescript 기초 학습 5.기초문법3_never_any_(인프런_Zerocho님 강의 학습 의식의 흐름대로 노트 정리)

 

인프런 타입스크립트  기초를 통해 공부중이며 제로초님의 유료강좌입니다.

코드를 통으로 가져오지는 않겠습니다.(내가 글을 쓰면서 복습하는게 목적이기때문에 필요한 부분만)

 

 

타입스크립트 (Typescript)

 

any

배열을 만들고나서 마우스를 변수에 올려보면 타입이 any라고 뜬다.

const arr = [];

any 타입은 아무 타입이나 넣어도된다는 것을 의미한다.

const a: any = 'a다';
const a: any = 1;
const a: any = true;
const a: any = [];

any 타입을 선언하는 것은 자바스크립트와 같다고 볼 수 있는데, 남발한다면 타입스크립트를 쓰는 의미가 없으므로 최소한의 경우에 필요한 곳에 사용해야한다.

최소한의 경우란 보통 남이 만든 타입을 변경해야할 때라고 생각하면된다.

내가 생성한 .ts 파일같은 경우에는 타입을 쉽게 변경할 수 있지만 남이 만든 d.ts파일을 가져와서 사용하는 경우에는 선언이 잘못되어있을때, 문제가 생기게되면 any를 쓴다.(타입 정의 시 복잡도가 증가해서 문제가 생길때도 any를 쓴다.)

// d.ts
const a: number;

// .ts
// d.ts를 import했을때, 문제가 생긴다 
a.subStr();

웬만해서는 안쓰는게 좋다.

 

 

never

실무에서 보통 에러로 만나게되는 타입.

실수하는 부분의 대부분이 배열이라고 한다.

const arr = [];

위처럼 배열을 선언한 후 변수에 마우스를 올리게되면 any 타입을 유추해준다.

배열의 타입을 잘못선언한 예시를 보자.

const arr: [] = [];

이런 경우에는 push를 쓰게되면 never타입 에러가난다.

// 어떠한 요소도 못들어감
const arr: [] = [];

// 값을 넣게되면 에러가난다.
arr.push(3);

 

 

강제로 변수의 타입을 변경하는 법

라이브러리를 만들 경우에 타입을 강제로 변환해야하는 상황이 생긴다고한다.

as unknown as 타입

<타입><unknow> 

// d.ts
const str: number;

// string으로 강제로 선언1
(str as unknown as string).substr();

// string으로 강제로 선언2 (타입캐스팅 방법)
(<string><unknown>str).substr();

만약 타입이 부모-자식 관계일 경우에는 as unknow을 안써도 된다.

상속관계는 lib.dom.d.ts의 extends를 확인하면 알 수 있다.

const div = document.createElement('div');
div as HTMLElement;