타입스크립트 초보자 가이드 - 기초 문법과 컴파일 방법

타입스크립트란?

타입스크립트(TypeScript)는 JavaScript의 슈퍼셋으로, 정적 타입 시스템을 제공한다.

이를 통해 개발 시 오류를 사전에 방지할 수 있어 유지보수성이 뛰어나다.

---

 

타입스크립트 설치 방법

• Node.js가 설치되어 있어야 함(node -v 확인)
• 타입스크립트 전역 설치

npm install -g typescript

 

• tsc -v로 설치 확인

---

타입스크립트 코드 작서 예시

 

1.app.ts 파일 생성

let message: string = "Hello, TypeScript!";
console.log(message);

 

• message라는 변수를 선언
• : string -> message 변수는 반드시 문자열(string)이어야 한다.

 

2. 컴파일

타입스크립트는 브라우저에서 직접 실행할 수 없고, 자바스크립트로 변환(컴파일)한 후 실행해야 한다. 이를 위해 타입스크립트 컴파일러(TSC)를 사용한다.

타입스크립트 -> 자바스크립트로 변환(컴파일)

tsc app.ts

 

• tsc는 타입스크립트 컴파일러(TypeScript Compiler)의 줄임말이다
• app.ts파일을 자바스크립트 파일 (app.js)로 변환(컴파일) 한다.

 

 

3. 실행

node app.js

 

• node는 node.js 실행 명령어이다.
• app.js파일을 실행하면, console.log(message);의 결과가 터미널에 출력된다.

 

타입스크립트를 활용하면 개발이 더욱 안정적이고 오류를 사전에 방지할 수 있다.

---

 

타입스크립트 컴파일 옵션

타입스크립트는 컴파일할 때 다양한 옵션을 설정할 수 있다.

 

tsconfig-json 설정하기

여러 개의 파일을 한꺼번에 변환하려면 설정 파일(tsconfig.json)을 만들면 편리하다.

tsc --init

위 명령을 실행하면 tsconfig.json파일이 생성되는데, 이 파일에서 outDir, strict, target등의 옵션을 조정할 수 있다.

---

 

정리

• tsc : 타입스크립트 파일(.ts)을 자바스크립트(.js)로 변환하는 명령어
• node : 변환된 자바스크립트(.js) 파일을 실행하는 명령어
• 타입스크립트는 브라우저에서 바로 실행할 수 없으므로, 항상 컴파일 후 실행 해야 한다.