Typescript - 타입 숙련

uphoon·2023년 2월 16일
0
post-thumbnail

오늘의 한마디

“말은 쉽지, 코드를 보여줘.”
– 리누스 토르발스(Linus Torvalds) 리눅스 개발자

  1. 기본변수 타입 정리
let 변수명 : string
let 변수명 : number
let 변수명 : boolean
let 변수명 : number[]
let 변수명 : string[]
let 변수명 : boolean[]
let 변수명 : {
	name: string,
    age: number,
} = {}

기본타입을 정리해보았다.
일일이 변수에 타입지정하러 다니면 초보인게 티난다고함...
한마디로 Typescript는 변수 생성시 타입을 자동부여.

변수를 만들고 나중에가서 값을 할당하여도 해당 값에 맞게 타입이 자동으로 변함.

  1. 유니온타입 (union type)
    or 연산자를 통해 타입정의도 가능함.
let 이름: string | number = 'kim';
let 나이: (string | number) = 100;
  1. any type
    아무 자료나 집어넣을 수 있는 타입.
    쉽게 말하면 타입에 실드를 해제한다고 생각해라.
let 이름: any = 'kim';
이름 = 123;
이름 = undefined;
이름 = [];

아무타입이나 들어와도 오류가 나지 않지만 이럴거면 타입스크립트 쓰는 의미가 없다.
그래서 비상시 쓰는 변수 타입체크 해제기능 용도로 쓰자.

  1. unknown type
let 이름: unknown = 'kim';
이름 = 123;
이름 = undefined;
이름 = [];

중요한 특징
1. unknown 타입엔 모든 자료를 다 집어넣을 수 있음
2. 자료집어넣어도 타입은 그대로 unknown

any 타입과 비슷하게 어떤한 타입도 넣을 수 있지만 약간 다른점이 있다. 알아보자

let 이름: unknown;

let 변수1: string = 이름;
let 변수2: boolean = 이름;
let 변수3: number = 이름;

unknown타입의 변수를 다른 타입의 변수의 재할당 할 경우 해당 타입에 의해 에러가 나지만.
any타입은 이것 또한 무시함.

오늘의 tip
타입스크립트는 엄격하다. 때문에 union type을 가진 변수를 연산하려고 할경우 애러가 나는데 연산을 원하면 명확한 타입을 정해주어야 한다.
다른 방법도 있지만 이 방법은 다음 시간에...보자...

profile
혼자 끄적여보는 필기 저장소 | 잠깐쓰고 잊지말고 기록하는 습관.

0개의 댓글