▶ JavaScript Tutorial

JavaScript Statements

자바스크립트 문 (JavaScript Statements) 소개

*자바스크립트(JavaScript)**는 웹 개발에서 필수적인 프로그래밍 언어로, 다양한 **문(statement)**을 통해 프로그램의 흐름을 제어하고 기능을 구현합니다. 자바스크립트 문은 코드의 명령어 단위로, 특정 작업을 수행하도록 지시합니다. 이 글에서는 자바스크립트의 주요 문 유형과 그 활용 방법에 대해 자세히 알아보겠습니다.

1. 자바스크립트 문이란?

*문(statement)**은 자바스크립트 프로그램의 기본 구성 요소로, 하나의 명령이나 작업을 수행하는 코드의 단위입니다. 문은 보통 세미콜론(;)으로 끝나며, 여러 개의 문을 조합하여 복잡한 기능을 구현할 수 있습니다.

문(statement)의 특징:

명령어 단위: 특정 작업을 수행하는 코드 블록.
제어 흐름: 프로그램의 실행 흐름을 제어.
다양한 유형: 선언문, 조건문, 반복문 등 다양한 종류가 있음.

2. 자바스크립트의 주요 문 유형

자바스크립트에는 여러 가지 문 유형이 있으며, 각 유형은 특정한 목적과 기능을 가지고 있습니다. 주요 문 유형을 살펴보겠습니다.

2.1. 선언문 (Declaration Statements)

선언문은 변수, 함수, 클래스를 선언하는 데 사용됩니다. 선언문을 통해 프로그램에서 사용할 데이터를 저장하거나 기능을 정의할 수 있습니다.

주요 선언문 종류:

변수 선언문: var, let, const 키워드를 사용하여 변수 선언.
함수 선언문: function 키워드를 사용하여 함수 선언.
클래스 선언문: class 키워드를 사용하여 클래스 선언.

예시: 변수 선언문

// var를 사용한 변수 선언 (전역 또는 함수 스코프)
var x = 10;

// let을 사용한 변수 선언 (블록 스코프)
let y = 20;

// const를 사용한 상수 선언 (블록 스코프, 재할당 불가)
const z = 30;

2.2. 표현식문 (Expression Statements)

표현식문은 표현식을 문으로 사용하는 것으로, 값이나 연산의 결과를 생성합니다. 표현식문은 주로 변수에 값을 할당하거나 함수 호출을 통해 작업을 수행할 때 사용됩니다.

예시: 표현식문

// 변수에 값 할당
let a = 5;

// 함수 호출
console.log("Hello, World!");

// 연산 수행
a += 10;

2.3. 조건문 (Conditional Statements)

조건문은 특정 조건에 따라 코드 블록의 실행 여부를 결정합니다. 주로 if, else if, else, switch 문을 사용합니다.

예시: if-else 문

let score = 85;

if (score >= 90) {
    console.log("A 등급");
} else if (score >= 80) {
    console.log("B 등급");
} else {
    console.log("C 등급");
}

예시: switch 문

let day = "월요일";

switch(day) {
    case "월요일":
        console.log("출근일");
        break;
    case "금요일":
        console.log("퇴근일");
        break;
    default:
        console.log("평일");
}

2.4. 반복문 (Loop Statements)

반복문은 특정 조건이 만족되는 동안 코드 블록을 반복 실행합니다. 주로 for, while, do...while 문을 사용합니다.

예시: for 문

for (let i = 0; i < 5; i++) {
    console.log("반복 횟수:", i);
}

예시: while 문

let i = 0;
while (i < 5) {
    console.log("반복 횟수:", i);
    i++;
}

예시: do...while 문

let i = 0;
do {
    console.log("반복 횟수:", i);
    i++;
} while (i < 5);

2.5. 제어문 (Control Statements)

제어문은 반복문이나 조건문 내에서 코드의 흐름을 변경하는 데 사용됩니다. 주로 break, continue, return 문을 사용합니다.

예시: break 문

for (let i = 0; i < 10; i++) {
    if (i === 5) {
        break;  // 루프 종료
    }
    console.log(i);
}

예시: continue 문

for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
        continue;  // 다음 반복으로 건너뜀
    }
    console.log(i);
}

예시: return 문

function add(a, b) {
    return a + b;  // 함수 종료 후 값 반환
}

let result = add(3, 4);
console.log(result);  // 출력: 7

2.6. 예외 처리문 (Exception Handling Statements)

예외 처리문은 코드 실행 중 발생할 수 있는 예외 상황을 처리하는 데 사용됩니다. 주로 try, catch, finally, throw 문을 사용합니다.

예시: try-catch 문

try {
    let result = 10 / 0;
    console.log(result);
} catch (error) {
    console.log("오류 발생:", error.message);
} finally {
    console.log("예외 처리 완료");
}

예시: throw 문

function validateAge(age) {
    if (age < 18) {
        throw new Error("미성년자는 접근할 수 없습니다.");
    }
    console.log("성인입니다.");
}

try {
    validateAge(16);
} catch (error) {
    console.log("오류:", error.message);
}

3. 자바스크립트 문 사용 예제

자바스크립트의 다양한 문을 실제 코드에서 어떻게 사용하는지 예제를 통해 살펴보겠습니다.

3.1. 변수 선언 및 할당

// var, let, const를 사용한 변수 선언
var name = "Alice";
let age = 25;
const PI = 3.14159;

console.log(name, age, PI);  // 출력: Alice 25 3.14159

3.2. 함수 선언 및 호출

// 함수 선언문
function greet(person) {
    return `안녕하세요, ${person}!`;
}

// 함수 호출
let message = greet("Bob");
console.log(message);  // 출력: 안녕하세요, Bob!

3.3. 조건문 사용

let temperature = 30;

if (temperature > 25) {
    console.log("날씨가 덥습니다.");
} else {
    console.log("날씨가 선선합니다.");
}

3.4. 반복문 사용

// for 문을 사용한 배열 순회
let fruits = ["사과", "바나나", "오렌지"];

for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

// for...of 문을 사용한 배열 순회
for (let fruit of fruits) {
    console.log(fruit);
}

3.5. 예외 처리

function divide(a, b) {
    if (b === 0) {
        throw new Error("0으로 나눌 수 없습니다.");
    }
    return a / b;
}

try {
    let result = divide(10, 0);
    console.log(result);
} catch (error) {
    console.log("오류:", error.message);
}

4. 문 사용 시 주의사항 및 팁

4.1. 세미콜론(`;`) 사용

자바스크립트에서는 세미콜론을 사용하여 문을 구분합니다. 대부분의 경우 자동 세미콜론 삽입(ASI)이 작동하지만, 명확성과 예측 가능한 코드 작성을 위해 세미콜론을 명시적으로 사용하는 것이 권장됩니다.

예시: 세미콜론 사용

let x = 10;
let y = 20;
console.log(x + y);  // 출력: 30

4.2. 블록 문(Block Statements)

블록 문은 중괄호({})로 둘러싸인 문들의 집합으로, 제어문이나 함수 선언 시 사용됩니다. 블록 내의 변수는 해당 블록의 스코프(scope)를 가집니다.

예시: 블록 문 사용

{
    let a = 5;
    console.log(a);  // 출력: 5
}
// console.log(a);  // ReferenceError: a is not defined

4.3. 문과 표현식의 차이

문(statement): 특정 작업을 수행하는 코드의 단위.
표현식(expression): 값을 생성하는 코드의 단위.

예시: 문과 표현식의 차이

// 문
if (true) {
    console.log("조건이 참입니다.");
}

// 표현식
let sum = (a, b) => a + b;

4.4. 최적화된 코드 작성

효율적이고 가독성 높은 코드를 작성하기 위해 다음과 같은 팁을 활용하세요.

명확한 변수 이름 사용: 변수와 함수의 목적을 명확히 나타내는 이름을 사용합니다.
코드 재사용: 반복되는 코드는 함수로 분리하여 재사용성을 높입니다.
적절한 주석 추가: 복잡한 로직이나 중요한 부분에는 주석을 추가하여 이해를 돕습니다.
일관된 코드 스타일 유지: 들여쓰기, 괄호 사용 등 코드 스타일을 일관되게 유지합니다.

5. 요약

*자바스크립트 문(statement)**은 프로그램의 기본 구성 요소로, 특정 작업을 수행하는 코드 단위입니다.
주요 문 유형에는 선언문, 표현식문, 조건문, 반복문, 제어문, 예외 처리문 등이 있습니다.
각 문 유형은 다양한 구문과 활용 방법을 가지며, 실제 코드에서 효율적으로 사용됩니다.
문 사용 시 주의사항으로 세미콜론 사용, 블록 문 이해, 문과 표현식의 차이 등을 고려해야 합니다.
최적화된 코드 작성을 통해 가독성과 유지보수성을 높일 수 있습니다.

자바스크립트의 다양한 문을 이해하고 적절히 활용함으로써, 효율적이고 안정적인 웹 애플리케이션을 개발할 수 있습니다. 꾸준한 연습과 실제 프로젝트 적용을 통해 자바스크립트 문법을 숙달해보세요.

JavaScript의 다양한 문법과 기능을 잘 활용하면, 강력한 웹 애플리케이션을 구축하고 효과적인 코드 작성이 가능합니다. 각 문 유형의 특징과 사용법을 숙지하여, 더 나은 개발자로 성장해보세요!

코딩 스쿨 JavaScript