변수 및 상수

1. 도입 (왜 배워야 하는가)

JavaScript에서 변수와 상수는 데이터를 저장하고 조작하는 기본적인 요소입니다. 실무에서 변수를 사용하여 사용자 입력, 계산 결과, API 응답 등을 저장하고 활용합니다. 만약 이러한 개념을 모른다면, 데이터의 저장과 조작이 불가능해지고, 프로그램의 기능을 구현하는 데 큰 어려움을 겪게 됩니다. 예를 들어, 장바구니에 담긴 상품의 수량을 관리할 때, 변수를 사용하지 않으면 상품 수를 추적할 방법이 없어집니다.

2. 핵심 개념 설명

변수 (Variable)

변수는 데이터를 저장할 수 있는 공간으로, 필요에 따라 그 값을 변경할 수 있습니다. 예를 들어, 상자에 넣는 물건처럼 생각할 수 있습니다. 상자의 내용은 언제든지 바꿀 수 있습니다.

상수 (Constant)

상수는 한 번 값이 설정되면 변경할 수 없는 변수를 의미합니다. 마치 고정된 주소에 있는 집과 같아서, 주소가 변경되지 않는 한 그 집은 항상 동일한 장소에 있습니다.

3. 기본 코드 예제

변수와 상수를 정의하는 기본적인 방법을 살펴보겠습니다.

// 변수 선언
let age = 25; // 나이를 저장하는 변수
const name = "홍길동"; // 이름을 저장하는 상수

// 변수의 값 변경
age = 26; // 나이를 업데이트

실행 결과:

• age: 26
• name: "홍길동"

코드 한 줄씩 동작 설명:

1. let age = 25; - age라는 변수를 선언하고, 초기값으로 25를 할당합니다.
2. const name = "홍길동"; - name이라는 상수를 선언하고, "홍길동"이라는 값을 할당합니다.
3. age = 26; - age 변수의 값을 26으로 변경합니다.

4. 실전 활용 예제

예제 1: 쇼핑몰 장바구니

쇼핑몰에서 장바구니에 담긴 상품 수를 관리할 때 변수를 사용할 수 있습니다.

let cartItems = 0; // 장바구니에 담긴 상품 수
cartItems += 1; // 상품 추가

이 코드는 장바구니에 상품을 하나 추가하는 예제입니다.

예제 2: 사용자 정보

사용자로부터 입력받은 정보를 관리할 때 상수를 사용할 수 있습니다.

const MAX_LOGIN_ATTEMPTS = 5; // 최대 로그인 시도 횟수
let loginAttempts = 0; // 현재 로그인 시도 횟수

while (loginAttempts < MAX_LOGIN_ATTEMPTS) {
    // 로그인 로직
}

이 코드는 최대 로그인 시도 횟수를 상수로 정의하고, 현재 시도 횟수를 변수로 관리하는 예입니다.

5. 흔한 실수와 주의사항

4. 상수를 변경하려고 시도하기

- 잘못된 코드:

    const PI = 3.14;
    PI = 3.14159; // 오류 발생

- 올바른 코드:

    const PI = 3.14; // PI 값을 변경하지 않음

5. 변수의 스코프를 혼동하기

- 잘못된 코드:

    if (true) {
        var message = "Hello"; // var는 함수 스코프
    }
    console.log(message); // "Hello" 출력

- 올바른 코드:

    if (true) {
        let message = "Hello"; // let은 블록 스코프
    }
    console.log(message); // 오류 발생

6. 정리

6. 변수는 변경 가능한 데이터 저장소이며, 상수는 불변의 데이터 저장소입니다.
7. 변수와 상수를 적절히 사용하여 데이터 관리 및 프로그램 로직 구현을 효율적으로 할 수 있습니다.
8. 다음에 학습하면 좋은 주제는 데이터 타입과 제어문입니다. 이를 통해 더 복잡한 로직을 구성할 수 있습니다.