반응형
타입스크립트 설치
타입스크립트를 설치하기 위해서는 Node.js를 설치해야한다.
Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
노드를 설치해주고
터미널을 실행시킨 다음 아래코드를 입력해주면 타입스크립트가 설치된다.
npm install -g typescript
타입스크립트를 설치하고나면
이제 프로젝트를 만들 폴더에서 .ts 확장자로 파일을 만들어서 타입스크립트 코딩을 시작하면된다.
타입스크립트 컴파일설정
타입스크립트 프로젝트 폴더안에
tsconfig.json파일을만들어서 컴파일할때의 설정을 만들어줘야한다.
Typescript 컴파일시 세부설정 (tsconfig.json) - 코딩애플 온라인 강좌
tsconfig 파일 생성하기 여러분 프로젝트 폴더에 tsconfig.json 이라는 파일을 하나 생성합시다. 여기엔 타입스크립트 ts 파일들을 .js 파일로 변환할 때 어떻게 변환할 것인지 세부설정이 가능합니다
codingapple.com
이렇게 json형식으로 옵션을 설정해주면된다.
타입스크립트로코드를 작성한후 터미널을켜서 tsc 를 입력하면 자바스크립트로 컴파일된다.
**혹시 powershell 에서 tsc사용이 안된다면 cmd로 바꿔서 실행하면 된다 powershell 에서는 정책문제때문에 tsc를 사용하지 못할수도있다.
이렇게 컴파일까지 할수있으면 타입스크립트를 사용할 준비는 끝이 났다
이제 타입스크립트를 사용하러 가보자.
반응형
'프론트엔드 정복기 > 타입스크립트' 카테고리의 다른 글
| 타입스크립트 타입사용법(?(optional),readonly,interface) (0) | 2023.03.02 |
|---|---|
| 타입스크립트 기본타입사용법(타입추론,타입명시,함수타입) (0) | 2023.02.24 |
| 타입스크립트-(타입스크립트란?) (0) | 2023.02.24 |