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

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

by cogito30 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의 변수와 자료형에 대해 이해하셨으니, 다음 글에서는 연산자와 표현식에 대해 알아보겠습니다.

 

다음 글에서 만나요!

반응형