이 글에서는 JavaScript의 기본 문법인 변수 선언 방법과 데이터 타입의 종류를 초보자도 이해하기 쉽게 설명합니다.
웹 개발을 처음 시작하는 분들을 위한 친절한 실습 예제와 변수의 차이점까지 정리해 드릴게요.
📖 [초급 강좌] JavaScript 변수와 데이터 타입
JavaScript 변수와 데이터 타입 완전 정리
웹 개발의 기초를 탄탄하게 쌓아보세요!
💡 도입부
웹 페이지에 기능을 추가하려면 값을 저장하고 처리하는 과정이 필요합니다.
이때 사용하는 것이 바로 변수(Variable)입니다.
이번 강좌에서는 JavaScript에서 변수 선언법과 데이터 타입을 쉽고 친절하게 알려드릴게요.
🖥️ 변수란?
변수란 데이터를 임시로 저장할 수 있는 공간입니다.
예를 들어, 사용자의 이름이나 점수, 설정 값 등을 변수에 담아두고 나중에 사용할 수 있어요.
🔑 변수 선언 방법
✔️ var, let, const
JavaScript에서 변수를 선언하는 방법은 3가지가 있어요.
- var : 예전 방식, 현재는 거의 사용하지 않음
- let : 변경 가능한 변수
- const : 변경 불가능한 변수(상수)
예제 코드를 함께 볼까요?
// let 변수 선언
let name = "홍길동";
// const 변수 선언
const PI = 3.14159;
// var (현재는 권장하지 않음)
var age = 30;
⚡ 데이터 타입
JavaScript의 데이터 타입은 크게 2가지로 나뉩니다.
✔️ 원시 타입(Primitive Type)
- 숫자 (Number)
- 문자열 (String)
- 불린 (Boolean)
- undefined
- null
- 심볼 (Symbol)
- BigInt
✔️ 객체 타입(Object Type)
- Object
- Array
- Function
📝 데이터 타입 예제
실제로 변수에 값을 담아볼게요.
let score = 90; // 숫자
let userName = "홍길동"; // 문자열
let isLogin = true; // 불린
let emptyValue = null; // null
let notDefined; // undefined
콘솔창에 출력해보면 다음과 같은 결과를 볼 수 있어요.
console.log(typeof score); // number
console.log(typeof userName); // string
console.log(typeof isLogin); // boolean
console.log(typeof emptyValue); // object
console.log(typeof notDefined); // undefined
🚀 var, let, const 차이점
각 변수 선언 방식의 특징도 알아둬야 해요.
- var : 함수 스코프, 중복 선언 가능, 호이스팅 발생
- let : 블록 스코프, 중복 선언 불가, 호이스팅 O(초기화 전 접근 불가)
- const : 블록 스코프, 중복 선언 불가, 선언과 동시에 값 할당 필수
📑 요약
이번 글에서는 JavaScript의 변수 선언법과 데이터 타입에 대해 배웠습니다.
변수는 let과 const를 권장하며, 데이터 타입은 number, string, boolean, null, undefined, object로 구성됩니다.
다음 강좌에서는 조건문과 반복문을 쉽게 정리해드릴게요!
⏳ 다음 강좌 예고
다음 편에서는 웹 페이지의 흐름을 제어하는 if문, switch문, for, while 반복문을 함께 배워볼 예정입니다.
기대해 주세요!