타입스크립트란, 환경 설정 및 ts 파일 실행하기

타입스크립트 기초

 

타입스크립트란

타입스크림트는 왜 필요한가

- js  코드는 너무 지저분함

- 코드의 스케일이 커지면서 코드 관리 어려움

 

ts 사용하면 좋은 점

- js 기반보다 버그를 줄일 수 있음

- 유지보수가 쉽다

- 강력한 높은 퀄리티의 코드 생산 가능

 

타입스크립트 = 자바스크립트 + 타입체크

- 타입스크립트 환경에서 js 코딩하면 동작 O

    - 반대는 X

- 데이터 타입 표기하면 좋은점 : 컴파일 타임 시 오류 체크

 

ts ->(컴파일) js(컴파일 번역) -> 웹 브라우저(해석 O)

- 컴파일 : 언어를 변환(해석)

 

 

환경설정

- 타입스크립트를 위해 node js 설치

- npm(node js의 앱스토어) 을 이용해 ts 설치

npm i -g typescript

위 명령어 설치로 ts 언어를 js 언어로 컴파일 가능해짐 (tsc 명령어 사용 가능)

 

 

ts코드 실행하기

1. ts 파일 실행

tsc app.ts

위 명령어를 실행하면 app.js 파일이 생성됨

 

2. 생성된 js 파일 실행

따라서, app.js 파일 실행 명령어도 필요

node app.js

 

3. 설정 초기값을 만들기 위한 명령어

tsc --init

실행하면 tsconfig.json 파일이 생성됨

 

 

- 위 과정을 매번하기 번거러움

tsc -w app.ts

하면 ts 파일이 수정될때마다 반응해줌 -> ts 수정마다 js를 알아서 수정해줌

 

이후엔 새로운 터미널 창에서 node app.js 만 해주면 됨