JavaScript 전체 챕터 안내

핵심 개념

JavaScript 트랙 전체 34챕터(소개 4 + 기초 10 + 중급 10 + 심화 10)의 로드맵과 추천 학습 순서를 한눈에 본다.

본문

이 트랙은 기초 → 중급 → 심화 순서로 구성되어 있습니다. 총 34챕터(소개 4챕터 + 본편 30챕터)로 JavaScript을(를) 완전 정복합니다.

📚 JavaScript 트랙 전체 챕터 안내

🎯 소개 (CH.1~4)

CH	제목	핵심
01	JavaScript 배워서 어디에 쓸까?	활용 분야 + 시작 가이드
02	JavaScript 전체 챕터 안내	이 페이지
03	순수 JS로 만드는 대표기업 서비스	Google·Instagram·Notion·Slack·Spotify
04	AI 프롬프트로 JS 200% 활용하기	11개 실전 프롬프트

🟢 기초 (CH.5~14)

CH	제목	핵심
05	변수 선언 해체: var vs let vs const	var/let/const
06	데이터 타입 해부	7가지 타입
07	함수 선언 vs 표현식 vs 화살표	함수 3가지
08	조건문 해체: if vs switch vs 삼항	조건문 3가지
09	반복문 해체: for vs while vs forEach	반복문 3가지
10	배열 메서드 해부: map filter reduce	배열 핵심
11	객체 해부: 생성 접근 구조분해	객체 다루기
12	DOM 선택 및 조작	DOM 기초
13	이벤트 리스너 해부	이벤트 처리
14	Promise 비동기 해부	비동기 1단계

🟡 중급 (CH.15~24)

CH	제목	핵심
15	async/await 해부	비동기 2단계
16	클로저 해부	스코프·클로저
17	클래스 해부: ES6 Class	ES6 클래스
18	배열 고급 메서드: find some every flat	배열 고급
19	구조분해 할당 & 스프레드	구조분해·전개
20	에러 처리: try catch finally	에러 처리
21	로컬스토리지 & 세션스토리지	브라우저 저장소
22	fetch API & JSON	fetch·JSON
23	정규표현식 해부	정규식 기초
24	이터레이터 & 제너레이터	이터레이터

🔵 심화 (CH.25~34)

CH	제목	핵심
25	Map & Set 자료구조	Map·Set
26	Symbol & 프록시	Symbol·Proxy
27	이벤트 루프 & 콜스택	이벤트 루프
28	모듈 시스템: import export	모듈 시스템
29	옵셔널 체이닝 & 널 병합	옵셔널 체이닝
30	프로토타입 체인 해부	프로토타입
31	배열 정렬: sort & 비교함수	정렬·비교
32	날짜와 시간: Date 객체	Date·시간
33	IntersectionObserver & 스크롤	옵저버 API
34	JS 최종 미션 — 완전 해체	최종 통합

💡 추천 학습 순서: CH.5부터 순서대로 진행하세요. 각 챕터는 이전 챕터의 지식을 기반으로 합니다.

⏱️ 예상 소요 시간: 챕터당 약 15~~20분, 전체 약 8~~10시간

🎯 이 트랙을 마치면: JavaScript의 모든 핵심 개념을 자유롭게 활용할 수 있는 능력 + 다음 트랙 준비 완료

💻 JavaScript 학습 로드맵 시각화

JAVASCRIPT📋 코드 (13줄)

// CH.5~14 기초 — 이 개념들을 먼저 정복하세요
const beginnerStack = ['var/let/const', 'types', 'functions', 'arrays', 'objects', 'DOM', 'events'];

// CH.15~24 중급 — 비동기와 모던 JS
const intermediateStack = ['Promise', 'async/await', 'closure', 'class', 'fetch', 'try/catch', 'modules'];

// CH.25~34 심화 — 엔진 내부와 실전
const advancedStack = ['event-loop', 'prototype', 'iterator', 'Map/Set', 'Proxy', 'IntersectionObserver'];

// 학습 순서: 기초 → 중급 → 심화
[...beginnerStack, ...intermediateStack, ...advancedStack].forEach((topic, i) => {
  console.log(`CH.${(i+5).toString().padStart(2,'0')}: ${topic}`);
});

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

JavaScript 트랙 30챕터 학습 순서에서
어디서 막히기 쉬운지, 빠르게 효과 보는 챕터는 어디인지
초보자 관점에서 분석해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

이 30챕터 학습 후 만들 수 있는
포트폴리오 작품 5개를 챕터 매핑과 함께 추천해줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

JS 30챕터 전체 토픽을 분석해서
실무 활용 빈도순·면접 단골 토픽순으로
우선 학습 순서를 다시 정리해줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

이 30챕터 중에서 2026년에
안 배워도 되는 챕터, 꼭 배워야 하는 챕터를
솔직하게 분류해줘.

⭐ 이것만 기억하세요

JavaScript 전체 챕터 안내는 이 3가지만 확실히 잡으세요

1.JS 트랙은 소개 4 + 기초 10(변수~이벤트) + 중급 10(async~모듈) + 심화 10(엔진~실전) = 총 34챕터

2.기초(DOM·이벤트) → 중급(Promise·fetch·closure) → 심화(이벤트 루프·프로토타입·옵저버) 순서로 진행

3.CH.5부터 순서대로 학습하면 약 8~10시간에 JS를 완전 정복할 수 있다

💬 이 챕터 질문 보기

JS · CH.2 — 질문하거나 답변을 확인하세요

→

진행도 2 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)