Ch.9 JavaScript 기초 — 페이지에 생명을

변수와 데이터 타입

let과 const의 차이를 이해하고 적절히 사용할 수 있다string, number, boolean 데이터 타입을 구별한다typeof 연산자로 변수의 타입을 확인할 수 있다

데이터를 저장할 상자가 필요합니다

사용자의 이름, 점수, 로그인 여부 — 이런 값들을 기억하려면 '변수'라는 이름표 붙은 상자가 필요합니다.

let과 const, 무엇을 써야 할까?

변수(variable) — 데이터를 저장하고 이름으로 불러쓰는 상자입니다.

article

핵심 내용

변수는 값을 담는 상자 이름을 붙여 사용합니다

// let — 값을 나중에 바꿀 수 있음
let score = 0;
score = 10;       // OK! 변경 가능

// const — 한번 정하면 변경 불가
const name = "김짓";
// name = "박짓";  // 에러! 변경 불가

// var — 옛날 방식 (지금은 잘 안 씀)
var old = "레거시";

실무 규칙: 기본은 const, 변경이 필요할 때만 let var는 스코프 문제가 있어 현대 JS에서는 거의 사용하지 않음

JavaScript의 기본 데이터 타입 세 가지를 알아봅시다

const greeting = "안녕하세요";   // string
const age = 20;                // number
const isStudent = true;        // boolean

// typeof로 타입 확인
console.log(typeof greeting);  // "string"
console.log(typeof age);       // "number"
console.log(typeof isStudent); // "boolean"

// 문자열 연결 (+ 연산자)
const message = greeting + ", " + age + "살 입니다!";

템플릿 리터럴 (백틱 사용): 더 깔끔한 문자열 조합 `const msg = `${greeting}, ${age}살 입니다!`;` 백틱(`) 안에서 ${변수}로 값을 삽입합니다.

변수에 저장한 값으로 페이지를 업데이트해봅시다

값을 변경할 수 없는 변수 선언 키워드는?

변수의 데이터 타입을 확인하는 연산자는 ___ 이다

JavaScript에서 var 키워드는 현대 코드에서 권장된다

변수와 타입 마스터!

key

핵심 용어

📝

string

"안녕" — 문자열, 따옴표로 감쌈

🔢

number

42, 3.14 — 정수와 소수 모두 포함

✅

boolean

true / false — 참 또는 거짓

edit_note

정리 노트

변수와 데이터 타입 정리

변수 선언 키워드

const: 재할당 불가 — 기본으로 사용 권장
let: 재할당 가능 — 값이 변할 때만 사용
var: 레거시 키워드 — 스코프 문제로 사용 비권장

기본 데이터 타입

string: 문자열 — 따옴표나 백틱(`)으로 감싸기
number: 숫자 — 정수·소수 구분 없이 하나의 타입
boolean: true 또는 false 두 가지 값만 존재

★

기본은 const, 변경이 필요할 때만 let을 사용하세요.

check_circle

핵심 정리

1const = 변경 불가, let = 변경 가능, var = 레거시
2string(문자), number(숫자), boolean(참/거짓) 3대 타입
3typeof로 타입 확인, 템플릿 리터럴로 문자열 조합

퀴즈와 인터랙션으로 더 깊이 학습하세요

play_circle인터랙티브 레슨 시작