[TypeScript] 타입스크립트 타입, 타입 명시

 

오늘은 타입스크립트의 type에 대해서 포스팅해보겠습니다.

 

TypeScript는  Javascript compiler입니다.

TS는 Strongly type 언어이고, JS에서 발생할 수 있는 오류를 미리 감지하고 경고합니다.

이 말은 즉 TS에서 오류가 없다면 JS에서도 오류가 없다는 뜻입니다

 

TypeScript는 암묵적 Type와 명시적 Type를 모두 지원합니다.

Type는 변수를 선언할 때 명시적으로 지정해줘야 합니다. 만약 지정을 안 해준다면. 변수 선언 하고 난 뒤

"처음"으로 할당될 때를 기준으로 Type가 추론됩니다. 

처음 할당된 변수의 Type와 다른 Type를 추후에 섞어서 쓰게 된다면 에러가 뜨게 됩니다.

 

변수의 Type은 기본적으로 클론(:) 뒤에 기재하는 방식을 통해 명시적으로 지정합니다.

 

예시)

const name : String

 

예시처럼 변수 name은 string이 아닌 다른 Type는 가질 수 없습니다.

 

TS는 JS의 리터럴 표현을 지원합니다. 숫자로 이루어진 Array를 정의하고 싶다면

number []와 같이 배열 리터럴을 통해 표현이 가능합니다.

 

하지만, 리터럴을 통해 표기하면 가동석이 떨어지는 경우가 있는데. type 명령어를 통해 나만의 Type를 생성 한 뒤 이를 활용하여

축약적으로 Type를 지정해 줄 수 있습니다. (Type Alias)

 

객체 리터럴로 Type 정의한 예시

const person : {
    name : string, age : number, sex : string 
  } = {
  name : euijin, age : 27, sex : male
  }

Person이라는 type를 생성하여 변수 person의 type이 Person 임을 보여주는 예시

type Person = {
    name : string, age : number, sex : string 
  } 
  
const person : Person = {
   name : 'euijin', age : 27, sex : male
}

 

위 예제에서 type을 통해 생성된 Person은 type에 관한 정보를 담고 있는, TypeScript에서만 쓰이는 변수의 일종이다.

이 말은 TypeScript에서 type 키워드는 JS에서 const, let, var 키워드와 똑같은 기능을 수행합니다

 

오늘은 TypeScript의 가장 기본 개념인 타입과 타입을 명시하는 방법에 대해 포스팅해보았습니다.