Marais.lee
Welcome to Marais's IT Home
Marais.lee
전체 방문자
오늘
어제
  • 분류 전체보기 (87)
    • co-task 프로젝트 (7)
    • Study (28)
      • 자바스크립트 (5)
      • 모던 리액트 Deep Dive (7)
      • 용어 (1)
      • 컴퓨터과학 (2)
      • 코테 (12)
      • 네트워크 (0)
    • 개발 환경 (3)
    • Next.js (pages router) (9)
    • Next.js (app router + 14v) (4)
    • TypeScript (11)
    • 라이브러리 (8)
    • 후기 및 고민 (10)
    • 맥북관련 셋팅 및 오류 (4)
    • Obsidian | 옵시디언 (1)
반응형

인기 글

최근 글

블로그 메뉴

  • 홈
  • 태그
  • 방명록
250x250
hELLO · Designed By 정상우.
Marais.lee

Welcome to Marais's IT Home

타입스크립트의 컴파일 과정 | 간단 예시
TypeScript

타입스크립트의 컴파일 과정 | 간단 예시

2024. 2. 27. 00:19
728x90

타입스크립트란?

- 자바스크립트를 더 안전하게 사용할 수 있도록 "타입 관련 기능들을 추가한" 언어

 

타입스크립트는 어떻게 실행될까?  컴파일 과정

여기서 컴파일이란 프로그래밍 언어(소스코드)를 기게어 혹은 기계어와 유사한 low level까지 해석하는 과정을 말한다. 

=> TS -> AST -> Type Checking -> JS -> AST -> Byte Code

 

용어 정의

AST

- 프로그래밍 언어로 작성된 소스 코드의 추상 구문 구조의 트리인데, 보면 엄청 긴 코드이다. 봐도 잘 모른다...

 

Byte Code

-가상머신이 이해할 수 있는 중간 레벨로 컴파일 한 코드 (JavaScript에서 가상머신은 브라우저와 node에서 사용되는 V8)

 

 

 

 

이 정도는 알고 타입스크립트를 써야할 것 같다. 

728x90
반응형
저작자표시 비영리 변경금지 (새창열림)

'TypeScript' 카테고리의 다른 글

타입단언 (value as typeName) | 한 입 크기로 잘라먹는 타입스크립트  (0) 2024.03.03
타입스크립트의 기본 중, 잘 몰랐던 부분 정리 | 한 입 크기로 잘라먹는 타입스크립트  (0) 2024.02.27
타입스크립트 컴파일러 옵션 설명  (1) 2024.02.27
router.query.id is string | string[] | undefined. type error 해결  (0) 2024.02.25
    'TypeScript' 카테고리의 다른 글
    • 타입단언 (value as typeName) | 한 입 크기로 잘라먹는 타입스크립트
    • 타입스크립트의 기본 중, 잘 몰랐던 부분 정리 | 한 입 크기로 잘라먹는 타입스크립트
    • 타입스크립트 컴파일러 옵션 설명
    • router.query.id is string | string[] | undefined. type error 해결
    Marais.lee
    Marais.lee
    구글링으로 한국어로 된 글을 찾지 못했거나 이해하는데 어려움이 있었던 이슈를 공유합니다.

    티스토리툴바