Typescript 파일 실행방법

Typescript 파일 실행방법

1. Node.js 및 npm 설치

TypeScript 실행을 위해 먼저 Node.js 공식 사이트에서 최신 LTS 버전을 설치합니다.

설치 후 버전을 확인하세요.

node -v  # Node.js 버전 확인
npm -v   # npm 버전 확인

2. 프로젝트 폴더 생성 및 초기화

mkdir my-ts-project  # 폴더 생성
cd my-ts-project     # 폴더 이동
npm init -y          # package.json 생성

3. TypeScript 및 ts-node 설치

npm install -g typescript ts-node

또는 프로젝트 내 설치:

npm install --save-dev typescript ts-node

설치 확인:

tsc -v  # TypeScript 버전 확인
ts-node -v  # ts-node 버전 확인

4. TypeScript 설정 파일(tsconfig.json) 생성

tsc --init

주요 설정 변경 (tsconfig.json)

{
  "compilerOptions": {
    "target": "ES6",
    "module": "CommonJS",
    "outDir": "./dist",
    "rootDir": "./src",
    "strict": true
  }
}

5. TypeScript 파일 작성

src/index.ts 파일을 생성하고 작성합니다.

console.log("Hello TypeScript!");
const add = (a: number, b: number): number => a + b;
console.log(add(3, 5));

6. TypeScript 파일 실행

1) ts-node로 실행

ts-node src/index.ts

2) TypeScript 컴파일 후 실행

tsc  # TypeScript 파일을 JS로 변환
node dist/index.js  # 변환된 JS 실행

7. npm 스크립트 설정 (옵션)

package.json에 실행 스크립트를 추가하면 편리합니다.

"scripts": {
  "start": "ts-node src/index.ts",
  "build": "tsc",
  "run-js": "node dist/index.js"
}

이제 다음 명령어로 실행 가능합니다.

npm run start

✅ 최종 정리

1. Node.js 설치 (node -v, npm -v 확인)
2. 프로젝트 폴더 생성 및 초기화 (npm init -y)
3. TypeScript 및 ts-node 설치 (npm install -g typescript ts-node)
4. tsconfig.json 생성 및 설정 (tsc --init)
5. TypeScript 파일 작성 (src/index.ts)
6. TypeScript 실행 (ts-node src/index.ts 또는 tsc && node dist/index.js)
7. npm 스크립트 설정 후 (npm run start)

이제 TypeScript 개발을 바로 시작할 수 있습니다! 🚀