---
id: javascript-tutorial-index
title: "JavaScript Tutorial"
category: "Frontend"
status: "draft"
verification_status: "conceptual"
canonical_id: ""
aliases: ["JavaScript Tutorial", "JS Tutorial", "JS MOC", "Topic_JavaScript index", "JavaScript 목차"]
duplicate_of: ""
source_trust_level: "B"
confidence_score: 0.90
created_at: 2026-06-23
updated_at: 2026-06-23
review_reason: ""
merge_history: []
tags: ["javascript", "js", "web", "frontend", "w3schools", "moc", "index"]
raw_sources: ["https://www.w3schools.com/js/"]
applied_in: []
github_commit: ""
---

# [[JavaScript Tutorial]]

## 🎯 한 줄 통찰 (One-line insight)
Map of Content (MOC) for the W3Schools JavaScript Tutorial — the root that links every JavaScript knowledge page in this topic folder. [S1]

## 🧠 핵심 개념 (Core concepts)
- This folder (`Topic_JavaScript`) wikifies the **W3Schools JavaScript Tutorial**, one knowledge page per document, in P-Reinforce v3.1 format. [S1]
- Scope: **tutorial + "Learning by examples" pages only**. Reference pages (String/Number/DOM references), quizzes, exercises, certificate, bootcamp, and syllabus are **excluded by design**. [S1]
- **Progress:** the **core JavaScript language is complete (120 docs)** — basics, operators, conditions, loops, strings, numbers, functions, objects, scope, dates, arrays, sets, maps, iterations, math, data types, classes, errors, async, JSON, plus a first DOM/Events pass.
- **Pending (next waves):** Temporal, RegExp detail, Advanced Functions, Advanced Objects, Modules, Meta/Proxy, Typed Arrays, Debugging, Style Guide, Projects, the full DOM/Events detail, BOM/Window, Web APIs, AJAX, JSON extras, jQuery, and Graphics.
- Every page roots its Knowledge Graph back to this `[[JavaScript Tutorial]]` node.

## 📖 세부 내용 (Details)

### Basics
- [[JavaScript Introduction]]
- [[JavaScript Where To]]
- [[JavaScript Output]]
- [[JavaScript Syntax]]
- [[JavaScript Statements]]
- [[JavaScript Comments]]
- [[JavaScript Variables]]
- [[JavaScript Let]]
- [[JavaScript Const]]
- [[JavaScript Types]]

### Operators & Conditions
- [[JavaScript Operators]]
- [[JavaScript Arithmetic]]
- [[JavaScript Assignment]]
- [[JavaScript Comparisons]]
- [[JavaScript Conditional Operators]]
- [[JavaScript If]]
- [[JavaScript If Else]]
- [[JavaScript Ternary]]
- [[JavaScript Switch]]
- [[JavaScript Booleans]]
- [[JavaScript Logical Operators]]

### Loops
- [[JavaScript Loops]]
- [[JavaScript For Loop]]
- [[JavaScript While Loop]]
- [[JavaScript Break]]
- [[JavaScript Continue]]
- [[JavaScript Control Flow]]

### Strings
- [[JavaScript Strings]]
- [[JavaScript String Templates]]
- [[JavaScript String Methods]]
- [[JavaScript String Search]]

### Numbers
- [[JavaScript Numbers]]
- [[JavaScript Number Methods]]
- [[JavaScript Number Properties]]
- [[JavaScript Bitwise]]
- [[JavaScript BigInt]]

### Functions
- [[JavaScript Functions]]
- [[JavaScript Function Definitions]]
- [[JavaScript Function Invocation]]
- [[JavaScript Function Parameters]]
- [[JavaScript Function Returns]]
- [[JavaScript Function Arguments]]
- [[JavaScript Function Expressions]]
- [[JavaScript Arrow Functions]]

### Objects
- [[JavaScript Objects]]
- [[JavaScript Object Properties]]
- [[JavaScript Object Methods]]
- [[JavaScript Object this]]
- [[JavaScript Object Display]]
- [[JavaScript Object Constructors]]

### Scope
- [[JavaScript Scope]]
- [[JavaScript Code Blocks]]
- [[JavaScript Hoisting]]
- [[JavaScript var let const]]
- [[JavaScript Strict Mode]]

### Dates
- [[JavaScript Dates]]
- [[JavaScript Date Formats]]
- [[JavaScript Date Get Methods]]
- [[JavaScript Date Set Methods]]
- [[JavaScript Date Methods]]

### Arrays
- [[JavaScript Arrays]]
- [[JavaScript Array Methods]]
- [[JavaScript Array Search]]
- [[JavaScript Array Sort]]
- [[JavaScript Array Iteration]]
- [[JavaScript Array Const]]

### Sets & Maps
- [[JavaScript Sets]]
- [[JavaScript Set Methods]]
- [[JavaScript Set Logic]]
- [[JavaScript Maps]]
- [[JavaScript Map Methods]]

### Iterations
- [[JavaScript Iterables]]
- [[JavaScript Iterators]]
- [[JavaScript Generators]]

### Math
- [[JavaScript Math]]
- [[JavaScript Random]]

### Data Types
- [[JavaScript Data Types]]
- [[JavaScript Primitive Data Types]]
- [[JavaScript Object Data Types]]
- [[JavaScript Symbols]]
- [[JavaScript typeof]]
- [[JavaScript undefined]]
- [[JavaScript NaN]]
- [[JavaScript toString]]
- [[JavaScript toLocaleString]]
- [[JavaScript Type Coercion]]
- [[JavaScript Type Conversion]]
- [[JavaScript Destructuring]]

### Classes
- [[JavaScript Classes]]
- [[JavaScript Class Inheritance]]
- [[JavaScript Class Static]]

### Errors & RegExp
- [[JavaScript Errors Intro]]
- [[JavaScript Silent Errors]]
- [[JavaScript Error Statements]]
- [[JavaScript Error Object]]
- [[JavaScript RegExp]]

### Asynchronous
- [[JavaScript Asynchronous]]
- [[JavaScript Async]]
- [[JavaScript Async Timeouts]]
- [[JavaScript Async Callbacks]]
- [[JavaScript Promises]]
- [[JavaScript Async Await]]
- [[JavaScript Async Fetch]]
- [[JavaScript Async Debug]]

### JSON
- [[JavaScript JSON]]
- [[JSON Syntax]]
- [[JSON vs XML]]
- [[JSON Data Types]]
- [[JSON Parse]]
- [[JSON Stringify]]
- [[JSON Objects]]
- [[JSON Arrays]]

### HTML DOM & Events (first pass)
- [[JavaScript HTML DOM]]
- [[JavaScript DOM Methods]]
- [[JavaScript DOM Elements]]
- [[JavaScript DOM Changing HTML]]
- [[JavaScript DOM Changing CSS]]
- [[JavaScript DOM Animations]]
- [[JavaScript HTML Events]]
- [[JavaScript DOM Event Listener]]

### Pending (next waves)
- **Temporal** (Intro, vs Date, Duration, Instant, PlainDate/Time/DateTime, ZonedDateTime, Now, Arithmetic, Compare, Conversion, Formats, …)
- **RegExp detail** (Flags, Classes, Metachars, Assertions, Groups, Quantifiers, Patterns, Objects, Methods)
- **Advanced Functions** (Callbacks, this, Call/Apply/Bind, IIFE, Closures)
- **Advanced Objects** (Definitions, Iterations, Get/Set, Management, Protection, Prototypes)
- **Modules**, **Meta & Proxy**, **Typed Arrays**, **Debugging**, **Style Guide / Best Practices / Mistakes / Performance**, **Projects**
- **DOM detail** (Navigation, Nodes, Collections, NodeLists, Mouse/Keyboard/Load/Timing events, Form Validation)
- **Browser BOM** (Window, Screen, Location, History, Navigator, Popup, Timing, Cookies)
- **Web APIs** (Fetch, Geolocation, History, Pointer, Web Storage, Validation, Web Workers)
- **AJAX**, **JSON extras** (Server/PHP/HTML/JSONP), **jQuery**, **Graphics** (Canvas, Plotly, Chart.js, Google Chart, D3.js)

## 🛠️ 적용 사례 (Applied in summary)
120 knowledge documents generated for the core JavaScript language (1 exemplar + 119 batch-produced), all grounded in the corresponding W3Schools pages.

## ✅ 검증 상태 및 신뢰도
- **상태:** draft
- **검증 단계:** conceptual
- **출처 신뢰도:** B (W3Schools — widely used educational reference)
- **신뢰 점수:** 0.90
- **중복 검사 결과:** 신규 생성 (New discovery)

## 🔗 지식 그래프 (Knowledge Graph)
- **상위/루트:** [[10_Wiki]]
- **관련 개념:** [[JavaScript Introduction]], [[JavaScript HTML DOM]], [[HTML Tutorial]], [[CSS Tutorial]]
- **참조 맥락:** Entry point for the W3Schools JavaScript knowledge set; sits alongside [[HTML Tutorial]] and [[CSS Tutorial]].

## 📚 출처 (Sources)
- [S1] W3Schools — JavaScript Tutorial — https://www.w3schools.com/js/

## 📝 변경 이력 (Change history)
- 2026-06-23: Created JavaScript Tutorial MOC and linked the 120 core-language docs; peripheral sections (Temporal, Advanced, DOM/BOM/Web API/AJAX/jQuery/Graphics, etc.) marked pending (Astra wiki-curation, P-Reinforce v3.1 format).
