[코딩애플] 변수 선언하기

 

타입스크립트의 변수는 자바스크립트와 비슷한데 변수명 뒤에 : 타입 만 명시해주면 된다.

 

// 문자열
let memberName : string = '장원영';

// 숫자
let age : number = 21;

// 불리언
let isSinger : boolean = true;

// 배열
let IveMembers : string[] = ['장원영', '안유진', '가을'];

// 객체
let wonYoung : { name: string, group: string } = { name: '장원영', group: '아이브' };

 

배열과 객체가 특이한데, 배열은 위와 같은 형태로 쓰면 배열 안에 들어가는 모든 인덱스가 string 타입이라는 의미이고, 섞어서 쓰는 경우에는 union 타입을 지정해주면 되는데 이는 추후 배우도록 한다.

 

그리고 객체는 일단 자바스크립트처럼 객체를 선언한 뒤, 해당 key에 해당하는 value가 어떤 자료형인지 명시해주면 된다.

 

만약 명시한 자료형 외 다른 자료형으로 재할당 하려고 하면 에디터는 아래 사진과 같이 에러를 출력한다.

 

 

그런데 사실 모든 변수에 저렇게 타입을 명시적으로 지정해 줄 필요는 없다. VSCode의 경우에는 자바스크립트처럼 선언만 하더라도 해당 변수의 자료형이 무엇인지 파악하고 자동으로 확정해버린다. 그리고 VSCode 내에서 변수명 위에 마우스를 올려 보면 해당 변수가 어떤 자료형인지 알려준다.

 

아래와 같은 다소 복잡한 형태로 어떤 값이 오는지 데칼코마니만 맞추면 쉽다.

let project : {
    member : string[],
    days : number,
    started : boolean,
  } = {
    member : ['kim', 'park'],
    days : 30,
    started : true,
  }