2025-11-06(자바스크립트)

 

 

자바스크립트 사용방법

1.  body 태그 내부에서 정의하고 사용하는 방법

<script></script> 태그 내부에서 정의하고 사용

2. head 태그에 function을 정의하고 사용하는 방법

<script></script> 태그 내부에서 정의하고 사용

3. 외부 문서에서 정의하고 연결해서 사용하는 방법
4. inline으로 사용
- 이벤트 헨들러 : 이벤트 발생했을때 실행되는 코드를 등록

자바스크립트 문법 정리 - 변수 (Variable)

명령문 (Statement)

자바스크립트의 모든 코드는 **명령문(statement)**으로 구성됩니다.
명령문은 프로그램에게 어떤 동작을 수행하라고 지시하는 문장입니다.

 

console.log("Hello, JavaScript!"); // 출력 명령문

---

변수 (Variable)

변수란 값을 저장하기 위한 메모리 공간을 의미합니다.
자바스크립트에서는 변수를 선언할 때 타입을 명시하지 않지만,
내부적으로는 타입이 존재합니다.

기본 문법

 

변수선언문 변수명 = 값;

예시:

 

let name = "홍길동"; let age = 25;

 변수 선언 키워드

(1) var

ES6 이전 버전에서 사용

• 변수를 선언하고 중복 선언이 가능
• 함수 스코프(Function Scope) 를 가짐
  → 어떤 블록({}) 안에서 선언해도 함수 전체에서 접근 가능
• 재선언 및 재할당 모두 가능

 

var name = "Tom"; var name = "Jerry"; // 중복 선언 가능 console.log(name); // Jerry

⚠️ 주의: var는 유연하지만 예기치 않은 오류를 만들기 쉬워
현재는 사용이 권장되지 않습니다.

---

(2) let

ES6(ECMAScript 2015) 이후 도입

• 변수를 선언하고 중복 선언 불가능
• 블록 스코프(Block Scope) 를 가짐
  → 선언된 블록 내부에서만 접근 가능
• 재할당은 가능하지만, 재선언은 불가능

 

let age = 20; age = 25; // 재할당 가능 // let age = 30; ❌ 중복 선언 불가능

---

(3) const

상수(Constant)를 선언할 때 사용

• 재선언 및 재할당 불가능
• 선언 시 반드시 초기값을 함께 지정해야 함
• 블록 스코프(Block Scope) 를 가짐

 

const PI = 3.14159; // PI = 3.14; ❌ 재할당 불가

---

참고: ECMAScript(ES)

ECMAScript는 자바스크립트 표준을 정의한 규격

• ES5: var 중심의 구문
• ES6 (2015): let, const, 화살표 함수, 클래스 등 현대 JS 문법 도입

---

정리 표

키워드                                       중복                    선언                                  재할당                                  스코프비고

var	가능	가능	함수 스코프	권장 ❌
let	불가능	가능	블록 스코프	일반 변수
const	불가능	불가능	블록 스코프	상수 선언