[TypeScript] 타입스크립트 컴파일러의 동작 방식


[TypeScript] 타입스크립트 컴파일러의 동작 방식

최근 우테코에서 미션을 진행하며 TypeScript + React를 사용하고 있다. 자주 사용하다보니 타입스크립트 컴파일러의 동작 방식이 궁금해졌다. "tsc" 라는 명령어를 사용해 .ts파일에서 .js파일이 만들어지는 전반적인 과정을 한번 정리해 보려고 한다. 간단하게 컴파일 과정에 대해 요약하자면 아래와 같은 순서로 이루어진다. 1. tsconfig.json 파일 읽기 2. PreProcess 과정 (import 된 파일들 다 읽어오기) 3. Parse (타입스크립트 파일 AST로 변환) 4. Binder (타입스크립트 AST 기반으로 symbol table 생성, flow node 데이터 생성) 5. Checker (AST, Symbol Table 이용하여 타입 체킹(binder에서 생성) ) 6. Transform & Emit (타입스크립트 AST 재변환 후 결과 파일 반환) 1. tsconfig.json 파일 읽기 먼저, 타입스크립트 컴파일러는 tsconfig.json 파일...


#L33 #Typescript #typescript동작원리 #typescript컴파일 #typescript컴파일러 #타입스크립트 #타입스크립트동작원리 #타입스크립트컴파일 #타입스크립트컴파일러

원문링크 : [TypeScript] 타입스크립트 컴파일러의 동작 방식