Files

T

Antigravity Agent e9cbf23ab5 docs(10_Wiki): Dev 폴더 누락분 반영 — Topic_Programming으로 통합

이전 재구성 작업에서 Dev/ 폴더가 누락되었던 것을 반영.

- Dev/Topic_Programming(중첩 폴더, 78개)은 Dev 자체 최상위 폴더들
  (Architecture/Conventions/Engineering_Intelligence 등)과 완전 중복이라 제거.
- Dev 최상위 엔지니어링 지식 폴더(Architecture/Conventions/Engineering_Intelligence/
  Failure_Library/Generalized_Principles/Language/Pattern_Catalog/Platform_Guides/
  Subsystems, 77개)는 이미 Topic_Programming/Topic_Programming에 더 최신 버전이
  존재해 중복 제거(고유 콘텐츠 1개는 예외 처리하여 이동 보존).
- Dev의 W3Schools 언어 튜토리얼 폴더(Topic_C/CPP/CSS/CSharp/HOWTO/HTML/Java/
  JavaScript/PHP/Python/SQL/W3CSS, 1201개)는 전부 Topic_Programming 하위로 이동.
- 에이전트 운영 상태(.astra/docs)는 그대로 유지, 콘텐츠 폴더만 정리.
- Topic_Programming 최종 문서 수: 2784 → 3985.

2026-07-05 00:39:13 +09:00

13 KiB

Raw Blame History

id, title, category, status, verification_status, canonical_id, aliases, duplicate_of, source_trust_level, confidence_score, created_at, updated_at, review_reason, merge_history, tags, raw_sources, applied_in, github_commit

title

W3Schools HOW TO

🎯 한 줄 통찰 (One-line insight)

Map of Content (MOC) for the W3Schools "HOW TO" cookbook — unlike every prior category in this series (which taught a PROGRAMMING LANGUAGE chapter by chapter), this category is a flat collection of ~326 independent UI/code RECIPES (a button style, a layout trick, a JS widget), each self-contained and not building on the previous page — so this index groups them by PATTERN FAMILY (Layout, Buttons, Navigation, Forms, Images/Effects, Cards/Components, Misc Widgets, HTML tricks, Google integrations, Website guides, JS DOM, JS UI Components, JS Effects/Scroll, JS Utility/Logic) rather than by pedagogical sequence, since there is no natural "next chapter" ordering to preserve. [S1]

🧠 핵심 개념 (Core concepts)

This folder (Topic_HOWTO) wikifies the W3Schools HOW TO cookbook, one knowledge page per recipe, in P-Reinforce v3.1 format — same convention as every other Topic_* folder in this series. [S1]
Scope decision (user-confirmed 2026-07-04): full P-Reinforce docs for ALL ~326 recipe pages, at the same depth as language-tutorial chapters, despite recipes being far more repetitive/lower-insight-density than concept lessons. [S1]
Excluded: howto_blog_* (3 pages — career-advice blog posts, not code recipes: become_frontenddev, developer_job, hire_developers). Everything else from the sidebar is included (CSS/JS/HTML recipes, Google integrations, "website guide" pages, and utility/logic snippets). [S1]
File prefix: HOWTO_ for all files, folder Topic_HOWTO. Source slugs use howto_ prefix, .asp extension (verified). [S1]
Progress: 46 of 326 planned docs complete (CSS Layout & Positioning, CSS Buttons sections done). Next: CSS Navigation & Menus section.
Every page roots its Knowledge Graph back to this [[W3Schools HOW TO]] node.

📖 세부 내용 (Details)

CSS Layout & Positioning (26)

HOWTO CSS About Page ✅
HOWTO CSS Aspect Ratio ✅
HOWTO CSS Browser Window ✅ (partial — code not extractable)
HOWTO CSS Center List ✅
HOWTO CSS Center Vertical ✅
HOWTO CSS Center Button ✅
HOWTO CSS Center Website ✅
HOWTO CSS Clearfix ✅
HOWTO CSS Div Full Height ✅
HOWTO CSS Equal Height ✅
HOWTO CSS Fixed Footer ✅
HOWTO CSS Fixed Menu ✅
HOWTO CSS Fixed Sidebar ✅
HOWTO CSS Four Columns ✅
HOWTO CSS Full Page ✅
HOWTO CSS Mixed Columns ✅
HOWTO CSS Responsive Floats ✅
HOWTO CSS Split Screen ✅
HOWTO CSS Sticky Element ✅
HOWTO CSS Three Columns ✅
HOWTO CSS Two Columns ✅
HOWTO CSS Vertical Line ✅
HOWTO CSS Zig Zag Layout ✅
HOWTO CSS Table Center ✅
HOWTO CSS Table Full Width ✅
HOWTO CSS Images Side By Side ✅

CSS Buttons (20)

HOWTO CSS Alert Buttons ✅
HOWTO CSS Animate Buttons ✅ (partial — code not extractable)
HOWTO CSS Block Buttons ✅
HOWTO CSS Button Group ✅
HOWTO CSS Button Group Vertical ✅
HOWTO CSS Button On Image ✅
HOWTO CSS Button Split ✅
HOWTO CSS Download Button ✅
HOWTO CSS Fading Buttons ✅ (partial — code not extractable)
HOWTO CSS Icon Buttons ✅
HOWTO CSS Loading Buttons ✅
HOWTO CSS More Button ✅
HOWTO CSS Notification Button ✅
HOWTO CSS Outline Buttons ✅
HOWTO CSS Pill Button ✅
HOWTO CSS Round Buttons ✅
HOWTO CSS Search Button ✅
HOWTO CSS Sidenav Buttons ✅
HOWTO CSS Social Media Buttons ✅
HOWTO CSS Text Buttons ✅

CSS Forms & Inputs (18)

CSS Images & Visual Effects (33)

CSS Cards & UI Components (21)

CSS Misc Widgets & Layout Tricks (34)

HTML Tricks (10)

Google Integrations (6)

Website Guides (12)

JS DOM Manipulation (8)

JS UI Components (48)

JS Effects & Scroll (15)

JS Utility & Logic Snippets (25)

🛠️ 적용 사례 (Applied in summary)

0 knowledge documents generated so far in this batch run.

✅ 검증 상태 및 신뢰도

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

🔗 지식 그래프 (Knowledge Graph)

상위/루트: 10_Wiki
관련 개념: HTML Tutorial, CSS Tutorial, JavaScript Tutorial
참조 맥락: C#에 이어 W3Schools 지식화 시리즈의 다음 카테고리 — 언어 튜토리얼이 아닌 UI/코드 레시피 모음집.

📚 출처 (Sources)

[S1] W3Schools — HOW TO — https://www.w3schools.com/howto/default.asp

📝 변경 이력 (Change history)

2026-07-04: Created HOW TO MOC with scope decisions and full planned page list, organized by pattern family rather than chapter sequence (Astra wiki-curation, P-Reinforce v3.1 format).

13 KiB Raw Blame History