자바스크립트란?

2025.10.20

1️⃣ 자바스크립트란?

정식 명칭: JavaScript = ECMAScript
Vanilla Script (바닐라 스크립트): 순수 자바스크립트 (라이브러리나 프레임워크 없이)
클라이언트 언어: 사용자의 브라우저에서 실행되는 언어

서버 언어와의 차이점:

구분	클라이언트 언어	서버 언어
실행 위치	브라우저(사용자 PC)	서버(백엔드)
예시	JavaScript	Java, Python, PHP 등
목적	화면 제어, 이벤트 처리	데이터 처리, 응답 생성

이벤트 언어: 사용자의 동작(클릭, 입력 등)에 반응하기 때문에 이렇게 부름
만들어진 목적: 웹페이지를 동적으로 응답하도록 하기 위해 만들어짐

2️⃣ 자바스크립트의 구성 요소

자바스크립트는 크게 3부분으로 나뉘어요 👇

구성 요소	설명
Core(코어)	기본 문법, 변수, 함수, 연산 등 핵심 기능
DOM (Document Object Model)	HTML을 객체처럼 다루는 모델 (HTML 태그를 제어)
BOM (Browser Object Model)	브라우저 자체를 제어하는 모델 (창, 알림, 주소창 등)

          window → 브라우저 (Browser Object Model, BOM)
            │
       document → window의 자식 (Document Object Model, DOM)
            │
          HTML (문서의 루트)
     ┌──────────────┐
     │              │
   head            body
   
   
   
   자바스크립트는

**코어(Core)**로 언어를 구성하고,

**DOM**으로 HTML을 제어하며,

**BOM**으로 브라우저를 제어한다.

3️⃣ 구조 이해하기

window (브라우저)
 └── document (문서 객체)
      └── HTML
           ├── head
           └── bod

window : 브라우저 전체를 의미
document : HTML 문서 (window의 자식)
head, body : HTML의 구성요소