Initial Commit: Reinforced Knowledge Wiki v1.0 - Pure Origin

Design/Accessibility.md

@@ -0,0 +1,29 @@
+---
+id: P-REINFORCE-DESIGN-001
+category: "[[10_Wiki/💡 Topics/Design]]"
+confidence_score: 0.94
+tags: [design, accessibility, a11y, ux]
+last_reinforced: 2026-04-20
+github_commit: "batch-reinforce-01"
+---
+
+# [[Accessibility (A11y)]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+> 기술적 장벽을 허물어 모든 사용자가 정보에 평등하게 접근할 수 있도록 보장하는 포괄적 설계의 핵심 원칙.
+
+## 📖 구조화된 지식 (Synthesized Content)
+- **추출된 패턴:** WCAG 2.1 가이드라인을 준수하며 시각/청각/운동 능력의 제약과 관계없이 인터페이스를 인지 가능하게 만드는 접근성 수립 패턴.
+- **세부 내용:**
+    - 의미론적 HTML 태그 사용 및 ARIA 속성 적용.
+    - 키보드 내비게이션 및 스크린 리더 호환성 확보.
+    - 텍스트 대비 및 폰트 크기 조절 등 시각적 보완 기능.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
+- **과거 데이터와의 충돌:** 부수적인 기능으로 여겨지던 '접근성'을 제품 설계의 근간(First-class Citizen)으로 재정의.
+- **정책 변화:** 사용자 만족도(w3)의 필수 지표로 접근성 점수를 채택.
+
+## 🔗 지식 연결 (Graph)
+- **Parent:** [[10_Wiki/💡 Topics/Design]]
+- **Related:** [[WCAG]], [[Inclusive-Design]], [[ARIA]]
+- **Raw Source:** [[00_Raw/2026-04-20/Accessibility (A11y).md]]

Design/Cognitive_Load.md

@@ -0,0 +1,29 @@
+---
+id: P-REINFORCE-DESIGN-004
+category: "[[10_Wiki/💡 Topics/Design]]"
+confidence_score: 0.94
+tags: [design, hci, psychology, cognitive-load]
+last_reinforced: 2026-04-20
+github_commit: "batch-reinforce-07"
+---
+
+# [[Cognitive Load Theory (인지 부하 이론)]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+> 우리 뇌의 작업 기억(Working Memory) 용량은 한정되어 있음을 인정하고, 정보 전달의 효율을 위해 마찰을 설계하는 기술.
+
+## 📖 구조화된 지식 (Synthesized Content)
+- **추출된 패턴:** 내재적 부하(Intrinsic), 외재적 부하(Extraneous), 본질적 부하(Germane)를 구분하여 학습 및 정보 처리를 최적화하는 인지 설계 패턴.
+- **세부 내용:**
+    - Interface 디자인 시 불필요한 시각적 노이즈를 제거하여 외재적 부하를 최소화.
+    - 정보의 청킹(Chunking)을 통해 제한된 작업 기억 공간을 효율적으로 활용.
+    - 복잡한 데이터 시각화 시 점진적 노출(Progressive Disclosure) 기법 적용.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
+- **과거 데이터와의 충돌:** 단순한 미학적 디자인(Beautiful)에서 뇌의 작동 방식에 부합하는 사용성(Usable) 중심으로 패러다임 이동.
+- **정책 변화:** 사용자 만족도(w3) 지표로 인지 부하 측정 가이던스 도입.
+
+## 🔗 지식 연결 (Graph)
+- **Parent:** [[10_Wiki/💡 Topics/Design]]
+- **Related:** [[HCI]], [[UX-Design]], [[Inclusive_Design]]
+- **Raw Source:** [[00_Raw/2026-04-20/Cognitive Load Theory.md]]

Design/CrUX.md

@@ -0,0 +1,29 @@
+---
+id: P-REINFORCE-DESIGN-005
+category: "[[10_Wiki/💡 Topics/Design]]"
+confidence_score: 0.89
+tags: [design, web, ux, performance, crux]
+last_reinforced: 2026-04-20
+github_commit: "batch-reinforce-07"
+---
+
+# [[Chrome User Experience Report (CrUX)]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+> 실제 사용자가 웹에서 느끼는 속도와 사용성을 데이터로 입증하며 제품 개선의 근거를 제시하는 성능 리포트.
+
+## 📖 구조화된 지식 (Synthesized Content)
+- **추출된 패턴:** 실제 사용자 경험 데이터(RUM)를 기반으로 Core Web Vitals 지표를 분석하여 성능 병목 지점을 포착하는 패턴.
+- **세부 내용:**
+    - LCP(최대 콘텐츠 렌더링 시간), INP(다음 페인트와의 상호작용) 등 사용자 체감 지표 관리.
+    - BigQuery 및 PageSpeed Insights를 통한 데이터 접근 및 심층 분석.
+    - 최소 데이터 볼륨 기준을 통해 데이터의 신뢰성과 대표성 확보.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
+- **과거 데이터와의 충돌:** 실험실 환경(Lab Data)의 측정값과 실제 현장(Field Data)의 격차를 해소.
+- **정책 변화:** 사용자 만족도(w3) 측정 시 CrUX 리포트의 성능 지표를 가중치로 적극 반영.
+
+## 🔗 지식 연결 (Graph)
+- **Parent:** [[10_Wiki/💡 Topics/Design]]
+- **Related:** [[Core-Web-Vitals]], [[Performance-Optimization]], [[UX-Design]]
+- **Raw Source:** [[00_Raw/2026-04-20/Chrome User Experience Report (CrUX).md]]

Design/HCI.md

@@ -0,0 +1,29 @@
+---
+id: P-REINFORCE-DESIGN-003
+category: "[[10_Wiki/💡 Topics/Design]]"
+confidence_score: 0.96
+tags: [design, hci, ux, cognitive]
+last_reinforced: 2026-04-20
+github_commit: "batch-reinforce-06"
+---
+
+# [[Human-Computer Interaction (HCI)]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+> 기계의 효율성과 인간의 인지를 잇는 접점에서, 가장 마찰 없는(Frictionless) 소통의 언어를 설계하는 학문.
+
+## 📖 구조화된 지식 (Synthesized Content)
+- **추출된 패턴:** 사용자의 멘탈 모델(Mental Model)과 시스템의 개념 모델을 일치시켜 인지 부하를 최소화하는 상호작용 패턴.
+- **세부 내용:**
+    - 닐슨의 10가지 유리스틱(Heuristics)을 활용한 사용성 평가.
+    - 피츠의 법칙(Fitts's Law) 등 인간 공학적 데이터 기반 인터페이스 설계.
+    - 감성 컴퓨팅(Affective Computing)을 통한 교감형 상호작용 연구.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
+- **과거 데이터와의 충돌:** 도구로서의 컴퓨터에서 '협력적 지능 에이전트'로의 상호작용 대상 변화 인식.
+- **정책 변화:** 지식 구조(w2) 관점에서 AI 인터페이스 설계 가이드라인의 중추로 설정.
+
+## 🔗 지식 연결 (Graph)
+- **Parent:** [[10_Wiki/💡 Topics/Design]]
+- **Related:** [[UX-Design]], [[Cognitive-Load]], [[Fitts-Law]]
+- **Raw Source:** [[00_Raw/2026-04-20/Human-Computer-Interaction.md]]

Design/Inclusive_Design.md

@@ -0,0 +1,29 @@
+---
+id: P-REINFORCE-DESIGN-002
+category: "[[10_Wiki/💡 Topics/Design]]"
+confidence_score: 0.94
+tags: [design, inclusive, universal, accessibility]
+last_reinforced: 2026-04-20
+github_commit: "batch-reinforce-06"
+---
+
+# [[Inclusive Design (포용적 설계)]]
+
+## 📌 한 줄 통찰 (The Karpathy Summary)
+> 인간의 다양성을 설계의 중심에 두고, 특정 그룹을 배제하지 않는 보편적 접근을 통해 기술의 인간성을 실현하는 일.
+
+## 📖 구조화된 지식 (Synthesized Content)
+- **추출된 패턴:** 극단적 사용자(Extreme Users)의 요구사항을 해결함으로써 일반 사용자까지 혜택을 입게 만드는 '에지 케이스' 기반 설계 패턴.
+- **세부 내용:**
+    - 상황적 제약(손에 짐을 든 경우 등)까지 고려한 UX 시나리오 확장.
+    - 유니버설 디자인(Universal Design) 7원칙의 디지털 인터페이스 적용.
+    - 공감(Empathy) 기반의 사용자 리서치를 통한 잠재적 장벽 제거.
+
+## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
+- **과거 데이터와의 충돌:** 단순 사후 보완(Compliance) 개념이었던 접근성을 사전 설계 전략(Strategy)으로 격상.
+- **정책 변화:** 사용자 만족도(w3) 피드백에서 '포용성 점수'의 비준을 강화.
+
+## 🔗 지식 연결 (Graph)
+- **Parent:** [[10_Wiki/💡 Topics/Design]]
+- **Related:** [[Accessibility]], [[ISO-9241]], [[User-Centered-Design]]
+- **Raw Source:** [[00_Raw/2026-04-20/Universal-Design-Principles.md]]