기본타입이란?

기본 타입(Basic Types) 이란?

기본 타입이란 타입스크립트가 자체적으로 제공하는 타입(내장 타입) 이다.

타입 계층도

실습 환경 설정하기

1. Node.js 패키지를 초기화

npm init

2. @types/node 패키지를 설치

npm i @types/node

3. 컴파일러 옵셥 파일 생성 및 설정

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "ESNext",
    "outDir": "dist",
    "strict": true,
    "moduleDetection": "force"
  },
  "include": ["src"]
}

• target : 컴파일 결과 생성되는 자바스크립트 코드의 버전 결정, ESNext는 최신 자바스크립트를 의미
• module : 컴파일 결과 생성되는 자바스크립트 코드의 모듈 시스템 결정
• outDir : 컴파일 결과 생성되는 자바스크립트 파일들의 위치 결정
• strict : 엄격한 타입 검사 여부 설정
• moduleDetection : 모든 타입스크립트 파일(.ts)에 export 키워드를 자동으로 추가하여 격리된 모듈로 취급되도록 만드는 옵션
• include : tsc로 컴파일 할 타입스크립트 파일의 범위 설정
  
  

프로젝트 동작 확인

src 폴더 안에 index.ts 타입스크립트 파일 생성

 console.log("Hello New Project");

컴파일러를 이용해 src폴더 아래 타입스크립트 파일 컴파일

tsc

컴파일 결과 자바스크립트 파일이 루트 폴더 > dist에 잘 생성되는지 확인한다.

console.log("Hello New Project");

export {};

package.json의 type을 다음과 같이 module로 설정한다.

{
	"type": "module",
}

• type을 module로 설정하는 이유는 앞서 tsconfig.json의 module 옵션을 ‘ESNext’로 설정했기 때문에 자동으로 타입스크립트 코드가 ES 모듈 시스템을 사용하는 자바스크립트 코드로 컴파일 되기 때문이다. 따라서, Node.js가 ES 모듈 시스템을 사용하도록 type : “module” 옵션을 package.json에 설정 해 주어야 한다.

node를 이용해 이 파일을 실행한다.

node dist/index.js
Hello New Project

잘 실행 된다면, ts-node를 이용해 타입스크립트 파일을 즉시 실행할 수 있도록 tsconfig.json에 다음과 같이 ts-node 옵션을 추가한다.

{
  "compilerOptions": {
    ...
  },
	"ts-node": {
		"esm": true
	},
  "include": ["src"]
}

설정이 완료 됬다면 ts-node를 이용해 index.ts를 즉시 실행한다.

ts-node src/index.ts
Hello New Project

출처📖

한 입 크기로 잘라먹는 타입스크립트