JavaScript 변수와 데이터 타입 (초보자 가이드)

Source: Dev.to

변수란 무엇인가요?

변수를 정보를 저장하는 상자라고 생각하면 됩니다.

• 한 상자는 당신의 이름을 저장합니다
• 또 다른 상자는 당신의 나이를 저장합니다
• 또 다른 상자는 당신이 학생인지 여부를 저장합니다

프로그래밍에서는 변수 안에 정보를 저장해 두었다가 나중에 컴퓨터가 사용할 수 있게 합니다.

let name = "Rahul";
let age = 18;

• name 은 "Rahul"을 저장합니다
• age 은 18을 저장합니다

즉, 변수는 데이터를 저장하는 컨테이너에 불과합니다.

JavaScript에서 변수를 선언하는 방법

JavaScript에서는 세 가지 키워드로 변수를 만들 수 있습니다.

• var
• let
• const

var 사용하기

var city = "Delhi";

var는 오래된 JavaScript 버전에서 사용되었습니다. 아직 동작하지만 요즘은 권장되지 않습니다.

let 사용하기

let age = 20;

let은 값이 나중에 바뀔 수 있을 때 주로 사용합니다.

let score = 10;
score = 15; // 이제 score는 15가 됩니다

const 사용하기

const country = "India";

const는 상수(constant) 를 의미하며, 값이 나중에 변경될 수 없음을 나타냅니다.

const pi = 3.14;
// 값을 바꾸려고 하면 오류가 발생합니다

JavaScript의 원시 데이터 타입

데이터 타입은 변수가 어떤 종류의 값을 저장하는지를 설명합니다. JavaScript에는 여러 원시 데이터 타입이 있습니다.

문자열 (String)

문자열은 텍스트를 저장합니다.

let name = "Aman";
let city = "Mumbai";
let message = "Hello World";

문자열은 따옴표("" 또는 '') 안에 씁니다.

숫자 (Number)

숫자는 수치 값을 저장합니다.

let age = 18;
let price = 99.99;

숫자는 다음과 같이 구분됩니다.

• 정수 → 20
• 소수 → 10.5

불리언 (Boolean)

불리언은 두 가지 값만 가집니다.

• true
• false

let isStudent = true;
let isLoggedIn = false;

이 타입은 조건과 결정에 흔히 사용됩니다.

Null

null은 빈 값을 나타냅니다.

let result = null;

변수가 존재하지만 현재 값이 없음을 의미합니다.

Undefined

변수가 선언만 되고 값이 할당되지 않았을 때 undefined 상태가 됩니다.

let score;

아무것도 할당하지 않았으므로 값은 undefined입니다.

var, let, const의 차이점

let age = 18;
age = 19; // 허용

const country = "India";
country = "USA"; // 오류

스코프란? (초보자 설명)

스코프는 변수를 코드 어디서 사용할 수 있는지를 의미합니다.

스코프를 집 안의 방에 비유해 보세요. 침실에 상자를 두면 그 방 안에서만 접근할 수 있듯이, 일부 변수는 코드의 특정 부분 안에서만 사용할 수 있습니다.

{
  let message = "Hello";
  console.log(message); // 블록 안에서 동작
}

여기서 message는 블록 안에서만 동작하고, 블록 밖에서는 사용할 수 없습니다. 이는 코드를 정리되고 안전하게 유지하는 데 도움이 됩니다.

실용 예제

let name = "Rohan";
let age = 19;
let isStudent = true;

console.log(name);
console.log(age);
console.log(isStudent);

콘솔 출력

Rohan
19
true

과제 연습

다음 코드를 작성하고 직접 실험해 보세요.

let name = "Rahul";
let age = 18;
let isStudent = true;

console.log(name);
console.log(age);
console.log(isStudent);

그 다음 시도해 보기:

• name 값 변경하기
• age 값 변경하기
• const 변수를 만들고 값을 바꾸려 시도하기

const country = "India";
country = "USA"; // 오류를 확인해 보세요

JavaScript가 어떻게 동작하는지 관찰해 보세요.