💻 자바스크립트(JavaScript)란?

자바스크립트는 웹페이지에 생명력을 불어넣는 언어입니다. HTML이 골격이라면, CSS는 옷이고, 자바스크립트는 그 옷을 입은 사람이 움직이는 모습이라고 할 수 있습니다.

🧠 자바스크립트의 정의

**자바스크립트(JavaScript)**는 웹페이지에서 동적인 기능을 가능하게 해주는 프로그래밍 언어입니다.

즉, 사용자의 행동에 반응하고, 데이터를 불러오거나, 화면 내용을 바꾸는 등의 기능을 합니다.

🎯 주요 기능과 역할 (브라우저에서의 자바스크립트)

기능	설명
🔧 HTML & CSS 조작	HTML 요소를 추가/삭제하거나 CSS 스타일을 바꿀 수 있습니다.
🖱️ 이벤트 처리	버튼 클릭, 키보드 입력 등 사용자 이벤트에 반응할 수 있습니다.
🌐 API와 상호작용	서버로부터 데이터를 받아오거나, 데이터를 보낼 수 있습니다.
🔄 비동기 통신	웹페이지를 새로 고침하지 않고도 데이터를 주고받을 수 있습니다. (AJAX, fetch 등)

💡 예제: 버튼을 클릭하면 텍스트가 바뀌는 코드

<button onclick="changeText()">눌러보세요</button>
<p id="demo">안녕하세요!</p>

<script>
  function changeText() {
    document.getElementById("demo").innerText = "반갑습니다!";
  }
</script>

🌐 웹의 3요소와 자바스크립트의 위치

구성 요소	역할	예시
HTML	웹페이지의 구조 정의	제목, 본문, 버튼 등
CSS	웹페이지의 디자인 정의	색상, 크기, 배치 등
JavaScript	웹페이지의 동작 구현	클릭, 애니메이션, 데이터 요청 등

예를 들어, HTML로 만든 "버튼"에 CSS로 "파란색"을 입히고, JavaScript로 "눌렀을 때 텍스트 변경" 기능을 넣습니다.

🚀 자바스크립트는 어디서 실행되나요?

대부분의 웹 브라우저는 자바스크립트 엔진을 내장하고 있습니다.
- 예: Chrome 브라우저는 V8 엔진 사용
또한 브라우저 외부 환경에서도 실행 가능: Node.js

📌 실행 방식

인터프리터 언어: 코드를 한 줄씩 읽고 바로 실행합니다.
JIT(Just-In-Time) 컴파일: 실행 중간에 성능을 최적화해주는 기술로 속도를 개선합니다.