JavaScript는 개발자가 대화형의 동적 웹사이트를 만들 수 있도록 웹을 지원하는 다목적 프로그래밍 언어입니다. JavaScript와 모든 프로그래밍 언어의 핵심 개념 중 하나는 데이터가 저장되고 조작되는 방식입니다. 웹 애플리케이션을 효과적으로 구축하려면 JavaScript의 변수와 데이터 유형을 이해하는 것이 중요합니다.

이 글에서는 변수가 무엇인지, 변수를 선언하는 방법, 데이터 저장 및 조작을 위해 JavaScript가 지원하는 다양한 데이터 유형에 대해 설명합니다.

JavaScript의 변수

변수란 무엇입니까?

JavaScript의 변수는 데이터를 담는 컨테이너와 같습니다. 이를 통해 프로그램 전체에서 사용할 수 있는 값을 저장하고 검색할 수 있습니다. 변수를 값에 부착된 레이블로 생각하십시오. 변수에 값을 할당하면 매번 값을 직접 사용하는 대신 이름으로 참조할 수 있습니다.

예를 들어 "John"을 여러 번 쓰는 대신 다음과 같이 변수에 할당할 수 있습니다.

let name = "John";
console.log(name);  // Outputs: John

변수 선언

JavaScript에서는 var, let 또는 const 키워드를 사용하여 변수를 선언할 수 있습니다.

1. 변수

var는 JavaScript에서 변수를 선언하는 가장 오래된 방법입니다. 그러나 범위에 몇 가지 문제가 있기 때문에 현대 JavaScript 개발자는 let 및 const 사용을 선호합니다.

var age = 30;
console.log(age);  // Outputs: 30

2. 렛

let은 블록 범위입니다. 즉, 변수는 자신이 정의된 블록 내(예: 함수 또는 루프 내부)에만 존재한다는 의미입니다. 이는 현대 JavaScript에서 변수를 선언하는 데 가장 일반적으로 사용되는 방법입니다.

let city = "New York";
console.log(city);  // Outputs: New York

3. 상수

const는 let과 유사하지만 값이 변경되지 않는 변수를 선언하는 데 사용됩니다. const로 선언된 변수에 값이 할당되면 다시 할당할 수 없습니다.

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

변수 이름 지정

변수 이름을 지정할 때 다음 규칙을 염두에 두세요.

• 변수 이름에는 문자, 숫자, 밑줄(_), 달러 기호($)가 포함될 수 있습니다.
• 문자, 밑줄 또는 달러 기호로 시작해야 합니다.
• 변수 이름은 대소문자를 구분합니다(예: myVar와 myvar는 다른 변수입니다).
• 자바스크립트 키워드(예: var, let, if, function)는 변수 이름으로 사용할 수 없습니다.

일반적인 규칙은 myVariableName과 같은 변수 이름에 camelCase를 사용하는 것입니다.

JavaScript의 데이터 유형

JavaScript는 변수가 보유할 수 있는 값의 종류를 지정하는 다양한 데이터 유형을 지원합니다. 데이터 유형은 두 가지 범주로 나뉩니다.

• 기본 데이터 유형
• 비기본(참조) 데이터 유형

기본 데이터 유형

기본 데이터 유형은 JavaScript에서 가장 기본적인 데이터 유형입니다. 여기에는 다음이 포함됩니다.

1. 문자열

문자열은 텍스트 데이터를 나타내는 데 사용됩니다. 작은따옴표('), 큰따옴표(") 또는 백틱(`) 등의 따옴표로 묶습니다.

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. 번호

숫자 데이터 유형은 정수와 부동 소수점 숫자(예: 소수)를 모두 나타냅니다.

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. 부울

부울은 논리 값(true 또는 false)을 나타냅니다. 조건문과 비교에 자주 사용됩니다.

let isLoggedIn = true;
let hasAccess = false;

4. 정의되지 않음

변수를 선언했지만 값을 할당하지 않은 경우 정의되지 않은 값으로 자동 초기화됩니다.

let myVar;
console.log(myVar);  // Outputs: undefined

5. 널

null은 명시적으로 비어 있거나 존재하지 않는 값을 나타냅니다. 변수에 값이 없어야 함을 나타내려고 할 때 사용됩니다.

let emptyValue = null;

6. 기호

기호는 일반적으로 객체에 대한 고유한 속성 키를 만드는 데 사용되는 고유하고 변경할 수 없는 값입니다. 초보자가 일반적으로 사용하지는 않지만 고급 응용 프로그램에서는 유용합니다.

let symbol1 = Symbol("description");

7. 빅인트

BigInt 유형을 사용하면 Number 유형의 범위보다 큰 정수를 표현할 수 있습니다. 매우 큰 정수로 작업할 때 특히 유용합니다.

let bigNumber = BigInt(123456789012345678901234567890);

비기본(참조) 데이터 유형

비원시 데이터 유형은 더 복잡한 데이터 구조와 객체를 저장합니다. 변수는 실제 데이터에 대한 참조를 저장하기 때문에 참조 유형이라고 합니다.

1. 객체

객체는 키-값 쌍의 컬렉션입니다. 여러 관련 값을 속성으로 저장할 수 있습니다.

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. 배열

배열은 값(요소)의 순서가 지정된 컬렉션입니다. 배열은 단일 변수에 여러 값을 저장할 수 있으며 값은 모든 데이터 유형이 될 수 있습니다.

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. 기능

함수는 특정 작업을 수행하도록 설계된 코드 블록입니다. JavaScript에서는 함수 자체가 객체로 처리되므로 인수로 전달되거나 변수에 저장될 수 있습니다.

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

유형 강제 및 동적 유형 지정

자바스크립트는 동적으로 유형이 지정됩니다. 즉, 변수 유형을 명시적으로 선언할 필요가 없습니다. JavaScript는 할당된 값을 기반으로 자동으로 유형을 추론합니다. 예를 들어:

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

또한 JavaScript는 유형 강제 변환을 수행합니다. 이는 필요할 때 자동으로 한 유형의 값을 다른 유형으로 변환한다는 의미입니다.

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

첫 번째 예에서 JavaScript는 10을 문자열로 강제 변환하고 이를 "5"와 연결합니다. 두 번째 예에서는 "5"가 뺄셈을 위해 숫자로 강제 변환됩니다.

결론

변수와 데이터 유형을 이해하는 것은 JavaScript 학습의 기본 단계입니다. 변수를 사용하면 프로그램에서 데이터를 저장하고 관리할 수 있으며, 데이터 유형은 문자열부터 숫자, 부울 등 작업 중인 데이터의 종류를 정의합니다.

JavaScript를 계속 배우면서 변수를 자주 사용하고 다양한 데이터 유형을 사용하여 대화형 동적 웹 애플리케이션을 구축하게 됩니다. 이러한 데이터 유형을 조작하는 방법을 익히면 더욱 효율적이고 효과적인 코드를 작성할 수 있습니다.