타입스크립트 쓰는 이유 + 간단한 문법

https://www.youtube.com/watch?v=xkpcNolC270

 

타입스크립트란 자바스크립트 대용품과같은언어라고 볼수있다. 

다른 언어는 아니고 자바스크립트문법을 이용가는한데 타입부분을 업그레이드해서 사용할수 있습니다.

 

큰 프로젝트를 다루고 있는 곳이라면 모두 타입 스크립트를 사용하고 있습니다.

5 - '3' : 원래는 숫자-숫자만 가능하지만 자바스크립트는 Dynamic Typing 가능해서 JS가 알아서 숫자로 바꿔줍니다

 

 또 다른 이유는 타입스크립트는 에러메세지 퀄리티가 좋습니다

 

타입스크립트는 코드에디터 부가기능 역할로 봐도 좋습니다.

 

Typescript 설치

1. nodejs 설치(최신버전)

 

2. VScode 에디터 준비

 

3. 터미널 오픈후 npm install -g typescript

 

4. 폴더를 만들고 에디터로 폴더 오픈

 

5. index.ts 파일 생성후 코드 짜기

 

6. tsconfig.json 생성후 내용 작성

 

tsconfig.json에 들어갈건
{   
  "compilerOptions" : {     
    "target": "es5",     
    "module": "commonjs",  
  } 
}

 

.tx파일은 브라우저가 못읽어서 js로 변환해야 사용가능합니다.

 

터미널 켜서 tsc-w 입력해두면 자동 변환됩니다.

 

기본 문법

기본 변수

 

 

array 타입

 

설정한 타입에 다른 타입을 넣으면 오류가 나타납니다.

 

object타입

 

다양한 타입이 들어올 수 있게 하려면 Union type

 

타입은 변수에 담아쓸 수 있습니다  Type alias

 

함수에 타입지정

 

class 타입지정