[TypeScript] TypeScript 프로젝트 시작하기

어느 개발자·2022년 2월 23일
0

📕 인프런 강의 타입스크립트 입문 - 기초부터 실전까지를 수강하며 작성한 게시물입니다.

1. node 설치

1-1. node 버전 확인

node -v

2. typescript 설치

typescript를 시스템 레벨로 설치

npm i typescript -g

3. 컴파일

ts 파일은 브라우저가 인식할 수 없으므로 브라우저가 인식할 수 있는 js 파일로 변환을 해주어야 한다.
이렇게 ts 파일을 js로 변환해주는 것을 컴파일이라고 한다.

tsc index.ts

tsc 명령어를 통해 브라우저가 인식하 수 있는 index.js 가 생성되었다.

index.ts

function sum(a: number, b: number): number {
    return a + b;
}
sum(10, 20);

index.js

function sum(a, b) {
    return a + b;
}
sum(10, 20);

4. tsconfig.json

프로젝트에 tsconfig.json 파일을 생성하여 tsc 에 대한 옵션을 정의할 수 있다.
설정 옵션은 TypeScript 공식 문서의 tsc CLI Options에서 확인할 수 있다.

tsconfig.json
Typescript가 이 프로젝트를 어떻게 이해할 지 명세해주는 파일

{
    "compilerOptions": {
        "allowJs": true, // 이 프로젝트에 js를 허용한다.
        "checkJs": true, // @ts-check와 같은 역할 
        "noImplicitAny": true, // 타입에 기본적인 타입인 any라도 넣어야 한다.
    }
}

0개의 댓글