JavaScript 컴파일

발행: (2026년 1월 20일 오후 07:07 GMT+9)
2 min read
원문: Dev.to

Source: Dev.to

How JavaScript is Recognized?

Engine

브라우저에 엔진이 하나 있습니다 (예: Chrome에 있는 V8 엔진). 이것은 번역기와 같은 역할을 합니다.

Tokenizing (வார்த்தைகளை பிரித்தல்)

Tokenizing은 큰 덩어리를 나누어 그 안에 있는 요소들을 각각 따로 배열하는 것과 같습니다.

Parsing (Grammar செக் பண்றது)

Parsing에서는 AST (Abstract Syntax Tree) 라고 부릅니다.
예시: 우리가 영어를 잘못 말하면 선생님이 고쳐 주시잖아요? 이와 같은 원리입니다.

Compilation – JIT (உடனுக்குடன் மொழிபெயர்த்தல்)

JavaScript는 JIT (Just‑In‑Time) 컴파일을 사용합니다.
예시: 당신이 타밀어로 말하면, 그곳에 있는 사람이 이해하도록 바로 영어로 번역해서 말해 주는 것과 같습니다.

Flow Diagram (சிம்பிள் படம்)

(흐름을 나타내는 간단한 다이어그램 삽입: Engine → Tokenizing → Parsing → JIT Compilation → Execution)

Why this is important?

우리가 잘못된 코드를 작성하면 브라우저가 왜 동작하지 않는지 이해할 수 있게 해 주는 매우 중요한 내용입니다. 이 **“컴파일러 인식”**이 올바르게 이루어져야 여러분의 웹사이트가 살아있게(인터랙티브하게) 유지됩니다!

Back to Blog

관련 글

더 보기 »

새로운 종류의 파서 메서드

소개: Pratt parsing은 강력한 기법이지만, binding power와 NUD와 같은 개념은 이해하기 어려울 수 있습니다. 다음은 대안적인 ...

ReactJS Hook 패턴 ~상태 파생~

ReactJS Hook Pattern ~Deriving State~의 커버 이미지 https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2...