[JavaScript] 변수(Variable)

목차

자바스크립트와 함께하는 여행: '변수'라는 나침반을 들고서 🌐🚀

안녕하세요, 웹 플레이어 여러분! 🌟 오늘은 웹 프로그래밍 세계의 핵심, 자바스크립트(JavaScript)에서 가장 기본적이면서도 중요한 개념인 '변수'에 대해 이야기를 나누어 보려고 합니다. 그럼, 곧바로 우리의 코드 여행을 시작해봅시다!

 

1. 변수(Variable)란 무엇일까요? 🧐🔍

변수는 그 이름처럼 변할 수 있는 값을 의미하며, 데이터를 저장하고 참조(조회)하는 저장소의 역할을 합니다. 쉽게 말해, 변수는 데이터를 담는 컨테이너와 같아요.

var message = "Let's dive into JavaScript!";

여기서 var은 변수를 선언하는 키워드이고, message는 변수의 이름입니다. "Let's dive into JavaScript!"는 변수에 저장된 문자열 값이에요.

 

2. 변수 선언하기: var, let, const 📝🔄

자바스크립트에서는 var, let, const 세 가지 키워드로 변수를 선언할 수 있습니다.

• var: 전통적인 변수 선언 방식
• let: 변수의 값을 나중에 바꿀 수 있는, 즉 재할당이 가능한 변수를 선언
• const: 한 번 값을 할당하면 바꿀 수 없는, 상수를 선언

var name = "Web Explorer";
let age = 20;
const pi = 3.14;

 

3. 데이터 타입과 변수 🎲🔢

변수에는 다양한 타입의 데이터를 저장할 수 있습니다. 자바스크립트의 기본 데이터 타입은 다음과 같아요.

• string: 텍스트 데이터 ("Hello, JavaScript!")
• number: 숫자 데이터 (42, 3.14)
• boolean: 참/거짓 데이터 (true, false)
• null: 없음을 나타내는 특별한 값
• undefined: 값이 할당되지 않은 상태

let text = "Keep coding!";
let number = 7;
let isTrue = false;

 

4. 변수의 호이스팅 (Hoisting) 🚀⬆️

변수의 "호이스팅"이란 변수를 선언하고 초기화했을 때 선언 부분이 자동으로 코드의 최상단으로 끌어올려지는 현상을 의미합니다.

console.log(message); // undefined
var message = "Hoisting in JavaScript";

위 코드는 실제로는 아래와 같이 동작합니다.

var message;
console.log(message); // undefined
message = "Hoisting in JavaScript";

 

마무리하며 🌟🌊

변수는 프로그래밍 세계에서 굉장히 기본적이지만, 그만큼 중요한 개념입니다. 데이터를 효과적으로 관리하고 코드 간의 데이터 교환을 가능하게 만드는 역할을 하죠. 다음 글에서는 변수를 활용한 다양한 자바스크립트 기술에 대해 다루도록 하겠습니다.

여러분의 코딩 여정이 빛나는 것이 되기를 바랍니다! 🚀🎇📘🎉