반응형
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의 변수와 자료형에 대해 이해하셨으니, 다음 글에서는 연산자와 표현식에 대해 알아보겠습니다.
다음 글에서 만나요!
반응형
'JavaScript 기초 시리즈' 카테고리의 다른 글
[JavaScript 기초 시리즈] 5일차: JavaScript 객체와 배열에 대해 알아보자 (0) | 2024.08.05 |
---|---|
[JavaScript 기초 시리즈] 4일차: JavaScript 함수와 스코프에 대해 알아보자 (1) | 2024.08.04 |
[JavaScript 기초 시리즈] 3일차: JavaScript 연산자와 표현식에 대해 알아보자 (1) | 2024.08.03 |
[JavaScript 기초 시리즈] 1일차: JavaScript의 역사와 기본 개념 (0) | 2024.08.01 |
[Javascript 기초 시리즈] 목차 (0) | 2024.06.19 |