JavaScript 기초: 변수(Variable)와 메모리 이해하기

 

컴퓨터의 메모리와 JavaScript 변수에 대해 다뤄보려고 합니다. 프로그래밍을 공부할 때 가장 기본적이면서도 중요한 개념인 변수와 메모리 구조를 이해하는 시간을 가져보겠습니다.

 

---

컴퓨터의 구성 요소와 메모리

컴퓨터는 크게 하드디스크, 연산(CPU), 메모리로 나뉩니다.

• 하드디스크: 데이터를 영구적으로 저장합니다.
• CPU: 데이터를 처리합니다.
• 메모리: 프로그램이 실행되는 동안 데이터를 임시로 저장합니다.

메모리 구조

메모리는 여러 칸으로 나누어져 있으며, 각 칸은 1바이트(byte) 단위로 구성됩니다. 예시:

1byte | 1byte | 1byte | 1byte | ...

메모리에는 프로그램이 실행될 때 다양한 영역이 할당됩니다:

1. Code 영역: 실행할 코드가 저장됩니다.
2. Data 영역: 전역 변수 및 상수가 저장됩니다.
3. Stack 영역: 함수 호출과 지역 변수가 저장됩니다.
4. Heap 영역: 동적으로 생성되는 데이터가 저장됩니다.

---

JavaScript의 변수(Variable)

변수는 데이터를 저장하는 이름이 주어진 메모리 공간입니다. 변수를 사용하면 메모리 주소를 몰라도 이름만으로 값을 저장하고 불러올 수 있습니다.

변수의 기본 개념

변수를 선언하고 값을 할당하는 기본 구조는 다음과 같습니다:

let a = 0; // let(키워드) a(변수 이름) = (할당 연산자) 0(값);
console.log(a); // 0 출력

a = 1;
console.log(a); // 1 출력

let b; // 값 할당 없이 변수 선언만 함
console.log(b); // undefined 출력

b = 2;
console.log(b); // 2 출력

변수 이름 짓기 (Naming Variables)

변수는 저장된 값을 잘 나타낼 수 있는 의미 있는 이름을 사용하는 것이 중요합니다.

추천 문서: MDN - 변수 이해하기

---

변수 이름 규칙

변수 이름을 지을 때 지켜야 할 규칙이 있습니다:

사용 가능한 문자

• 라틴 문자: a-z, A-Z, 0-9, _, $
• 대소문자 구분: apple과 Apple은 서로 다른 변수입니다.
• Camel Case 추천: 단어를 이어 쓸 때 camelCase 방식 사용 (likeThis).

변수 이름 규칙

1. 숫자로 시작할 수 없음: let 1apple; (X)
2. 특수문자 사용 불가: _와 $만 예외적으로 허용됩니다.
3. 한국어 및 이모지 사용 금지: let 사과;, let 🍎; (X)
4. 예약어 사용 금지: 예약어는 변수명으로 사용할 수 없습니다. (예약어 목록)

좋은 변수 이름 예시

// 나쁜 예제
let number = 20;

// 좋은 예제
let myAge = 20; // 나이를 표현하는 의미 있는 이름

// 나쁜 예제
let audio1;
let audio2;

// 좋은 예제
let backgroundAudio;
let windAudio;

// 꿀팁: 찾기 쉬운 변수명 사용
let audioBackground;
let audioWind;

---

변수 이름이 중요한 이유

변수 이름을 잘 지으면 코드의 가독성이 좋아지고, 팀 프로젝트에서도 더 원활한 협업이 가능합니다. 단순히 a, b처럼 아무 의미 없는 이름 대신, 저장된 값이 무엇을 나타내는지 바로 이해할 수 있는 이름을 사용해 보세요!

---

마무리하며

변수는 프로그래밍에서 가장 기본적이면서 중요한 개념입니다. 메모리의 구조를 이해하고, 올바르게 변수를 선언하고 사용하면 더욱 깔끔하고 유지보수하기 쉬운 코드를 작성할 수 있습니다.