🌐 Compile with Transpile, Build and Runtime

Compile

• 사람이 이해하는 언어(소스코드)를 컴퓨터가 이해할 수 있는 언어(기계어)로 바꾸는 과정을 말합니다.
• 컴퓨터의 모든 명령은 CPU가 처리하고 CPU는 0과 1밖에 모르는 바보입니다.
  • CPU는 모든 명령을 0과 1로만 이해하고 실행합니다.
  • 0과 1로만 작성된 언어를 기계어라고 합니다.

Transpile

• 하나의 프로그래밍 언어로 작성된 소스코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는 것을 의미합니다.
• Compiler과 Transpiler의 차이점
  • Transpiler : Compiler의 일종으로 프로그래밍 언어 간에 변환을 할 때 거의 동등한 수준의 추상화로 동작합니다.
    • ES5 코드 ⇒ ES6 코드로 변환
    • c++ ⇒ c로 변환
  • Compiler : 더 고급 프로그래밍 언어를 더 저급 프로그래밍 언어로 변환합니다.
    • Java ⇒ bytecode 로 변환
    • c ⇒ assembly 로 변환

Compile time

• 프로그램을 생성하기 위해 소스코드를 작성하고 작성된 소스코드를 기계어로 변환하는 컴파일을 거치면 실행 가능한 프로그램이 됩니다.
• 이러한 컴파일 과정을 컴파일타임(compile time)이라 부릅니다.

Build

• 소스코드 파일을 실행 가능한 소프트웨어 산출물로 만드는 일련의 과정을 의미합니다.
• 빌드 단계에 컴파일이 포함되어 있어 컴파일은 빌드의 부분 집합이라고 할 수 있습니다.
• 빌드 툴(build tool)
  • 빌드를 수행하는 도구를 의미합니다.
  • 빌드 툴 기능 : 전처리(preprocessing), 컴파일(compile), 패키징(packaging), 테스팅(testing), 배포(distribution)

Runtime

• 컴파일 과정을 거친 프로그램은 사용자가 실행할 수 있습니다.
• 프로그래밍 언어가 구동되는 환경으로 응용프로그램이 실행 중일 때 이를 런타임(runtime)이라고 합니다.
• JavaScript runtime
  • 자바스크립트가 구동되는 환경을 의미합니다.
  • 종류: 웹 브라우저, Node.js

참고

• 런타임(Runtime)과 컴파일타임(Compiletime)의 차이점은 무엇인가?
• 컴파일(Compile) 이란?
• JavaScript 런타임 작동방식, 비동기와 이벤트 루프
• 컴파일(Compile), 링크(Link), 빌드(Build)
• 컴파일과 빌드 차이점
  
• transpile (트랜스파일) 과 compile (컴파일) 의 비교
• Source-to-source compiler