[타입스크립트] 타입 추론 vs 타입 어노테이션

타입스크립트 프로그래밍 책을 읽다가 생소한 단어가 눈에 들어왔어요. 타입 어노테이션. 

타입 어노테이션과 타입 추론, 둘을 비교하면서 어떠한 친구들인지 한번 알아보는 시간을 가져보아요!

 

---

 

타입 추론

선언과 초기화를 동시에 하여 초기화된 값을 통해 타입을 해석하는 동작을 말해요.

const tooo1 = '퉁이리'

위와같이 선언과 초기화를 동시에 해주면 타입스크립트는 tooo1의 값을 string으로 간주해요.

초기화를 해준 '퉁이리'의 값을 통해 string을 추론한 것이죠.

 

실제로 typeof를 통해 확인해보면 'string'이라고 나옵니다.

 

원래 C언어나 C++ 등 자바스크립트 이전 언어들은 보통 타입을 선언해주었어요.

string tooo1 = "퉁이리";

다음과 같이요.

 

그렇지만 우리 멋진 자바스크립트는 타입 선언을 안 해주어서 타입을 추론합니다.

그런데 선언을 할 때, 초기화를 해주지 않으면 타입을 추론할 수가 없어요.

 

이때는 다른 방법으로 타입을 알기 위해 타입 어노테이션을 사용합니다.

 

---

 

타입 어노테이션

선언 시 타입을 직접 알려주는 것을 말해요.

const tooo1:string

다음과 같이 변수나 상수명 뒤에 콜론(:)을 찍은 후, 타입을 직접 선언하는 방법이에요.

 

타입 어노테이션을 사용하면 타입 추론과 달리 값을 초기화하지 않아도 타입을 알려줄 수 있어요.

말 그대로 변수 뒤에 어노테이션, 주석을 달아서 알려줍니다!

 

 

 

 

좋아요는 로그인하지 않아도 누를 수 있습니다!