'변수' 개념을 엑셀 셀에 비유해 설명합니다: 50대를 위한 JS 기초 문법
핵심 요약: JavaScript 변수가 어렵게 느껴진다면 엑셀로 이해하세요. 50대가 이미 완벽히 알고 있는 엑셀 셀의 개념이 변수와 정확히 같습니다. var, let, const의 차이도 엑셀 비유로 쉽게 설명합니다.
변수 = 엑셀의 셀
강의에서 "변수는 값을 담는 상자입니다"라고 설명할 때는 막연했는데, 엑셀을 떠올리니 바로 이해됐습니다. 엑셀에서 A1 셀에 숫자를 넣는 것처럼, 변수에 값을 넣는 것입니다.
엑셀 방식
A1 = "홍길동"
B1 = 50
C1 = A1&"의 나이: "&B1
C1 결과: "홍길동의 나이: 50"
JavaScript 방식
let name = "홍길동";
let age = 50;
let result = name + "의 나이: " + age;
result: "홍길동의 나이: 50"
엑셀 셀 이름(A1, B1)이 JavaScript에서는 변수 이름(name, age)입니다. 셀에 값을 입력하는 것이 변수에 값을 할당하는 것입니다. 이미 엑셀을 아는 사람에게 변수는 새로운 개념이 아닙니다.
let vs const vs var: 엑셀로 구분하기
let— 일반 셀 (값 변경 가능)
엑셀에서 값을 자유롭게 바꿀 수 있는 일반 셀과 같습니다.
let score = 80; // 초기값
score = 95; // 나중에 변경 가능
const— 잠긴 셀 (값 변경 불가)
엑셀에서 셀 보호를 걸어 수정 못하게 한 것과 같습니다. 바뀌면 안 되는 값에 씁니다.
const TAX_RATE = 0.1; // 부가세율 고정
// TAX_RATE = 0.2; → 오류!
var— 구버전 방식 (사용 안 함)
예전 Excel 2003 시절 방식처럼, 지금은 더 좋은 방법(let, const)이 있어서 잘 안 씁니다.
실전 규칙: 값이 바뀔 것 같으면 let, 절대 안 바뀌면 const. 처음엔 모두 let으로 써도 괜찮습니다.
변수 이름 짓기: 엑셀의 이름 정의와 같다
엑셀에서 중요한 셀에 "이름 정의"를 해서 쓰는 것처럼, JavaScript 변수 이름도 의미있게 지어야 합니다.
나쁜 변수 이름
let a = 50000;
let x = "김철수";
let d1 = true;
좋은 변수 이름
let monthlySalary = 50000;
let employeeName = "김철수";
let isActive = true;
한 달 뒤에 자신이 쓴 코드를 다시 볼 때, 의미있는 변수 이름은 엑셀의 메모 기능처럼 "이게 무슨 값이었지?"를 바로 알게 해줍니다.
실습: 엑셀 데이터를 JavaScript 변수로 변환하기
실제 업무에서 쓰는 엑셀 데이터를 JavaScript 변수로 바꿔보면 개념이 자연스럽게 체득됩니다.
// 직원 정보 관리 (엑셀 시트 한 행을 변수로)
const employeeId = "EMP001"; // 사번 (변경 불가)
let employeeName = "김대권"; // 이름 (결혼 등으로 변경 가능)
let department = "재무팀"; // 부서 (이동 가능)
let baseSalary = 3500000; // 기본급
const taxRate = 0.033; // 국민연금요율 (법정 고정)
// 실수령액 계산
let netSalary = baseSalary - (baseSalary * taxRate);
console.log(employeeName + "님 실수령액: " + netSalary + "원");
// 출력: 김대권님 실수령액: 3384500원엑셀로 30년 해온 급여 계산을 JavaScript로 그대로 옮겼습니다. 새로운 개념이 아니라 익숙한 업무를 다른 도구로 한 것뿐입니다.
✅ 변수 연습 체크리스트
- let으로 이름, 나이, 직업 변수 3개 만들기
- const로 세금율, 최저임금 등 고정값 변수 만들기
- 변수끼리 더하고 연결해서 문장 만들기
- 내가 쓰는 엑셀 파일의 주요 셀을 변수로 변환해보기