LEVEL 8 QUEST

JavaScript 핵심 개념 - 변수, 함수, 조건문

JavaScript 핵심 개념 - 변수, 함수, 조건문 — DevFoil 바이브코딩 Stage 3, Lv.8

JavaScript란?

웹을 움직이게 만드는 언어

HTML이 뼈대, CSS가 옷이라면 JavaScript는 근육입니다.
버튼을 클릭하면 메뉴가 열리고, 스크롤하면 애니메이션이 작동하고, 폼을 제출하면 데이터가 전송되는 것 — 이 모든 게 JavaScript 덕분입니다.

바이브코딩에서 AI가 생성하는 코드의 대부분이 JavaScript입니다. 핵심 개념을 이해하면 AI가 만든 코드를 읽고, 수정하고, 디버깅할 수 있습니다.

변수 — 데이터를 담는 상자

let과 const (var는 쓰지 마세요!)

변수는 데이터를 저장하는 이름 붙은 상자입니다. JavaScript에서 변수를 선언하는 방법은 3가지지만, 현대 JavaScript에서는 let과 const만 사용합니다.

키워드	재할당	용도	추천
`const`	불가능	변하지 않는 값	기본으로 사용
`let`	가능	변할 수 있는 값	필요할 때만
`var`	가능	구식 방법	사용 금지

// const: 변하지 않는 값에 사용 (기본값!)
const siteName = "DevFoil";
const maxUsers = 100;
const isPublished = true;

// let: 나중에 값이 바뀔 때만 사용
let currentScore = 0;
currentScore = 50;  // OK - let은 재할당 가능

// const는 재할당 불가
// siteName = "Other"; // 에러 발생!

// var는 쓰지 마세요 — 스코프 문제가 생깁니다
// var oldWay = "이건 구식입니다";

💡 실전 규칙

일단 모든 변수를 const로 선언하세요. 나중에 값을 바꿔야 할 때만 let으로 변경합니다. 이게 현업 개발자들의 습관입니다.

🔒

여기까지는 미리보기입니다

JavaScript 핵심 개념 - 변수, 함수, 조건문
무료 가입하면 이어서 볼 수 있고, 강의를 완료할 때마다 XP와 레벨이 쌓입니다.

Google로 3초 만에 시작 →🧵 Threads로 시작 무료 공개 강의 둘러보기 (Lv.1~3)