docs(10_Wiki): Topic_Business/General/Graphic/Programming을 Topics/ 하위로 이동

최상위 10_Wiki/Topic_*였던 4개 카테고리 폴더를 10_Wiki/Topics/Topic_* 로 재배치.
콘텐츠 변경 없음(순수 폴더 이동) — Topics/ 하위 나머지 폴더는 이미 지난 커밋에서
전부 정리된 상태(잔존 항목은 에이전트 운영 상태 및 사용자가 보존을 요청한
업데이트0615/무제 3.canvas 뿐).

10_Wiki/Topics/Topic_Programming/Topic_W3CSS/W3CSS_Validation.md

@@ -0,0 +1,70 @@
+---
+id: w3css-validation
+title: "W3CSS Validation"
+category: "Programming_Language"
+status: "draft"
+verification_status: "conceptual"
+canonical_id: ""
+aliases: ["CSS validation", "vendor prefixes", "W3.CSS 검증"]
+duplicate_of: ""
+source_trust_level: "B"
+confidence_score: 0.84
+created_at: 2026-07-04
+updated_at: 2026-07-04
+review_reason: ""
+merge_history: []
+tags: ["w3css", "css-framework", "w3schools", "validation", "vendor-prefixes"]
+raw_sources: ["https://www.w3schools.com/w3css/w3css_validation.asp"]
+applied_in: []
+github_commit: ""
+---
+
+# [[W3CSS Validation]]
+
+## 🎯 한 줄 통찰 (One-line insight)
+Running W3.CSS through the official W3C CSS Validator will legitimately produce WARNINGS (not just clean output) precisely BECAUSE W3.CSS deliberately uses vendor-prefixed properties (`-webkit-`, `-moz-`, `-o-`, `-ms-`) to support older browsers — meaning "validation warnings" here are an intentional backward-compatibility tradeoff, not a defect to be fixed. [S1]
+
+## 🧠 핵심 개념 (Core concepts)
+- **W3C CSS Validation Service** — an official W3C tool for checking CSS correctness against CSS1–CSS4 specs. [S1]
+- **Vendor extensions** — non-standard, browser-specific property prefixes used to simulate newer CSS features before they were formally standardized/supported everywhere. [S1]
+- **Prefix-to-browser mapping** — `-webkit-` (Chrome, Safari, Opera), `-moz-` (Firefox), `-o-` (old Opera), `-ms-` (Edge/IE). [S1]
+- **Warnings as intentional tradeoff** — the validator flags vendor-prefixed rules as warnings, but W3.CSS retains them anyway to maximize legacy-browser compatibility, planning to remove them only once browser vendors themselves phase out prefix requirements. [S1]
+
+## 📖 세부 내용 (Details)
+- The four vendor prefix families are listed as a direct browser-compatibility mapping: `-webkit-` / `-moz-` / `-o-` / `-ms-`. [S1]
+- The source frames prefix removal as browser vendors' own responsibility ("Browser vendors are working to stop using prefixes in future browser versions"), not something W3.CSS controls unilaterally. [S1]
+
+## ⚖️ 모순 및 업데이트 (Contradictions & updates)
+- **검증 경고 = 결함이 아님**: W3C 검증 도구가 벤더 확장 프리픽스에 대해 경고를 내더라도, 이는 구형 브라우저 지원을 위한 의도적 선택이지 수정해야 할 버그가 아니라는 점이 명시적으로 설명됨. [S1]
+
+## 🛠️ 적용 사례 (Applied in summary)
+현재 발견된 실제 적용 사례가 없습니다 — 벤더 프리픽스별 브라우저 매핑표가 실전에서 CSS 호환성 이슈를 진단할 때 참조 자료로 활용 가능하다. [S1]
+
+## 💻 코드 패턴 (Code patterns)
+Vendor-prefixed CSS property illustrating the backward-compatibility tradeoff:
+```css
+.example {
+  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
+  -moz-transform: rotate(45deg);    /* Firefox */
+  -ms-transform: rotate(45deg);     /* Edge, IE */
+  transform: rotate(45deg);         /* Standard */
+}
+```
+
+## ✅ 검증 상태 및 신뢰도
+- **상태:** draft
+- **검증 단계:** conceptual
+- **출처 신뢰도:** B (W3Schools — widely used educational reference, not a primary standards body)
+- **신뢰 점수:** 0.84
+- **중복 검사 결과:** 신규 생성 (New discovery)
+
+## 🔗 지식 그래프 (Knowledge Graph)
+- **상위/루트:** [[W3.CSS Tutorial]]
+- **관련 개념:** [[W3CSS Material]], [[W3CSS Versions]]
+- **참조 맥락:** 프레임워크 내부 구현 방침 설명 — 버전 히스토리(Versions) 챕터로 이어짐.
+
+## 📚 출처 (Sources)
+- [S1] W3Schools — W3.CSS Validation — https://www.w3schools.com/w3css/w3css_validation.asp
+
+## 📝 변경 이력 (Change history)
+- 2026-07-04: Initial draft synthesized from the W3Schools "W3.CSS Validation" page (Astra wiki-curation, P-Reinforce v3.1 format).