1) TS설치 및 환경설정

ts설치 및 환경설정에 대해 기술한 페이지

설치 준비물

1. PowerShell 실행 정책 제한

node.js추가후 npm,node를 Window PowerShell에서 이용하려면 정책제한을 허용해줘야 한다.

  1. Window PowerShell을 관리자 권한으로 실행

  2. Set-ExecutionPolicy Unrestricted

  3. Y

2. TypeScript 설치

VScode를 열고 ctrl+shift+`을 눌러 터미널을 연다. 맥북 단축키는 모르니 맥북은 상단 Terminal에서 New Terminal을 찾아준다. 그 후 터미널에 다음 명령어를 입력한다.

npm install -g typescript

-global로 해야 한번의 설치로 끝낼 수 있다.

3. TypeScript 파일 생성

작업용 폴더에서 확장자명이 ts인 파일을 생성한다.

보시다시피 자바스크립트와 똑같은 출력문을 사용한다. 그럼 자바스크립트와 같은 방법으로 실행까지 시켜보도록 하자.

잘된다

Node환경에서만 ts파일을 사용할거라면 상관 없겠지만 결국은 웹 브라우저에 적용하기 위해서는 javascript파일이 필요하다.

TS 파일 → tsc로 컴파일 → JS 파일 생성

tsc test.ts

컴파일된 js파일은 추후 html에서 가져다가 쓰면 될 것이다.

<script src="/test.js"></script>

4. ts-node 설치

  • ts-node는 tsc+node 명령어기능을 하나로 합친 도구로, TypeScript코드를 메모리상에서 JavaScript로 트랜스파일하고 즉시 실행처리 한다.

  • 실시간 개발환경에서 자주 사용

npm i -g ts-node

ts-node xxx.ts

5. tsconfig.json 파일 생성

타입스크립트와 관련된 설정정보를 저장해둘 때 사용하는 파일이다. 생성을 위해서는 다음과 같은 명령어를 입력한다.

하이픈2개

그럼 아래와 같은 파일이 생성될 것이다. 사용가능한 속성과 이에 대한 설명이 주석으로 달려있다.

tsconfig.json

위 설정에서 현재 사용해볼 설정은 다음과 같다.

참고) tsconfig.json주요 설정

Last updated