자바스크립트 기본 용어 및 출력 방법

1. 이 글을 왜 작성했는가?

웹 프론트엔드 개발의 기초가 되는 자바스크립트(JavaScript)는 웹 브라우저에서 동작하는 가장 대표적인 프로그래밍 언어입니다.
하지만 처음 접하는 분들은 var, let, 표현식, 문장 등 용어 자체가 생소하게 느껴질 수 있습니다.
이번 글에서는 자바스크립트 입문자들이 꼭 알아야 할 기본 용어와 출력 방법을 하나씩 정리하고자 합니다.

---

2. 이해에 필요한 배경 지식

• 변수(Variable): 데이터를 저장하는 공간
• 표현식(Expression): 하나의 값을 만들어내는 코드
• 문장(Statement): 실행 가능한 코드 단위로, 세미콜론(;)으로 끝남
• 스코프(Scope): 변수가 유효한 범위
• 호이스팅(Hoisting): 변수 선언이 코드 상단으로 끌어올려지는 현상

이러한 기초 개념을 이해하고 있어야 자바스크립트를 올바르게 사용하고, 예기치 않은 오류를 방지할 수 있습니다.

---

3. 주요 용어 설명

3-1. 표현식(Expression)

하나의 값을 만들어내는 코드 조각입니다.

javascript

복사편집

123 100 + 20 + 3 "Hello World"

이러한 표현식은 그 자체로는 아무 동작도 하지 않지만, 문장(statement) 안에서 사용됩니다.

---

3-2. 문장(Statement)

자바스크립트에서 하나의 행동(명령) 을 나타내는 코드입니다. 대부분 ; 세미콜론으로 종료됩니다.

javascript

복사편집

123; var city = "서울"; let age = 30;

---

3-3. 변수 선언 - var와 let

var

javascript

복사편집

var name = "홍길동";

• ES5 이전부터 사용되던 변수 선언 방식
• 함수 단위 스코프(Function Scope)
• 중복 선언 허용
• 선언 이전 접근 시 undefined (호이스팅)

let

javascript

복사편집

let name = "홍길동";

• ES6 이후 도입된 변수 선언 방식
• 블록 단위 스코프(Block Scope)
• 중복 선언 불가
• 선언 이전 접근 시 오류 발생

항목varlet

스코프	함수(Function) 단위	블록(Block) 단위
중복 선언	가능	불가능
호이스팅	선언+초기화(undefined)	선언만, 접근 시 오류 발생
사용 권장 여부	지양	권장

 

---

4. 출력 방법 정리

자바스크립트에서 결과를 확인하거나 사용자에게 메시지를 전달하기 위해 자주 사용하는 출력 방법은 다음과 같습니다.

4-1. console.log()

javascript

복사편집

console.log("Hello");

• 개발자 도구(F12)의 콘솔 탭에 메시지 출력
• 디버깅에 가장 많이 사용

4-2. alert()

javascript

복사편집

alert("경고 메시지");

• 브라우저 팝업창에 메시지 출력
• 사용자 주의 환기나 테스트용으로 사용

4-3. document.write()

javascript

복사편집

document.write("내용 출력");

• HTML 문서에 직접 출력
• 실제 개발에서는 거의 사용되지 않음

---

5. 마무리 요약

항목설명

표현식	값 하나를 반환하는 코드
문장	실행 가능한 명령으로, 세미콜론(;)으로 끝남
var	함수 스코프, 중복 선언 가능, 호이스팅 발생
let	블록 스코프, 중복 선언 불가, 안전한 변수 선언 방식
console.log()	콘솔 출력용 함수로 디버깅에 가장 많이 사용
alert()	팝업 메시지 출력용
document.write()	문서에 직접 출력 (현재는 거의 사용되지 않음)