TS) TS설치 & tsconfig.json 만들기

타입스크립트란?

• 타입스크립트는 자바스크립트의 슈퍼셋인 오픈소스 프로그래밍 언어이다.
• 자바스크립트의 슈퍼셋이기 때문에 자바스크립트로 작성된 프로그램이 타입스크립트 프로그램으로도 동작한다.
• 타입스크립트에서 자신이 원하는 타입을 정의하고 프로그래밍을 하면 자바스크립트로 컴파일되어 실행할 수 있다.

 

타입스크립트 사용이유

• 에러를 예방해준다 : type을 미리 부여하기 때문에 코드 작성시에 알맞지 않은 타입을 사용하거나 타입을 넣지 않았을 경우 실행 전에 오류를 확인할 수 있다.
• 실행속도 : 자바스크립트는 런타임시에 오류 확인이 가능하지만, 타입스크립트를 사용하면 미리 타입 검사를 진행하기 때문에 실행시 컴퓨터의 작업이 줄어들어 실행 속도가 빨라진다.
• 안전성 : 자바스크립트는 실행 중에 버그를 찾기 때문에 테스트 때 미리 발견하지 못한 에러가 운영 중에 발생 될 수 있다는 단점이 있지만, 타입스크립트는 컴파일 시 오류를 찾기 때문에 운영에 있어 안정성을 보장 할 수 있다.
• 협업용이성 : 타입이 명시되어 있기 때문에 다른 사람과 협업을 진행하더라도 예측이 가능하다.

 

타입스크립트 설치

npm i -g typescript
npm i -g ts-node

해당 명령어로 전역 설치를 해줄 수 있다.

 

타입스크립트 사용법

• 확장자는 .ts를 사용하고 작업이 완료되면 .js로 컴파일해서 사용한다.
• 컴파일을 진행할 때는 tsc 명령어를 이용해 진행하고, 그 결과로 동일한 파일명에 확장자만 .js로 변경된 파일이 나온다.

tsc 01_OT.ts

 

tsconfig.json 파일 형성

• tsc를 실행했을 때 자동으로 찾아서 변환해주는 환경 설정에 관련된 내용이 들어 있는 파일ㄴ
• tsc --init 명령어를 터미널에 입력하면 tsconfig.json 파일이 생성된다

tsconfig.json파일

- target : 컴파일된 코드가 어떤 환경에서 실해될지 정의하는 부분

ex) 화살표 함수를 사용하고 target을 es5로 설정하면 일반 function을 사용하는 함수로 변환한다.

 

- module : 컴파일된 코드가 어떤 모듈 시스템을 사용할지 정의하는 부분 

ex)module을 common으로 설정하면 export default Sample로 작성했을 때 export.default = Sample 로 변환된다.

 

- include : 컴파일 과정에서 포함할 파일들을 정의한다.

- exclude : 빌드 제외 항목을 기입힌다.

 

 

 

 

참조 :  https://sangham2.tistory.com/13