TIL ( TypeScript 학습)

 

✔타입스크립트 학습전 알고 넘어가야 할 개념!

 

💡 컴파일러와 타입스크립트 컴파일러(tsc)

 

1. 컴파일러란 무엇인가

의의

컴파일러는 프로그래밍 언어로 작성된 소스 코드를 다른 프로그래밍 언어로 변환하는 도구로 변환하는 과정에서 구문과 구조를 검사하여 문제가 없는 지 확인해주고 오류가 있는 경우 미리 알려주어 문제를 해결할 수 있게 해준다.

 

등장배경

- 컴퓨터는 기본적으로 기계어로 작성된 프로그램만 이해할 수 있기 때문에 사람이 기계어를 이해하기 어려워 c언어로 작성된 코드를 컴퓨터가 이해 시키기 위해 기계어로 변환해야 하는데 이를 위해 컴파일러가 등장하게 되었다.

타입 검사

- 컴파일러는 타입검사를 해주는 것을 말한다.

- 타입검사를 통해 개발자는 코드에서 타입 오류를 미리 발견하여 수정할 수 있게 된다.

코드 변환

- 컴파일러는 코드를 변환해준다.

- 타입스크립스 컴파일러인 tsc는 타입스크립트 코드를 자바스크립트 코드로 변환해준다.

- c언어 컴파일러는 c언어를 기계어로 코드 변환 해준다.

- 컴파일러를 이해하게 되면 변환된 코드가 어떻게 실행되는지 예측할 수 있게된다.

 

2. 타입스크립트 컴파일러 ( tsc )

 - 앞서 컴퓨터는 기계어만 읽을 수 있기 때문에 기계어로 바꿔줘야 한다했는데 자바스크립트는 동적 언어라 바꿔주지 않아도 엔진이 한줄 씩 해석하며 실행된다.

 

- 정적 언어(=컴파일 언어) → 기계어로 변환이 되어야 한다.

- 동적 언어(=인터프리터 언어) → 엔진이 코드를 한 줄씩 실행하면서 동적으로 해석한다.

 

tsc 주요 명령어

 

• tsc --init 

 - tsconfig.json 생성한다. (  tsconfig.json은 타입스크립트 프로젝트의 설정 파일이라 보면 된다.)

• tsc index.ts 

- index.ts를 컴파일한다. (ts는 TypeScript 파일의 확장자를 뜻한다.)

• tsc src/*.ts

- src 디렉토리 안에 있는 모든 TypeScript 파일을 컴파일한다.

• tsc index.js --declaration --emitDeclarationOnly

- types 패키지를 위한 .d.ts 파일 생성한다.( TypeScript로 작성된 모듈이 아니라 JavaScript로 작성된 모듈에 타입 선언을 제공할 때 유용하게 쓰인다.)

 

* .d.ts 파일은 타입스크립트 타입을 정의해주는 파일로 자바스크립트 라이브러리를 타입스크립트 코드에서 사용할 수 있도록 해준다.