타입스크립트 개념 / 시작하기

자바스크립트 

1) 인터프리터 언어 :코드를 한줄 한줄 읽어 실행하며, 런타임 오류가 많이 발생한다.

↔ 컴파일 언어 : 소스코드를 기계어로 바꿔놓고 실행하는 언어

 

2)  동적 타이핑 언어 : 변수의 자료형을 자유롭게 바꿔서 사용 가능 

 

타입스크립트 

기존 자바스크립트의 문법을 포함하는 슈퍼셋(super set)

정적 타이핑 : 변수의 자료형을 정해놓고 사용. 실행/배포하기 전에 타입 체크 

 

타입스크립트 프로젝트를 시작하기 위한 명령어 

//Node.js 프로젝트 생성 
npm init
//package.json 파일 생성됨

//타입스크립트 설치
npm install ==save-dev typescript
//package.json 파일에 devDependencies에 타입스크립트 추가됨

npx tsc --init
//tsconfig.json 생성

 

//package.json

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build" : "tsc",
    "start" : "node main.js"
  }

 

main.ts 파일을 생성하고 

npm run build 실행하면 main.js 가 생성된다 (타입스크립트 컴파일러가 타입스크립트 코드를 자바스크립트로 변환)

---

웹브라우저나 node.js는 타입스크립트 코드를 그대로 실행할 수 없고 

자바스크립트로 변환된 코드를 실행해야한다.

 

컴파일 Compile : 한 프로그래밍 언어에서 다른 프로그래밍 언어로 번역 

소스코드를 컴퓨터가 실행할 수 있는 코드나 기계어 형태로 바꾸는 것

- tsc : 타입스크립트 컴파일러 (타스->자스 코드로 변환 )

 

트랜스파일 Transpile :  소스코드를 브라우저나 Node.js 가 실행할 수 있는 형태로 바꾸는 것 

 

TSC는 트랜스 파일 전에 타입 검사 (type check) 를 통해 잘못된 타입이나 오타를 에러메시지로 알려줌