타입스크립트 컴파일 과정

hahagarden·2023년 8월 30일
0

리액트 네이티브를 공부하던 중, 리액트 네이티브에서 타입스크립트를 사용하면 컴파일 과정에서 에러가 발생하지 않는다는 이야기를 듣고 타입스크립트에 대해서 다시 알아보았다.

컴파일 언어였다는 점, 타입스크립트 사용 시 타입스크립트에서 자바스크립트로 컴파일하는 도중 에러를 뱉는 것이라는 것을 상기했다.

타입스크립트 컴파일러(tsc)에 의해
1. 타입스크립트 컴파일러를 통해 파싱되고 타입스크립트 AST 코드로 변환된다.
2. 타입 검사기를 통해 AST 코드의 타입을 체크한다.
3. 타입스크립트 AST 코드를 자바스크립트로 변환한다.

자바스크립트 엔진에 의해
4. 자바스크립트를 자바스크립트 AST 코드로 변환한다.
5. 자바스크립트 AST 코드를 바이트 코드로 변환한다.
6. 런타임에서 바이트 코드를 실행한다.

타입스크립트는 컴파일 언어로 사전에 오류를 발견할 수 있는 반면, 자바스크립트는 인터프리터 언어로 런타임 중 오류가 발생한다.

컴파일링: 사람이 이해할 수 있는 고수준의 언어를 컴퓨터가 이해할 수 있는 기계어로 변환, 전체 코드를 한번에 기계어로 변환할 때 주로 컴파일한다고 하지만 트랜스파일링 등을 포함하는 포괄적인 의미로도 쓰임

인터프리터: 코드를 한 줄 한 줄 실행 시 기계어로 변환

트랜스파일링: 한 언어로 작성된 코드를 비슷한 수준의 다른 언어로 변환
emscripten: C/C++을 JavaScript로 변환
Babel: 상위 버전의 JavaScript를 하위 버전의 JavaScript로 변환

[TS] 타입스크립트(Typescript) 이해하기-1 (정의, 동작원리, 특징)
(번역) 타입스크립트 컴파일러가 컴파일하는 방법

profile
공부한 내용을 기록합니다. 틀린 정보 피드백은 언제나 감사합니다 🌷 이전 블로그 https://hahagarden.tistory.com/

0개의 댓글