TS | 타입 주석과 추론

| 타입 주석과 추론

시작전

tsconfig에서 두가지 옵션을 봐야함

1.모듈

모듈에는 AMD, CommonJS가 있다

AMD는 컴파일된 JS파일이 브라우저에서 돌아가는것을 말하고

CommonJS는 NodeJS에서 돌아가는 것을 말함

그래서 CommonJS로 설정

target은 변환된 JS파일이 어떤 버전으로 변환될것인가

ES6부터 엄청 바꼈는데 ES5 로 우선 설정

 

| 타입 주석

const a = 1;

이렇게 적고 마우스를 a에 올려놓으면 아무것도 안나옴

a에 마우스를 올렸을때

하지만 변수옆에 :(콜론)을 쓰고 타입을 적으면 변수 a위에 마우스를 올렸을때 타입이 보인다

const a: number = 1;

만약 이 변수값에 숫자말고 문자열을 적게된다면

const a: number = "Hello";

이런식으로 잘못됐다고 알려줌

문자열을 넣고싶을땐 아래와같이 string을 타입주석으로 넣어주면 된다

const b: string = "hi ts"

 

대표적인 타입 주석

any - 다들어감. 그래서 되도록이면 사용X

number - int, Long(big int), smallint

string - "" '' ``

boolean - true false

object - {} 모든 객체 얘도 되도록 사용X

 

 

| 타입 추론

만약

let d = 1;

이렇게 변수 d를 선언하고 숫자1을 넣는다면

d에 마우스를 올렸을때

타입이 자동으로 number로 정해진다

TS가 자동으로 d에는 숫자가 들어갔으니 타입을 number로 정해버리는 것이다

그래서 d 에만약 문자열을 넣게 되면

let d = 1; 
d= "hi";

이런식으로 할당할수없다고 나온다

이게바로 타입 추론이다