[Typescript] 기본

자바스크립트는 타입에 관대하다

예를들어,

3-'2' 해도 타입을 알아서 변환해주어 에러가 나지 않는다.

Dynamic typing 을 지원하는 언어이기 때문이다.

큰 프로젝트 할 때는 Typescript가 더 유용하다. 

에러 메세지가 상세하다.

 

🎈타입스크립트 사용 방법

1. Nodejs 최신 버전, VScode 에디터 설치

2. VScode 오픈 후 터미널에 아래 명령어 입력

npm install -g typescript

 

 

브라우저는 ts 파일 못 읽는다. 터미널에서 tsc -v 명령어 치면 자동으로 js로 컴파일 해준다.

 

변수 만들때 타입 지정

let 이름 :string = 'son'

 

array 혹은 object 자료는

let 이름 :string[] = ['son', 'park']
let 나이 :{ age : number } = { age : number }

 

여러가지 타입이 데이터로 들어온다면

let 이름 :string | number = 'son';

 

타입이 길다면 type 키워드를 이용해 먼저 선언할 수 있다.

type nameType = string | number;
let 이름 :nameType = 'son';

 

함수는 파라미터와 return 값이 어떤 타입인지 지정 가능

function 함수명(x :number) :number{
  return x * 3
}

 

array 자료 안에 순서를 포함해서 어떤 자료가 들어올지 정확히 지정하고 싶으면 tuple 타입

type Member = [number, boolean];
let bob:Member = [50, false]

 

objset안에 어떤 속성이 들어갈지 모른다면 index signature로 사용

type MyObject = {
  [key :string] : number,
}
let 영수 :MyObject = { 
  age : 20,
  weight : 80,
}