3장: 변수와 데이터 타입

변수란 무엇인가

프로그래밍에서 변수는 데이터에 이름을 부여해 저장하는 작은 상자와도 같습니다. 이 상자는 값을 담아두고 코드 어디에서든 필요할 때 꺼내 쓸 수 있게 해줍니다. 자바스크립트에서도 변수는 아주 중요한 기본 요소입니다.

변수를 선언하는 방법에는 var, let, const 세 가지가 있습니다. 오래전부터 사용된 var는 함수 단위로 유효범위가 정해지지만, 최근에는 코드 안정성을 위해 주로 let 또는 const를 사용합니다. let은 값이 언제든 바뀔 수 있는 변수, const는 한 번 정하면 값이 변하지 않는 상수를 만들 때 적합합니다.

let count = 10; // 값 변경 가능
const PI = 3.14; // 값 변경 불가

데이터 타입의 이해

변수는 다양한 타입의 데이터를 담습니다. 자바스크립트에서는 특별히 변수를 만들 때 타입을 미리 지정하지 않아도, 할당되는 값에 따라 자동으로 데이터 타입이 정해집니다. 이것을 동적 타이핑이라고 부릅니다.

자주 쓰이는 데이터 타입은 다음과 같습니다.

• 숫자(Number): 정수와 소수 모두 number로 취급합니다. 예) let age = 25;

• 문자열(String): 문자, 단어나 문장. 작은따옴표(', "), 또는 백틱()으로 둘러싸서 표현합니다. 예) let name = "지민";`

• 불리언(Boolean): 참 또는 거짓만 가지는 타입. 예) let isOk = true;

• undefined: 변수를 선언만 하고 값을 대입하지 않으면 이 값이 자동으로 들어갑니다.

• null: 의도적으로 변수가 "아무 값도 아니다"라고 명확히 지정할 때 사용합니다.

또한 배열, 객체, 함수 등도 변수에 담을 수 있지만, 이들은 자바스크립트에서 "참조 타입"이라고 따로 불립니다. 배열은 여러 데이터를 순서대로 저장하고, 객체는 이름(키)과 값이 쌍으로 묶여 있는 데이터 구조입니다.

변수 선언의 실제 예시와 주의점

변수를 선언할 때는 이름을 의미 있게 정하는 것이 좋습니다. 예를 들어, 사용자의 이름이면 userName, 상품의 가격이면 productPrice처럼요. 변수 이름은 반드시 영문자, 숫자, 언더스코어(_) 및 달러($) 기호만 사용할 수 있으며, 숫자로 시작할 수 없습니다.

또한, var로 변수를 선언하면 코드의 예상치 못한 부분에서 값이 바뀌거나, 의도하지 않은 접근이 가능해질 수 있으므로, 특별한 이유가 없다면 let과 const 위주로 코드를 작성하는 습관을 들이세요.

마지막으로, 자주 사용할 법한 예시는 직접 입력하고 콘솔에서 결과를 확인하며 실습하는 것이 이해를 빠르게 돕습니다.

const greeting = `안녕하세요, ${name}님!`;
let isMember = false;

이처럼 변수와 데이터 타입의 기본만 숙지해도, 자바스크립트 코드의 절반은 이해할 수 있게 됩니다. 다음에는 변수의 범위와 다양한 활용법을 더 깊이 파헤쳐 보겠습니다.