TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어

TypeScript 학습 체크리스트 - 컴파일러 개념 및 tsc 용도, 주요 명령어

 

 

TypeScript 강의 수강 후 숙지 및 개념 정리하기 위해 체크리스트와 함께 배웠던 개념들을 정리합니다.

 

 

TypeScript 개념 체크리스트 ✅

 

 

✅ 컴파일러의 개념에 대해서 공부하고 tsc를 어떻게 사용하는지 파악합니다.

 

 

컴파일러 개념 및 tsc 용도

 

컴파일러란

특정 프로그램 언어가 정적언어로서의 정체성을 유지할 수 있도록 하는 도구를 말합니다. 

 

 

프로그래밍 언어 작성 코드 → 다른 프로그래밍 언어로 변환

 

 

 

이러한 변환 과정 속에서 컴파일러는 소스 코드의 구문과 구조를 검사하면서 문제가 없는지 확인합니다. 이를 통해 개발자는 작성한 코드의 오류를 찾아낼 수 있으며 문제를 해결할 수 있습니다.

 

 

컴파일러 특징

컴파일러 중 TypeScript 컴파일러가 가지는 고유한 특징입니다.

 

• 타입 검사 : Typescript 컴파일러는 소스 코드의 정적 타입을 검사
• 코드 변환 : Typescript 컴파일러인 tsc는 Typescript→JavaScript  코드로 변환

 

 

컴파일러 장점

컴파일러는 사용하게 되면 다음과 같은 이점을 얻을 수 있습니다. 

 

• 에러 메시지 해석할 때 도움 받을 수 있음
• 코드 최적화에 도움을 줌

 

tsc의 용도

tsc는 TypeScript에서 쓰는 컴파일러를 말합니다. TypeScript는 정적 언어로 컴파일러의 변환과정을 통해 기계어로 변환된 후에 동작을 실행할 수 있습니다.

 

그런데 JavaScript는 파일 실행시 컴파일 과정 없이 바로 진행했었습니다. 왜일까요? JavaScript는 동적 언어(= 인터프리터 언어)이기 때문입니다.  동적언어는 파일 실행시 엔진이 코드를 한 줄씩 실행하면서 동적으로 해석도 진행합니다.

 

V8엔진(좌), 스파이더몽키(우)

 

 

Node.js나 Chrome, JavaScript 실행시 V8엔진이 코드 해석 및 실행을 진행하고, Firefox에서 JavaScript를 실행할 때는 SpiderMonkey가 코드 해석 및 실행을 진행합니다. 

 

• 정적 언어 (= 컴파일러 언어) : 기계어로 변환된 후 실행
• 동적 언어 (= 인터프리터 언어) : 엔진이 코드를 한줄씩 실행하면서 동적으로 해석

 

 

tsc 주요 명령어

 

아래 명령어는 tsc에서 자주 쓰이는 명령어 입니다.

 

tsc --init

tsconfig.json 파일은 TypeScript 프로젝트에서 설정을 담당하는 곳으로, 위 명령어를 실행하면  tsconfig.json 파일이 생성됩니다. 

tsc --init

 

 

tsc index.ts

일반적으로 TypeScript 파일은 '.ts' 확장자를 가집니다. 여기서 위 명령어를 실해앟면 index.ts를 컴파일하게 됩니다.

tsc index.ts

 

 

tsc src/*.ts

여러 TypeScript 파일을 컴파일 하기 위해 아래와 같은 디렉토리 패턴을 사용할 수 있습니다.

tsc src/*.ts

 

이 명령어는 src 디렉토리 안에 있는 모든 TypeScript 파일을 컴파일합니다.

 

 

tsc index.js --declaration --emitDeclarationOnly

JavaScript로 작성된 모듈에 TypeScript의 타입을 선언할 때 유용한 명령어입니다. 명령어를 실행하면 d.ts파일이 생성됩니다.

tsc index.js --declaration --emitDeclarationOnly

 

이렇게 생성된 d.ts파일은 @types 패키지를 위해 사용할 수 있습니다.

 

▼ 함께 보면 좋은 글 ▼

 

TypeScript 객체지향 설계 원칙 SOLID 설명, 예시 코드

 

내일배움캠프 백오피스 프로젝트 - 펫시터 매칭 사이트 후기, 소감