본문 바로가기
JavaScript 기초 시리즈

[JavaScript 기초 시리즈] 2일차: JavaScript 변수와 자료형에 대해 알아보자

by cogito21_js 2024. 8. 2.
반응형

2. 변수와 자료형

변수란 무엇인가?

변수는 데이터를 저장하기 위한 이름이 붙은 저장소입니다. JavaScript에서는 var, let, const 키워드를 사용하여 변수를 선언할 수 있습니다.

변수 선언 방식

1. var

var는 ES6 이전에 사용되던 변수 선언 방식입니다. 함수 스코프를 가지며, 중복 선언이 가능합니다.

var name = 'JavaScript';
console.log(name);  // 출력: JavaScript

var name = 'ECMAScript';
console.log(name);  // 출력: ECMAScript

 

2. let

let은 블록 스코프를 가지며, 중복 선언이 불가능합니다. ES6에서 도입되었습니다.

let age = 25;
console.log(age);  // 출력: 25

// let age = 30;  // 오류 발생: Identifier 'age' has already been declared
age = 30;
console.log(age);  // 출력: 30

 

3. const

const는 상수를 선언할 때 사용되며, 블록 스코프를 가집니다. 재할당이 불가능합니다.

const PI = 3.14;
console.log(PI);  // 출력: 3.14

// PI = 3.14159;  // 오류 발생: Assignment to constant variable.

 

자료형

JavaScript에는 다양한 자료형이 있습니다. 크게 원시 자료형(Primitive Types)과 참조 자료형(Reference Types)으로 나눌 수 있습니다.

1. 원시 자료형 (Primitive Types)

  • 숫자 (Number): 정수와 실수를 포함합니다.
  • let num = 10; let pi = 3.14;
  • 문자열 (String): 텍스트 데이터를 표현합니다.
  • let greeting = "Hello, World!";
  • 불리언 (Boolean): 참(true)과 거짓(false)을 나타냅니다.
  • let isActive = true;
  • null: 값이 없음을 나타내는 특수 자료형입니다.
  • let empty = null;
  • undefined: 변수가 선언되었지만 초기화되지 않은 상태를 나타냅니다.
  • let notAssigned; console.log(notAssigned); // 출력: undefined
  • 심볼 (Symbol): 유일하고 변경 불가능한 값을 생성합니다. 주로 객체의 고유 키로 사용됩니다.
  • let sym = Symbol('unique');

2. 참조 자료형 (Reference Types)

  • 객체 (Object): 키-값 쌍의 컬렉션입니다.
  • let person = { name: "John", age: 30 }; console.log(person.name); // 출력: John
  • 배열 (Array): 순서가 있는 데이터의 집합입니다.
  • let numbers = [1, 2, 3, 4, 5]; console.log(numbers[0]); // 출력: 1
  • 함수 (Function): 실행 가능한 코드 블록입니다.
  • function greet() { console.log("Hello!"); } greet(); // 출력: Hello!
  • 날짜 (Date): 날짜와 시간을 다룹니다.
  • let now = new Date(); console.log(now); // 출력: 현재 날짜와 시간

형 변환

JavaScript에서는 자료형 간의 변환이 가능합니다.

 

1. 명시적 형 변환

let strNum = "123";
let num = Number(strNum);  // 문자열을 숫자로 변환
console.log(num);  // 출력: 123

 

2. 암시적 형 변환

let result = "5" + 2;  // 숫자가 문자열로 변환되어 결합됨
console.log(result);  // 출력: "52"

 

이제 JavaScript의 변수와 자료형에 대해 이해하셨으니, 다음 글에서는 연산자와 표현식에 대해 알아보겠습니다.

 

다음 글에서 만나요!

반응형