자바스크립트 - 데이터 타입

안녕하세요, 야심 찬 코더 여러분! 자바스크립트 데이터 타입의 흥미로운 여정에 여러분을 초대합니다. 여러분의 친절한 이웃 컴퓨터 과학 교사로서, 이 프로그래밍의 기본적인 측면을 안내해드리는 것을 기쁘게 생각합니다. 데이터 타입을 이해하는 것은 소설을 쓰기 전에 알파벳을 배우는 것과 같아요 - 필수적입니다!

JavaScript - Data Types

자바스크립트 데이터 타입

자바스크립트에서 데이터 타입은 우리 코드의 기본 블록입니다. 그들은 우리가 무엇을 처리하고 있는지 정의합니다. 정보를 담는 다양한 컨테이너로 생각해보세요, 각각은 특정 유형의 데이터를 담기 위해 설계되었습니다.

데이터 타입이 왜 중요한가요?

"왜 데이터 타입에 신경을 써야 하나요?"라는 의문이 드실 수도 있습니다. 그럼 이 작은 이야기를 들려드리겠습니다. 어느 날, 젊은 프로그래머가 숫자를 문자열에 더하려고 했습니다. 결과는? 혼란! 프로그램이崩溃하고, 불쌍한 코더는 수시간 동안 디버깅에 시간을 보냈습니다. 데이터 타입을 이해했더라면 얼마나 좋았을까요!

데이터 타입은 다음과 같은 이유로 매우 중요합니다:

  1. 코드에서 오류를 방지하는 데 도움을 줍니다.
  2. 우리의 프로그램을 더 효율적으로 만듭니다.
  3. 데이터에 적절한 연산을 수행할 수 있도록 합니다.

이제 자바스크립트가 제공하는 다양한 데이터 타입에 대해 들어보겠습니다!

자바스크립트 문자열(String)

문자열은 텍스트를 나타내기 위해 사용됩니다. 항상 따옴표로 둘러싸여 있습니다.

let greeting = "Hello, World!";
let name = 'Alice';

console.log(greeting); // 출력: Hello, World!
console.log(name);     // 출력: Alice

이 예제에서 'greeting'과 'name'은 모두 문자열입니다. 문자열에 다양한 연산을 수행할 수 있습니다. 예를 들어, 결합(Concatenation):

let fullGreeting = greeting + " My name is " + name + ".";
console.log(fullGreeting); // 출력: Hello, World! My name is Alice.

자바스크립트 숫자(Number)

자바스크립트의 숫자는 정수 또는 부동소수점 숫자일 수 있습니다.

let age = 25;
let pi = 3.14159;

console.log(age);     // 출력: 25
console.log(pi);      // 출력: 3.14159

숫자로 수학 연산을 수행할 수 있습니다:

let sum = age + pi;
console.log(sum);     // 출력: 28.14159

자바스크립트 불리언(Boolean)

불리언은 참 또는 거짓 값을 나타냅니다. 조건부 로직에서 매우 유용합니다.

let isRaining = true;
let isSunny = false;

console.log(isRaining);   // 출력: true
console.log(isSunny);     // 출력: false

불리언을 조건문에서 자주 사용합니다:

if (isRaining) {
console.log("우산을 잊지 마세요!");
} else {
console.log("날씨를 즐겨보세요!");
}

자바스크립트 정의되지 않음(Undefined)

변수가 선언되었지만 값이 할당되지 않았을 때 자동으로 'undefined' 값이 부여됩니다.

let myVariable;
console.log(myVariable);  // 출력: undefined

자바스크립트 null

null은 의도적인 비 값 또는 어떤 객체 값도 아닌 것을 나타냅니다.

let emptyValue = null;
console.log(emptyValue);  // 출력: null

자바스크립트 BigInt

BigInt는 일반 자바스크립트 Number로 표현할 수 없는 큰 정수 값을 나타냅니다.

let bigNumber = 1234567890123456789012345n;
console.log(bigNumber);  // 출력: 1234567890123456789012345n

자바스크립트 Symbol

Symbol은 고유한 식별자입니다. 다른 데이터 타입보다 덜 자주 사용되지만, 고유한 프로퍼티 키를 만드는 데 유용합니다.

let sym1 = Symbol("mySymbol");
console.log(sym1);  // 출력: Symbol(mySymbol)

자바스크립트 객체(Object)

객체는 관련된 데이터와/또는 기능을 모아둔 것입니다. 키-값 쌍으로 구성됩니다.

let person = {
name: "Bob",
age: 30,
isStudent: false
};

console.log(person.name);  // 출력: Bob
console.log(person.age);   // 출력: 30

자바스크립트 배열(Array)

배열은 단일 변수에 여러 값을 저장하는 데 사용됩니다.

let fruits = ["apple", "banana", "orange"];
console.log(fruits[0]);  // 출력: apple
console.log(fruits[1]);  // 출력: banana

자바스크립트 날짜(Date)

Date 객체는 날짜와 시간을 처리하는 데 사용됩니다.

let currentDate = new Date();
console.log(currentDate);  // 출력: 현재 날짜와 시간

동적 타입

자바스크립트의 독특한 기능 중 하나는 동적으로 타입이 정해진다는 것입니다. 이는 변수가 다른 타입의 데이터를 다른 시간에 담을 수 있다는 뜻입니다.

let x = 5;       // x는 숫자
console.log(x);  // 출력: 5

x = "Hello";     // 이제 x는 문자열
console.log(x);  // 출력: Hello

타입 확인을 위한 typeof 연산자

typeof 연산자는 변수가 어떤 타입의 데이터를 담고 있는지 확인하는 데 사용됩니다.

let num = 42;
let str = "Hello";
let bool = true;
let arr = [1, 2, 3];
let obj = {name: "Alice"};

console.log(typeof num);   // 출력: number
console.log(typeof str);   // 출력: string
console.log(typeof bool);  // 출력: boolean
console.log(typeof arr);   // 출력: object (자바스크립트에서 배열은 객체입니다)
console.log(typeof obj);   // 출력: object

이제 우리가 논의한 모든 방법의 요약입니다:

방법 설명
String 텍스트 데이터를 나타냅니다
Number 수학 데이터를 나타냅니다
Boolean 참 또는 거짓 값을 나타냅니다
Undefined 할당되지 않은 변수를 나타냅니다
Null 의도적인 비 값을 나타냅니다
BigInt 큰 정수 값을 나타냅니다
Symbol 고유한 식별자를 나타냅니다
Object 관련된 데이터를 모아둡니다
Array 유사한 객체의 목록을 나타냅니다
Date 날짜와 시간을 나타냅니다

이렇게 해서 자바스크립트 데이터 타입의 흥미로운 세계를 탐험했습니다. 이 기본적인 것을 이해하는 것은 프로그래머로서의 여정에 매우 중요합니다. 요리를 시작하기 전에 다양한 재료를 구분하는 것처럼, 무엇을 처리하고 있는지 알면 가능성은 무한합니다!

계속 연습하고, 호기심을 유지하며, 다양한 데이터 타입을 실험해보세요. 얼마 지나지 않아 문자열, 숫자, 객체를 마스터하며 즐거워할 거예요! 미래의 개발자 여러분, 행복한 코딩을 기원합니다!

Credits: Image by storyset