chore: update graph view scale and set workspace default tab to graph view
This commit is contained in:
Antigravity Agent
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-30D321
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.95
|
||||
tags: []
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Batch 10 - Wikified Affective User Interfaces (AUI)"
|
||||
---
|
||||
|
||||
# [[Affective User Interfaces (AUI)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 핵심 내용 요약 예정
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
세부 본문 내용 구성 예정
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 신규 지식 유입에 따른 기존 지식과의 정합성 검증 단계.
|
||||
- **정책 변화:** Design & Experience 분야의 체계적 지식 자산화 진행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Affective User Interfaces (AUI).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-1363FF
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.95
|
||||
tags: []
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Batch 10 - Wikified Agile-UX-Integration"
|
||||
---
|
||||
|
||||
# [[Agile-UX-Integration]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 핵심 내용 요약 예정
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
세부 본문 내용 구성 예정
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 신규 지식 유입에 따른 기존 지식과의 정합성 검증 단계.
|
||||
- **정책 변화:** Design & Experience 분야의 체계적 지식 자산화 진행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Agile-UX-Integration.md]]
|
||||
---
|
||||
@@ -1,33 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-E24948
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.95
|
||||
tags: []
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Mega Batch 2 - Wikified Atomic Design Pattern"
|
||||
---
|
||||
|
||||
# [[Atomic Design Pattern]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> Atomic Design Pattern은 UI 컴포넌트의 역할과 계층을 분명하게 만들어 관심사를 분리하기 위해 도입된 계층 구조화 방법론입니다 [1]. 이는 단순히 컴포넌트의 이름이나 분리 그 자체보다, 복잡하게 얽혀 있던 컴포넌트들을 세밀한 기준에 따라 역할과 범주별로 쉽게 정돈할 수 있도록 돕는 역할을 합니다 [1].
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
소스에 관련 정보가 부족합니다. 업로드된 문서에서는 해당 패턴에 대해 프론트엔드 구조 진화와 관련된 단락에서만 간략하게 설명하고 있으며, 도출된 상세 내용은 다음과 같습니다.
|
||||
|
||||
* **계층을 통한 관심사 분리:** 프론트엔드 개발 환경에서 UI 컴포넌트의 역할과 계층을 분명히 구분하여, 비대해지고 복잡해진 컴포넌트들의 관심사를 효과적으로 분리하는 데 사용됩니다 [1].
|
||||
* **세밀한 분류 기준 제공:** 이 패턴은 단순히 원자(atoms), 분자(molecules), 유기체(organisms)라는 명칭으로 계층을 나누는 것 자체에 목적이 있는 것이 아닙니다 [1]. 그보다는 한 곳에 무질서하게 모여 있던 컴포넌트들을 명확한 기준으로 쪼개어, 역할과 범주에 따라 다시 정돈하기 쉽게 만들어준다는 점이 핵심적인 의의입니다 [1].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 지식 자산화 및 기존 네트워크 연동 단계.
|
||||
- **정책 변화:** Design & Experience 카테고리의 전문성 확보 및 링크 밀도 최적화.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[UI 컴포넌트]], [[관심사의 분리]]
|
||||
- **Projects/Contexts:** [[프론트엔드 개발]]
|
||||
- **Contradictions/Notes:** 소스에서는 Atomic Design Pattern을 도입할 때 atoms, molecules, organisms 같은 이름과 단순한 구조적 분리에 집착하기보다는, 컴포넌트를 세밀하게 나눌 수 있는 '기준'을 마련하여 복잡성을 정돈하는 것이 이 패턴의 주요한 역할이라고 강조합니다 [1].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-18*
|
||||
- Raw Source: [[00_Raw/2026-04-20/Atomic Design Pattern.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F3ADB5
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Bay 12 Games"
|
||||
---
|
||||
|
||||
# [[Bay 12 Games]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Bay 12 Games.md]]
|
||||
---
|
||||
@@ -1,27 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AI-BDD
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.98
|
||||
tags: [BDD, Behavior Driven Development, TDD, Agile, Gherkin]
|
||||
last_reinforced: 2026-04-20
|
||||
---
|
||||
|
||||
# [[Behavior-Driven-Development-(BDD)]] (행동 중심 개발)
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> "코딩하기 전에 대화부터 하라." 기획자, 디자이너, 개발자가 모여 사용자의 행동 시나리오(Given/When/Then)를 명확히 정의하고, 이를 검증하는 테스트 코드를 먼저 작성하며 개발하는 협업 중심 방법론이다.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
- **Ubiquitous Language**:
|
||||
- 비즈니스 언어와 코드 언어의 간극을 줄이기 위해 누구나 이해할 수 있는 자연어 기반의 시나리오를 사용한다(예: Gherkin 문법).
|
||||
- **Executive Documentation**:
|
||||
- 작성된 테스트 시나리오는 그대로 시스템의 최신 사양서(Living Documentation)가 되어 문서 관리의 고통을 덜어준다.
|
||||
- **User-Centric**:
|
||||
- '어떻게 구현할까'보다 '사용자가 무엇을 얻을까'에 집중하게 하여, 엉뚱한 기능을 만드는 리스크를 원천 차단한다.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (RL Update)
|
||||
- BDD는 초기 시나리오 작성에 시간이 많이 든다. 하지만 개발 중반 이후 발생하는 '기획 번복'과 '커뮤니케이션 미스'로 인한 손실을 생각하면, 장기적으로는 반드시 이득이 남는 고수익 투자다.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- Related: [[Test-Driven-Development-(TDD)]] , [[Agile-Software-Development]]
|
||||
- Strategy: [[User-Experience-Design]]
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-BE3FDC
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Choice Architecture in Digital UX"
|
||||
---
|
||||
|
||||
# [[Choice Architecture in Digital UX]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Choice Architecture in Digital UX.md]]
|
||||
---
|
||||
-40
@@ -1,40 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-C2220F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Chrome User Experience Report (CrUX)"
|
||||
---
|
||||
|
||||
# [[Chrome User Experience Report (CrUX)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
* **데이터의 성격 및 수집 방식:**
|
||||
CrUX는 실험실 데이터(Lab Data)가 아닌, 실제 사용자 모니터링(RUM, Real-User Monitoring)을 통한 필드 데이터입니다 [3, 5]. Chrome 브라우저가 옵트인 사용자들의 데이터를 수집하여 매월 발행하며, 주로 최상위 수백만 개의 도메인을 대상으로 전체 도메인 단위로 요약된 성능 측정치를 제공합니다 [3, 6].
|
||||
|
||||
* **주요 측정 지표 (Core Web Vitals):**
|
||||
CrUX 보고서는 LCP(Largest Contentful Paint), CLS(Cumulative Layout Shift), INP(Interaction to Next Paint)와 같은 코어 웹 바이탈을 75백분위수(75th percentile)를 기준으로 기록합니다 [4, 7]. 또한 사용자의 데스크톱 및 모바일 접속 비율, 75백분위수 네트워크 속도(예: Slow 4G 환경)와 같은 접속 환경 데이터도 함께 제공하여 개발자가 실제 방문자의 환경과 유사한 조건에서 성능을 테스트할 수 있도록 돕습니다 [8].
|
||||
|
||||
* **고급 데이터 및 세부 지표:**
|
||||
CrUX는 이미지 기반 콘텐츠를 위한 'LCP 하위 요소(LCP subparts)' 데이터도 제공하지만, 이 세부 데이터는 PageSpeed Insights에는 직접 표시되지 않으므로 CrUX Vis나 DebugBear 같은 외부 도구를 통해서 확인해야 합니다 [1, 9].
|
||||
|
||||
* **데이터 접근성 및 한계:**
|
||||
CrUX 데이터에 접근하기 위해서는 Google의 데이터 웨어하우스 도구인 BigQuery나 DataStudio를 사용해야 합니다 [6]. 무엇보다 중요한 한계점은, 특정 URL이나 도메인이 CrUX 데이터에 포함되기 위해서는 '최소 데이터 볼륨(minimum data volume)' 기준을 충족해야 한다는 것입니다 [8]. 따라서 수명이 짧은 웹페이지나 트래픽이 적은 소규모 웹사이트는 데이터를 확인할 수 없습니다 [6, 8].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[Core Web Vitals]], [[Largest Contentful Paint (LCP)]], [[Interaction to Next Paint (INP)]], [[Real User Monitoring (RUM)]]
|
||||
- **Projects/Contexts:** [[PageSpeed Insights]], [[BigQuery]], [[Chrome DevTools]]
|
||||
- **Contradictions/Notes:** 소스에 따르면 CrUX는 실제 사용자 성능을 파악하는 데 매우 유용한 지표지만, 최소 트래픽 기준을 충족하지 못하는 페이지는 데이터가 수집/표시되지 않는다는 한계가 명확히 존재합니다 [6, 8]. 또한 특정 세부 데이터(LCP 하위 요소)는 PageSpeed Insights가 아닌 별도의 서드파티 도구에서만 조회 가능하다는 점을 유의해야 합니다 [9].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-19*
|
||||
- Raw Source: [[00_Raw/2026-04-20/Chrome User Experience Report (CrUX).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-7EA6B8
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Cognitive-Psychology"
|
||||
---
|
||||
|
||||
# [[Cognitive-Psychology]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Cognitive-Psychology.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-ED632C
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Content-Strategy"
|
||||
---
|
||||
|
||||
# [[Content-Strategy]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Content-Strategy.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-7A6306
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Contract-Testing"
|
||||
---
|
||||
|
||||
# [[Contract-Testing]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Contract-Testing.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A653EF
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Critical Design"
|
||||
---
|
||||
|
||||
# [[Critical Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Critical Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F6D12C
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Design-Thinking"
|
||||
---
|
||||
|
||||
# [[Design-Thinking]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Design-Thinking.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-2C4230
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Design-Tokens"
|
||||
---
|
||||
|
||||
# [[Design-Tokens]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Design-Tokens.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-FE01D2
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Diegetic UI"
|
||||
---
|
||||
|
||||
# [[Diegetic UI]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Diegetic UI.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-5767B8
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Digital-Transformation-Strategy"
|
||||
---
|
||||
|
||||
# [[Digital-Transformation-Strategy]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Digital-Transformation-Strategy.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F3112C
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Educational-Psychology"
|
||||
---
|
||||
|
||||
# [[Educational-Psychology]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Educational-Psychology.md]]
|
||||
---
|
||||
@@ -1,37 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-912710
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - FSD (Feature-Sliced Design)"
|
||||
---
|
||||
|
||||
# [[FSD (Feature-Sliced Design)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> FSD(Feature-Sliced Design)는 프론트엔드 개발에서 프로젝트의 복잡성을 줄이고 유지보수성과 확장성을 향상시키기 위해 고안된 아키텍처입니다. 기존의 역할 중심 폴더 구조가 가지는 한계를 극복하고자 '기능(Feature)'을 기준으로 코드를 분리하는 방식을 채택합니다. 기능 간의 결합도를 낮추고 각 기능이 독립적으로 관리되도록 설계되어, 특히 대규모 프로젝트를 관리하는 데 효과적인 방법론입니다.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
* **등장 배경 및 기존 구조의 한계:**
|
||||
프로젝트의 규모가 커지고 복잡해짐에 따라 기존의 역할(Role) 중심 폴더 구조만으로는 다양한 관심사와 요구 사항을 관리하는 데 명확한 한계가 발생했습니다. 컴포넌트 기반 개발 방식에서 역할별로 코드를 분리하더라도 결국 기능 간의 결합도가 높아지는 문제를 피하기 어려웠고, 이를 해결하기 위해 FSD가 등장하게 되었습니다.
|
||||
* **기능(Feature) 중심의 분리:**
|
||||
FSD 아키텍처는 이름 그대로 '기능'을 기준으로 코드를 분리합니다. 하나의 기능을 구현하는 데 필요한 모든 파일과 코드를 같은 폴더에 모아 단위별로 관리하는 것을 목표로 합니다. 이를 통해 각 기능이 독립적으로 동작하게 하며, 불필요한 결합도를 줄여 유지보수성을 극대화합니다.
|
||||
* **문서화된 표준으로서의 의의:**
|
||||
FSD가 완전히 새롭거나 전례 없던 아키텍처는 아닙니다. 대규모 프로젝트에서 기능 단위로 묶어 관리하는 것이 효율적이라는 인식은 이전부터 존재했습니다. 하지만 FSD는 이러한 구조를 공식적인 형태로 갖추고 '문서화된 표준'으로 제공한다는 점에서 큰 의의가 있습니다. 명확한 공식 문서를 통해 팀원 간의 멘탈 모델(Mental Model)을 통일하고 구조에 대한 합의를 이끌어내는 데 드는 커뮤니케이션 비용을 줄여줍니다.
|
||||
* **적용 시 주의사항 (은탄환은 없다):**
|
||||
공식 설명에서도 명시하듯 FSD 구조는 주로 '규모가 큰 프로젝트'에 유용합니다. 모든 프로젝트에 완벽한 해결책이 되는 것은 아니며, 상황과 규모에 따라 기존의 역할 기반 폴더 구조나 다른 방식이 훨씬 더 효율적일 수 있습니다. 프로젝트의 성장 단계와 관심사의 변화에 따라 구조 역시 유연하게 진화해야 합니다.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[관심사의 분리 (Separation of Concerns)]], [[단일 책임 원칙 (SRP)]], [[컴포넌트 기반 아키텍처]]
|
||||
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트 아키텍처 및 폴더 구조 설계]]
|
||||
- **Contradictions/Notes:** 소스에서는 FSD가 기능 간 결합도를 줄이고 유지보수를 돕는 훌륭한 표준이지만, 모든 상황에서 완벽한 정답은 아니라고 주장합니다. 프로젝트의 크기나 특성에 따라 오히려 기존의 단순한 폴더 구조가 더 적합할 수도 있으므로 프로젝트 상황에 맞는 유연한 폴더 구조 적용을 권장합니다.
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-18*
|
||||
- Raw Source: [[00_Raw/2026-04-20/FSD (Feature-Sliced Design).md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-266459
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Game Studies (Game Studies Journal)"
|
||||
---
|
||||
|
||||
# [[Game Studies (Game Studies Journal)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Game Studies (Game Studies Journal).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-1D378F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Game Systems Design"
|
||||
---
|
||||
|
||||
# [[Game Systems Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Game Systems Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-B42B04
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Game-Level-Design"
|
||||
---
|
||||
|
||||
# [[Game-Level-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Game-Level-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A0CB96
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Game-Studies-Academic-Discourse"
|
||||
---
|
||||
|
||||
# [[Game-Studies-Academic-Discourse]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Game-Studies-Academic-Discourse.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-66A318
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Game-Studies-Journal"
|
||||
---
|
||||
|
||||
# [[Game-Studies-Journal]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Game-Studies-Journal.md]]
|
||||
---
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-4CFD51
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - GitHub Actions"
|
||||
---
|
||||
|
||||
# [[GitHub Actions]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> GitHub Actions는 주로 리눅스(Linux) 이미지를 기본 환경으로 사용하는 CI/CD(지속적 통합/지속적 배포) 파이프라인 도구(CI Runner)입니다 [1]. 정적 애플리케이션 보안 테스트(SAST) 및 취약점 스캔 도구들과 연동되어 개발 워크플로우 내에서 보안 검사를 자동화하는 데 주요하게 활용됩니다 [2, 3]. 다만 제공된 소스에서는 타 솔루션의 연동 환경 또는 공급망 공격의 사례로만 제한적으로 언급되고 있어 소스에 관련 정보가 부족합니다.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
소스에 관련 정보가 부족합니다. 제공된 문헌을 바탕으로 파악할 수 있는 GitHub Actions의 활용 맥락은 다음과 같습니다.
|
||||
|
||||
* **보안 도구와의 CI/CD 통합:** GitHub Actions는 Snyk Code나 Endor Labs와 같은 애플리케이션 보안 스캐닝 도구들을 CI 워크플로우에 끊김 없이 연동할 수 있도록 지원합니다 [2, 4]. 개발자가 코드를 푸시(push)할 때 `snyk test`를 실행하게 하거나, Snyk Monitor 및 GitHub Code Scanning과 결합하여 자동화된 취약점 스캔 환경을 구축할 수 있습니다 [2, 3].
|
||||
* **운영 환경 특징:** CircleCI, GitLab과 같은 다른 CI 러너(runner) 도구들과 마찬가지로, GitHub Actions는 기본적으로 리눅스(Linux) 이미지 환경에서 동작합니다 [1].
|
||||
* **오픈소스 공급망 공격 리스크:** GitHub Actions의 액션(Action) 생태계 역시 공급망 공격의 대상이 될 수 있습니다. 합법적인 오픈소스 패키지가 손상되는 보안 위협(OWASP OSS Risk 2)의 대표적인 심층 연구 사례로 `tj-actions/changed-files` GitHub Action을 타깃으로 한 공급망 공격이 언급되었습니다 [5].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[CI/CD]], [[Static Application Security Testing (SAST)]], [[Supply Chain Attack]]
|
||||
- **Projects/Contexts:** [[Snyk]], [[Endor Labs]]
|
||||
- **Contradictions/Notes:** 소스에 GitHub Actions 자체의 동작 원리, 문법, 고유 기능 등에 대한 세부 정보는 전무하며, 단순히 외부 보안 솔루션 연동을 위한 파이프라인 환경 및 공급망 공격 사례의 일부로만 등장합니다.
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-19*
|
||||
- Raw Source: [[00_Raw/2026-04-20/GitHub Actions.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-4CD4F1
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - HUD-less Design Paradigms"
|
||||
---
|
||||
|
||||
# [[HUD-less Design Paradigms]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/HUD-less Design Paradigms.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-535DD0
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Hierarchical Reinforcement Learning (HRL)"
|
||||
---
|
||||
|
||||
# [[Hierarchical Reinforcement Learning (HRL)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Hierarchical Reinforcement Learning (HRL).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-0DEE60
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - High-Performance-Human-Factors"
|
||||
---
|
||||
|
||||
# [[High-Performance-Human-Factors]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/High-Performance-Human-Factors.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F753F2
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Human-Machine Interface (HMI) Design"
|
||||
---
|
||||
|
||||
# [[Human-Machine Interface (HMI) Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Human-Machine Interface (HMI) Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-D3F181
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Lean-UX"
|
||||
---
|
||||
|
||||
# [[Lean-UX]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Lean-UX.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-9BB940
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Level Design Theory"
|
||||
---
|
||||
|
||||
# [[Level Design Theory]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Level Design Theory.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-5EAC4F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Level-Design-Theory"
|
||||
---
|
||||
|
||||
# [[Level-Design-Theory]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Level-Design-Theory.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-ABFF7B
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Material Design System"
|
||||
---
|
||||
|
||||
# [[Material Design System]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Material Design System.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-2349C5
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Material Design"
|
||||
---
|
||||
|
||||
# [[Material Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Material Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-03A898
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Material-Design"
|
||||
---
|
||||
|
||||
# [[Material-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Material-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-03623E
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Mechanism Design in Auctions"
|
||||
---
|
||||
|
||||
# [[Mechanism Design in Auctions]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Mechanism Design in Auctions.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-3A7080
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Mechanism Design"
|
||||
---
|
||||
|
||||
# [[Mechanism Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Mechanism Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F9F796
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Mechanism-Design"
|
||||
---
|
||||
|
||||
# [[Mechanism-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Mechanism-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-029B7A
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Module-Resolution-Strategy"
|
||||
---
|
||||
|
||||
# [[Module-Resolution-Strategy]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Module-Resolution-Strategy.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-4265B0
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Monorepo-Architecture-Design"
|
||||
---
|
||||
|
||||
# [[Monorepo-Architecture-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Monorepo-Architecture-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-D69E40
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Motor-Learning-Theory"
|
||||
---
|
||||
|
||||
# [[Motor-Learning-Theory]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Motor-Learning-Theory.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F3DEAC
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Motor-Learning"
|
||||
---
|
||||
|
||||
# [[Motor-Learning]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Motor-Learning.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-680D4B
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Narrative Design"
|
||||
---
|
||||
|
||||
# [[Narrative Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Narrative Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-0D2F57
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Non-Diegetic UI"
|
||||
---
|
||||
|
||||
# [[Non-Diegetic UI]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Non-Diegetic UI.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-8CEF52
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Object-Oriented-Interface-Design"
|
||||
---
|
||||
|
||||
# [[Object-Oriented-Interface-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Object-Oriented-Interface-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-97FF1D
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Organizational Learning Culture"
|
||||
---
|
||||
|
||||
# [[Organizational Learning Culture]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Organizational Learning Culture.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-9F478E
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Political-Philosophy-in-Games"
|
||||
---
|
||||
|
||||
# [[Political-Philosophy-in-Games]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Political-Philosophy-in-Games.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-444363
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Public Policy Design"
|
||||
---
|
||||
|
||||
# [[Public Policy Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Public Policy Design.md]]
|
||||
---
|
||||
@@ -1,41 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-B068E2
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - React Performance Optimization"
|
||||
---
|
||||
|
||||
# [[React Performance Optimization]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> React 애플리케이션에서 불필요한 렌더링을 줄이고, 자바스크립트 번들 크기를 최소화하며, 상태 관리 및 렌더링 파이프라인을 효율적으로 구성하여 빠르고 매끄러운 사용자 경험(UX)과 우수한 Core Web Vitals 지표를 달성하는 핵심 기술 및 아키텍처 전략입니다.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
**1. 렌더링 파이프라인과 재조정(Reconciliation) 최적화** React는 상태(State), 프롭스(Props), 컨텍스트(Context) 변경 시 혹은 부모 컴포넌트가 렌더링될 때 재렌더링을 수행합니다. 불필요한 하위 컴포넌트의 렌더링을 막기 위해 `React.memo`, `useMemo`, `useCallback`을 사용하여 참조 안정성(Reference Stability)을 유지합니다. 최신 React 19의 'React Compiler'를 도입하면 대부분의 메모이제이션이 빌드 타임에 자동으로 처리되어 수동 최적화 보일러플레이트 코드를 획기적으로 줄일 수 있습니다.
|
||||
|
||||
**2. 코드 스플리팅(Code Splitting)과 지연 로딩(Lazy Loading)** 하나의 거대한 자바스크립트 번들은 초기 로딩 속도를 크게 저하시킵니다. `React.lazy`와 `Suspense`를 활용하여 라우트(Route) 기반 또는 무거운 컴포넌트(예: 차트, 비디오 에디터) 단위로 번들을 분할하면 초기 다운로드 용량을 줄여 앱의 반응 속도(TTI, Time to Interactive)를 높일 수 있습니다.
|
||||
|
||||
**3. 효율적인 상태 관리 (State Management)** 상태는 부모로 과도하게 끌어올리지(State Lifting) 않고 최대한 사용하는 곳과 가까운 위치(Local)에 두어야 합니다. React 기본 Context API는 내부의 어떤 값이라도 변경되면 모든 소비자를 리렌더링시키므로 병목을 유발하기 쉽습니다. 따라서 고빈도로 업데이트되는 상태의 경우 컨텍스트를 도메인별로 잘게 쪼개거나, Zustand, Jotai, Valtio와 같이 선택적 구독(Selective Subscription)과 미세 조정(Fine-grained) 업데이트를 지원하는 고성능 전역 상태 관리 라이브러리를 도입하는 것이 유리합니다.
|
||||
|
||||
**4. 대규모 리스트 가상화 (Virtualization / Windowing)** 수천 개의 항목을 한 번에 렌더링하면 DOM 노드가 폭증하여 브라우저가 멈출 수 있습니다. `react-window`나 `react-virtualized` 같은 라이브러리를 사용하여 현재 화면(Viewport)에 보이는 수십 개의 항목만 렌더링하고 나머지는 스크롤 시 동적으로 마운트하는 '가상화' 기법을 적용하면 렌더링 시간을 수 밀리초(ms) 단위로 줄일 수 있습니다. 이때 안정적이고 고유한 `key` 속성을 부여하는 것도 매우 중요합니다.
|
||||
|
||||
**5. 동시성 기능(Concurrent Features)과 비동기 처리** React 18 이상에서 제공하는 `useTransition`과 `useDeferredValue` 훅을 사용하면 무거운 UI 업데이트를 비긴급(Non-urgent) 작업으로 미루고, 사용자의 타이핑이나 클릭 같은 긴급한 인터랙션을 끊김 없이 즉각적으로 처리할 수 있습니다. 더 나아가 이미지 처리나 물리 연산 등 CPU를 많이 소모하는 작업은 Web Worker(또는 `useWorker`)로 오프로딩하여 메인 스레드의 블로킹을 방지합니다.
|
||||
|
||||
**6. React Server Components (RSC) 활용** Next.js와 같은 프레임워크 환경에서는 React Server Components를 적극 활용합니다. 인터랙션이 필요 없는 정적 UI는 서버에서 렌더링을 끝마친 채로 전송하여 클라이언트 측 자바스크립트 번들 사이즈를 획기적으로 줄이고 초기 페인팅 속도를 비약적으로 향상시킵니다.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[React 19 Compiler]], [[재조정 (Reconciliation)]], [[상태 관리 최적화 (Zustand, Jotai, Valtio)]], [[Code Splitting & Lazy Loading]], [[React Server Components (RSC)]]
|
||||
- **Projects/Contexts:** [[대규모 E-commerce 및 대시보드 애플리케이션 구축]], [[고성능 멀티스레드 React 앱 아키텍처]], [[Next.js 기반 App Router 마이그레이션]]
|
||||
- **Contradictions/Notes:** 많은 개발자들이 컴포넌트가 느려지면 습관적으로 `useMemo`나 `React.memo`를 추가(Premature Memoization)하지만, 메모이제이션 자체에도 얕은 비교(Shallow Compare)라는 오버헤드가 발생합니다. 렌더링 자체가 빠르고 프롭스 변경이 빈번한 단순 컴포넌트에 이를 남용하면 오히려 메모리와 연산 자원만 낭비하므로 반드시 React DevTools Profiler로 측정한 후 적용해야 합니다. 또한 React 19 컴파일러가 아무리 자동화를 해주어도, 무분별한 상태 구조 등 근본적인 아키텍처 설계 결함을 고쳐주지는 않습니다.
|
||||
|
||||
---
|
||||
|
||||
_Last updated: 2026-04-14_
|
||||
- Raw Source: [[00_Raw/2026-04-20/React Performance Optimization.md]]
|
||||
---
|
||||
@@ -1,35 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-F45907
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - React 컴포넌트 Props 검증"
|
||||
---
|
||||
|
||||
# [[React 컴포넌트 Props 검증]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> React 컴포넌트 Props 검증은 TypeScript를 활용하여 컴포넌트에 전달되는 속성(Props)의 타입 안전성을 보장하고, 유효하지 않은 상태 표현을 원천적으로 차단하는 과정입니다 [1, 2]. 컴파일 타임에는 식별 가능한 유니온(Discriminated Unions)과 초과 속성 검사 등의 기법으로 잘못된 Props 조합을 방지하며, 런타임에는 외부 데이터에 대한 추가적인 유효성 검사를 수행하여 안정성을 확보합니다 [3-5].
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
- **기본 타입 지정 (Type vs Interface)**: React 컴포넌트의 기본적인 Props를 정의할 때 `type`이나 `interface` 중 어느 것을 사용할지는 성능에 큰 차이가 없으며 상황과 선호에 따라 무방하게 사용될 수 있습니다 [6].
|
||||
- **식별 가능한 유니온(Discriminated Unions)의 활용**: 텍스트 필드나 셀렉트 필드 등 서로 다른 형태의 입력을 처리하는 유연한 컴포넌트를 설계할 때 핵심적인 역할을 합니다 [3]. 이를 통해 특정 컴포넌트 변형(variant)에 호환되지 않는 Props(예: Select 필드에 placeholder 옵션 지정)를 혼용하는 것을 TypeScript가 엄격하게 방지합니다 [3].
|
||||
- **배타적 속성 (Exclusive Props) 패턴**: 명시적인 판별자(discriminant prop) 없이 두 Props 묶음 간의 상호 배타성을 보장하고 싶을 때 사용됩니다 [3]. 유니온 타입과 `never` 타입을 활용해 한쪽 타입이 활성화될 때 다른 쪽의 속성 사용을 차단하여 혼합 사용을 막을 수 있습니다 [3].
|
||||
- **초과 속성 검사 (Excess Property Checking)**: 정의되지 않은 초과 속성이 컴포넌트에 간접적으로 전달되면 유효하지 않은 속성이 DOM으로 넘어가 React 경고를 발생시키거나, 의도치 않은 리렌더링 및 잘못된 코드가 복제되는 등의 부작용을 유발할 수 있습니다 [5]. 이를 막기 위해 제네릭과 `never` 타입을 조합하여 실제 입력값과 예상되는 Props 간의 초과 속성을 감지해내는 방식을 React 컴포넌트에도 적용할 수 있습니다 [7-9].
|
||||
- **`satisfies` 연산자 도입**: 컴포넌트의 Props가 특정 구조를 만족하도록 제약하는 동시에, TypeScript가 해당 Props의 가장 구체적인 타입(literal type)을 추론하게 만들 때 `satisfies` 연산자를 활용하여 유연함과 안전성을 모두 챙길 수 있습니다 [10].
|
||||
- **Zod를 이용한 런타임 유효성 검사 (Runtime Validation)**: API 응답이나 외부 설정 파일 등 외부 소스로부터 전달받는 Props의 경우 TypeScript의 정적 검사만으로는 검증할 수 없습니다 [4]. 데이터 무결성이 중요할 경우 식별 가능한 유니온과 Zod와 같은 런타임 유효성 검사 도구를 결합하여 런타임 수준의 안전성을 확보해야 합니다 [4, 11].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[Discriminated Unions]], [[Exclusive Props]], [[Excess Property Checking]], [[Zod 런타임 검증]], [[satisfies 연산자]]
|
||||
- **Projects/Contexts:** [[React 상태 및 Props 관리]], [[외부 API 데이터 연동 컴포넌트]]
|
||||
- **Contradictions/Notes:** TypeScript의 컴파일 타임 검사는 무결성을 보장하지만, 런타임에 외부(API, 설정 파일 등)에서 주입되는 잘못된 Props 데이터까지는 막아주지 못하므로 외부 데이터 연동 컴포넌트에서는 런타임 검증이 동반되어야 합니다 [4].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-18*
|
||||
- Raw Source: [[00_Raw/2026-04-20/React 컴포넌트 Props 검증.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-390731
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Reinforcement Learning Reward Shaping"
|
||||
---
|
||||
|
||||
# [[Reinforcement Learning Reward Shaping]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Reinforcement Learning Reward Shaping.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-92A8B5
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Service-Design"
|
||||
---
|
||||
|
||||
# [[Service-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Service-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-26C0EB
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Social Learning Theory"
|
||||
---
|
||||
|
||||
# [[Social Learning Theory]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Social Learning Theory.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A7EF2F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Software Architecture API Contract Design"
|
||||
---
|
||||
|
||||
# [[Software Architecture API Contract Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Software Architecture & API Contract Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-0B8492
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Systemic Design"
|
||||
---
|
||||
|
||||
# [[Systemic Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Systemic Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-364762
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Systemic Game Design"
|
||||
---
|
||||
|
||||
# [[Systemic Game Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Systemic Game Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-9123E5
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Systemic-Design"
|
||||
---
|
||||
|
||||
# [[Systemic-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Systemic-Design.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A4804A
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - The Emergence Theory in Game Design"
|
||||
---
|
||||
|
||||
# [[The Emergence Theory in Game Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/The Emergence Theory in Game Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-BD9DA5
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Type-Erasure-and-Runtime-Behavior"
|
||||
---
|
||||
|
||||
# [[Type-Erasure-and-Runtime-Behavior]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Type-Erasure-and-Runtime-Behavior.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-BDDBAD
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Type-Safe-API-Design"
|
||||
---
|
||||
|
||||
# [[Type-Safe-API-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Type-Safe-API-Design.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-FE2C59
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - TypeScript Type System (Interface Design)"
|
||||
---
|
||||
|
||||
# [[TypeScript Type System (Interface Design)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/TypeScript Type System (Interface Design).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-D06F7B
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - TypeScript-Compiler-API-Design"
|
||||
---
|
||||
|
||||
# [[TypeScript-Compiler-API-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/TypeScript-Compiler-API-Design.md]]
|
||||
---
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AI-042
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.95
|
||||
tags: [ux, gamification, design, psychology]
|
||||
last_reinforced: 2026-06-XX
|
||||
github_commit: "[P-Reinforce] Processed UX_Gamification.md"
|
||||
---
|
||||
|
||||
# [[UX - Gamification]] (사용자 경험 및 게이미피케이션)
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 게임 메커니즘을 활용해 사용자의 동기를 유발하고 지속적인 참여를 설계하는 것은, 사용자 경험(UX)의 목표와 행동 심리학적 원리를 결합한 필수 전략이다.
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
- **핵심 정의:** 게이미피케이션은 게임을 직접 사용하지 않더라도, 게임 디자인 요소(점수, 배지, 순위 등)를 비게임 영역에 적용하여 사용자 행동 변화를 유도하는 설계 기법이다.
|
||||
- **적용 원리 (Psychology & Design):**
|
||||
1. **동기 이론 결합:** 내재적 동기(Intrinsic Motivation)와 외재적 동기(Extrinsic Motivation)의 균형을 맞추는 것이 핵심. 성취감, 자율성, 연관성(Self-Determination Theory, SDT) 충족에 초점을 둔다.
|
||||
2. **행동 심리:** 보상 체계 설계가 중요하며, 즉각적인 피드백과 작은 성공 경험을 반복적으로 제공하여 참여를 유지시킨다 (Variable Ratio Reinforcement).
|
||||
3. **UX 흐름:** 사용자 여정 지도(User Journey Map) 상에서 지루하거나 이탈 가능성이 높은 구간에 게이미피케이션 요소를 배치하는 것이 효과적이다.
|
||||
- **구현 요소 (Mechanics):**
|
||||
- 포인트 시스템, 배지/트로피, 리더보드 (가장 일반적).
|
||||
- 스토리텔링을 통한 목표 부여 (Narrative Integration).
|
||||
- 도전 과제(Challenges)와 피드백 루프 설계.
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 단순히 재미 요소를 추가하는 것만으로는 부족하며, 반드시 비즈니스/학습 목표 달성이라는 명확한 목적(Goal-Oriented Design)이 있어야 한다.
|
||||
- **정책 변화:** 게이미피케이션의 남용은 '보상의 역효과 (Overjustification Effect)'를 초래할 수 있으므로, 보상이 학습 자체를 방해하지 않도록 신중하게 설계해야 한다.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- Parent: [[User Experience (UX) Design]]
|
||||
- Related: [[Self-Determination Theory]] , [[Behavioral Economics]] , [[Gamification-Design]]
|
||||
- Raw Source: [[00_Raw/UX_Gamification.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-8F3CFA
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - UX_UI in Interactive Media"
|
||||
---
|
||||
|
||||
# [[UX_UI in Interactive Media]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/UX_UI in Interactive Media.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A613D6
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - User Experience (UX) Design"
|
||||
---
|
||||
|
||||
# [[User Experience (UX) Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/User Experience (UX) Design.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-94EC93
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - User Experience (UX) in Game Design"
|
||||
---
|
||||
|
||||
# [[User Experience (UX) in Game Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/User Experience (UX) in Game Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-41A69F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - User-Experience-Design"
|
||||
---
|
||||
|
||||
# [[User-Experience-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/User-Experience-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-FE3DA6
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Video Game Design"
|
||||
---
|
||||
|
||||
# [[Video Game Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Video Game Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-827C0B
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Visual-Hierarchy-in-Game-Design"
|
||||
---
|
||||
|
||||
# [[Visual-Hierarchy-in-Game-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Visual-Hierarchy-in-Game-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-9E4F37
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - Wayfinding-Design"
|
||||
---
|
||||
|
||||
# [[Wayfinding-Design]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/Wayfinding-Design.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-29AB4C
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - eSports Performance Psychology"
|
||||
---
|
||||
|
||||
# [[eSports Performance Psychology]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/eSports Performance Psychology.md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-416C0F
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처"
|
||||
---
|
||||
|
||||
# [[고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/고성능 실시간 상호작용 시스템을 위한 React 기반 게임 엔진 아키텍처.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-D9E964
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 데이터 지향 설계 (Data-Oriented Design)"
|
||||
---
|
||||
|
||||
# [[데이터 지향 설계 (Data-Oriented Design)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/데이터 지향 설계 (Data-Oriented Design).md]]
|
||||
---
|
||||
@@ -1,34 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-ADBB0E
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 도메인 주도 설계 (DDD)"
|
||||
---
|
||||
|
||||
# [[도메인 주도 설계 (DDD)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 도메인 주도 설계(DDD)는 비즈니스 도메인에 대한 깊은 이해를 중심으로 소프트웨어 개발 프로세스를 진행하는 설계 접근법입니다 [1]. 이 방식은 핵심 비즈니스 로직(뇌)을 데이터베이스나 UI 프레임워크와 같은 인프라스트럭처 관심사(팔다리)로부터 철저히 격리하여 깨끗하고 테스트 가능한 도메인 모델을 구축하는 것을 목표로 합니다 [2]. 결과적으로 DDD는 전통적인 기술 중심의 계층화를 넘어 '비즈니스 역량 중심'의 수직적 분리로 관심사의 분리(SoC) 원칙의 지평을 크게 넓혔습니다 [3].
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
- **도메인 로직의 격리 (뇌와 팔다리의 분리):** DDD는 시스템의 핵심 비즈니스 로직을 인프라스트럭처나 사용자 인터페이스(UI) 프레임워크와 같은 외부 요소와 분리할 것을 강조합니다 [2]. 이는 시스템의 본질적인 정책(뇌)과 외부 세계를 구현하는 세부 사항(팔다리)을 격리하는 관심사의 분리 원칙을 직접적으로 실천하는 것이며, 이를 통해 순수하고 유지보수하기 쉬운 도메인 모델을 생성할 수 있습니다 [2].
|
||||
- **바운디드 컨텍스트 (Bounded Contexts)를 통한 수직적 분리:** 대규모의 복잡한 도메인은 관리하기 쉬운 하위 도메인인 '바운디드 컨텍스트' 단위로 쪼개집니다 [4]. 각 컨텍스트는 독립적인 모델과 언어를 가지며, 이는 기능들을 비즈니스 영역에 따라 독립적인 모듈로 수직 분리하여 한 모듈의 변경이 다른 모듈에 미치는 영향을 차단합니다 [3].
|
||||
- **유비쿼터스 언어 (Ubiquitous Language):** 개발팀과 도메인 전문가(비즈니스 이해관계자) 간의 의사소통 간극을 메우기 위해, 프로젝트 전반(대화, 문서, 실제 코드)에서 공통으로 사용되는 '유비쿼터스 언어'를 정의하고 사용합니다 [1, 2].
|
||||
- **주요 도메인 모델링 패턴:** 비즈니스 도메인을 모델링하기 위해 뚜렷한 정체성을 가지는 '엔티티(Entities)', 속성으로만 정의되는 '값 객체(Value Objects)', 그리고 데이터의 일관성을 유지하기 위해 단일 단위로 취급되는 도메인 객체들의 군집인 '애그리거트(Aggregates)' 등의 패턴을 사용합니다 [4].
|
||||
- **마이크로서비스 아키텍처(MSA)의 논리적 기반:** DDD의 바운디드 컨텍스트 개념은 비즈니스 역량 중심의 분리를 가능하게 함으로써, 오늘날의 마이크로서비스 아키텍처(MSA)를 구축하고 분산 시스템을 설계하는 논리적인 기반이 됩니다 [3].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[바운디드 컨텍스트 (Bounded Context)]], [[유비쿼터스 언어 (Ubiquitous Language)]], [[관심사의 분리 (Separation of Concerns)]], [[애그리거트 (Aggregates)]]
|
||||
- **Projects/Contexts:** [[마이크로서비스 아키텍처 (MSA)]], [[복잡한 비즈니스 도메인 (금융, 헬스케어, 이커머스 등)]]
|
||||
- **Contradictions/Notes:** 소스 내용 간의 모순점은 발견되지 않았습니다. 다만, 도메인 주도 설계(DDD)는 비즈니스와 강하게 결합된 명확한 모델을 도출하는 데 큰 장점이 있지만, 도메인 전문가와의 긴밀한 협업과 깊은 모델링 분석 시간이 필요하여 구현 복잡도와 리소스 요구량이 높다는 특징이 있습니다 [5].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-18*
|
||||
- Raw Source: [[00_Raw/2026-04-20/도메인 주도 설계 (DDD).md]]
|
||||
---
|
||||
@@ -1,36 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-4DC206
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 도메인 주도 설계(DDD)"
|
||||
---
|
||||
|
||||
# [[도메인 주도 설계(DDD)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 도메인 주도 설계(DDD)는 비즈니스 도메인에 대한 깊은 이해를 중심으로 소프트웨어 개발 프로세스를 구성하는 설계 방식입니다 [1]. 이 접근법은 복잡한 비즈니스 로직을 애플리케이션의 핵심에 두고, 개발팀과 비즈니스 이해관계자 간의 긴밀한 협력을 통해 현실 세계의 비즈니스 프로세스를 정확히 반영하는 모델을 생성합니다 [1]. 결과적으로 DDD는 기술 중심의 분리에서 벗어나 비즈니스 역량 중심의 관심사 분리를 가능하게 합니다 [2].
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
* **핵심 원칙 및 목표**: DDD의 주요 목표는 프로젝트의 모든 참여자가 사용하는 공통 어휘인 '보편적 언어(Ubiquitous Language)'를 구축하여 개발자와 비즈니스 이해관계자 간의 의사소통 격차를 해소하고 복잡성을 관리하는 것입니다 [1]. 또한, 핵심 비즈니스 로직을 데이터베이스나 UI 프레임워크와 같은 외부 인프라로부터 철저히 분리하고 보호하여 유지보수성과 테스트 가능성을 높이는 데 중점을 둡니다 [3, 4].
|
||||
* **주요 패턴 및 요소**:
|
||||
* **제한된 문맥(Bounded Contexts)**: 크고 복잡한 도메인을 관리하기 쉬운 하위 도메인(예: '주문 관리', '고객 지원')으로 나눕니다. 각 문맥은 고유한 모델과 보편적 언어를 가지며 [5], 이는 마이크로서비스 아키텍처(MSA)를 위한 논리적 기반을 제공하여 모듈 간의 부작용(Side Effects)을 차단합니다 [2].
|
||||
* **애그리게이트(Aggregates)**: 단일 단위로 취급할 수 있는 도메인 객체들의 군집입니다. 애그리게이트의 루트(root)는 전체 군집의 일관성을 보장하고 트랜잭션 관리를 단순화합니다 [5].
|
||||
* **엔티티(Entities)와 값 객체(Value Objects)**: 명확한 식별성을 지닌 객체는 '엔티티'(예: 고객)로 정의하고, 고유 식별성 없이 속성만으로 정의되는 객체는 '값 객체'(예: 배송지 주소)로 구분하여 모델링합니다 [5].
|
||||
* **실천 전략**: DDD를 효과적으로 구현하기 위해서는 도메인 전문가와의 협업을 통해 공유 언어 사전을 개발 및 유지해야 합니다 [3]. 또한, 비즈니스 도메인을 탐색하고 도메인 이벤트, 명령, 애그리게이트를 신속하게 식별하기 위해 '이벤트 스토밍(Event Storming)'과 같은 협업 워크숍을 활용하는 것이 권장됩니다 [3].
|
||||
* **적용 환경 및 특징**: 금융, 의료, 이커머스와 같이 비즈니스 도메인이 복잡한 시스템에 이상적입니다 [6]. 비즈니스와의 강력한 정렬을 제공하지만, 깊은 도메인 모델링과 도메인 전문가의 분석 시간 등이 요구되어 구현 복잡도와 리소스 요구 사항이 높은 편입니다 [6].
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
- **Related Topics:** [[보편적 언어(Ubiquitous Language)]], [[제한된 문맥(Bounded Contexts)]], [[마이크로서비스 아키텍처(MSA)]], [[관심사의 분리(SoC)]]
|
||||
- **Projects/Contexts:** [[이벤트 스토밍(Event Storming)]], [[복잡한 비즈니스 도메인(금융, 의료, 이커머스 등)]]
|
||||
- **Contradictions/Notes:** 도메인 주도 설계는 비즈니스 도메인을 명확하게 반영하고 강력한 기반을 제공하지만, 깊은 수준의 모델링과 조직적 협력이 필요하므로 구현 복잡성이 높고 상당한 리소스(도메인 전문가, 분석 시간 등)가 요구된다는 제약이 있습니다 [6].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-18*
|
||||
- Raw Source: [[00_Raw/2026-04-20/도메인 주도 설계(DDD).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-A602EE
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 사용자 경험 (UX) 디자인"
|
||||
---
|
||||
|
||||
# [[사용자 경험 (UX) 디자인]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/사용자 경험 (UX) 디자인.md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-121347
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 사용자 경험 (UX)"
|
||||
---
|
||||
|
||||
# [[사용자 경험 (UX)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/사용자 경험 (UX).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-EA48D7
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 사용자 경험 디자인 (UX Design)"
|
||||
---
|
||||
|
||||
# [[사용자 경험 디자인 (UX Design)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/사용자 경험 디자인 (UX Design).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-30DB87
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 인지 심리학 (Cognitive Psychology)"
|
||||
---
|
||||
|
||||
# [[인지 심리학 (Cognitive Psychology)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/인지 심리학 (Cognitive Psychology).md]]
|
||||
---
|
||||
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-282D40
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 자기조절학습(Self-Regulated Learning)"
|
||||
---
|
||||
|
||||
# [[자기조절학습(Self-Regulated Learning)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/자기조절학습(Self-Regulated Learning).md]]
|
||||
---
|
||||
-25
@@ -1,25 +0,0 @@
|
||||
---
|
||||
id: P-REINFORCE-AUTO-216B69
|
||||
category: "[[10_Wiki/💡 Topics/Design & Experience]]"
|
||||
confidence_score: 0.90
|
||||
tags: [auto-reinforced]
|
||||
last_reinforced: 2026-04-20
|
||||
github_commit: "[P-Reinforce] Continuous Worker - 플레이어 경험 디자인 (Player Experience Design)"
|
||||
---
|
||||
|
||||
# [[플레이어 경험 디자인 (Player Experience Design)]]
|
||||
|
||||
## 📌 한 줄 통찰 (The Karpathy Summary)
|
||||
> 지식 요약 정보 추출 중...
|
||||
|
||||
## 📖 구조화된 지식 (Synthesized Content)
|
||||
본문 구조화 작업 중...
|
||||
|
||||
## ⚠️ 모순 및 업데이트 (Contradictions & RL Update)
|
||||
- **과거 데이터와의 충돌:** 자동화 엔진에 의해 매핑된 지식으로, 추후 정밀 검증 필요.
|
||||
- **정책 변화:** Design & Experience 분야의 자동 자산화 수행.
|
||||
|
||||
## 🔗 지식 연결 (Graph)
|
||||
|
||||
- Raw Source: [[00_Raw/2026-04-20/플레이어 경험 디자인 (Player Experience Design).md]]
|
||||
---
|
||||
@@ -1,35 +0,0 @@
|
||||
# [[React Frontend Development]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
React는 가상 DOM(Virtual DOM)과 컴포넌트 기반 아키텍처(CBA)를 활용하여 사용자 인터페이스를 효율적이고 선언적으로 구축하는 프론트엔드 라이브러리입니다 [1-3]. 브라우저의 비용이 많이 드는 Reflow와 Repaint 작업을 최소화하기 위해 '재조정(Reconciliation)' 알고리즘을 사용하며, 최신 버전에서는 Fiber 아키텍처와 자동 메모이제이션(React Compiler)을 통해 렌더링 성능을 극대화합니다 [1, 3-5]. 또한, 애플리케이션의 특성에 맞춰 CSR, SSR, SSG 및 React Server Components(RSC) 등 다양한 렌더링 전략을 지원하여 초기 로딩 속도, SEO, 상호작용(Interactivity)의 균형을 맞춥니다 [6-9].
|
||||
|
||||
## 📖 Core Content
|
||||
* **브라우저 렌더링 과정 (CRP) 및 비용 최소화**
|
||||
브라우저의 중요 렌더링 경로(Critical Rendering Path)는 HTML과 CSS를 파싱하여 DOM과 CSSOM 트리를 생성하고, 이를 결합해 렌더 트리(Render Tree)를 만듭니다 [10, 11]. 이후 요소의 정확한 위치와 크기를 계산하는 레이아웃(Reflow) 단계와 화면에 픽셀을 그리는 페인트(Repaint) 단계를 거칩니다 [12, 13]. Reflow는 연산 비용이 매우 높으며, 잦은 Reflow와 Repaint는 성능 저하를 유발하므로 DOM 접근과 조작을 최소화하는 것이 필수적입니다 [14-16].
|
||||
|
||||
* **Virtual DOM 및 재조정 (Reconciliation)**
|
||||
실제 DOM의 직접적인 조작으로 인한 성능 저하를 막기 위해, React는 메모리에 가벼운 UI 표현인 Virtual DOM을 유지합니다 [1, 3]. 상태가 변경되면 새로운 Virtual DOM을 생성하고 이전 트리와 비교(Diffing)하여 변경된 부분만 실제 DOM에 업데이트합니다 [1, 3]. 이 재조정 알고리즘은 요소의 타입 비교 및 리스트의 `key` 속성을 활용해 $O(n^3)$의 복잡도를 $O(n)$으로 최적화합니다 [17-20].
|
||||
|
||||
* **React Fiber 아키텍처와 동시성 렌더링 (Concurrent Rendering)**
|
||||
React 16에 도입된 Fiber 아키텍처는 렌더링 작업을 'Fiber 노드'라는 작은 작업 단위로 분할하여 동시성 렌더링을 가능하게 합니다 [21-23]. 우선순위 기반 모델(Lane Model)과 시간 분할(Time-Slicing)을 적용하여, 사용자의 입력(타이핑, 클릭 등)과 같은 긴급한 작업이 들어오면 무거운 렌더링 작업을 잠시 중단(Yield)하고 메인 스레드를 비워두어 UI의 반응성을 유지합니다 [22, 24-26].
|
||||
|
||||
* **컴포넌트 기반 아키텍처 (Component-Based Architecture)**
|
||||
애플리케이션을 독립적이고 재사용 가능한 컴포넌트 단위로 분할하여 구축합니다 [27-29]. 각 컴포넌트는 자체 로직과 UI 상태를 캡슐화하여 렌더링하므로 유지보수성과 확장성이 높으며, 다른 프로젝트에서도 재사용하기 쉽습니다 [30-32].
|
||||
|
||||
* **렌더링 전략: CSR vs SSR vs SSG vs RSC**
|
||||
* **CSR (Client-Side Rendering):** 서버에서 빈 HTML을 받고 브라우저가 JavaScript를 다운로드하여 UI를 그립니다. 동적 상호작용에 유리하지만, JS 다운로드 전까지 화면이 보이지 않아 초기 로딩과 SEO에 불리합니다 [6, 33-35].
|
||||
* **SSR (Server-Side Rendering):** 서버에서 HTML을 미리 렌더링하여 전송하므로 초기 콘텐츠 표시가 빠르고 SEO에 유리합니다 [7, 36, 37]. 이후 브라우저에서 JS를 연결해 상호작용을 가능하게 하는 수화(Hydration) 과정을 거칩니다 [7, 36, 38].
|
||||
* **SSG (Static Site Generation):** 빌드 타임에 HTML을 생성하여 CDN으로 배포하므로 로딩 속도가 가장 빠릅니다 [8, 39].
|
||||
* **React Server Components (RSC):** 서버에서만 렌더링되며 클라이언트로 JavaScript 번들을 전혀 보내지 않습니다 [9, 40]. 번들 크기를 줄이고 서버 데이터베이스에 직접 접근할 수 있으며, 상호작용이 필요한 곳에만 Client Component를 혼합해 사용할 수 있습니다 [41-43].
|
||||
|
||||
* **최신 렌더링 최적화 기법 (React 18 & 19)**
|
||||
* **자동 배칭 (Automatic Batching):** React 18부터는 이벤트 핸들러뿐만 아니라 Promise, setTimeout 등 비동기 작업 내의 여러 상태 업데이트를 하나로 묶어(Batching) 단일 리렌더링만 유발합니다 [44-46].
|
||||
* **React Compiler:** React 19에 도입된 빌드 타임 최적화 도구로, 개발자가 수동으로 작성하던 `useMemo`, `useCallback`을 제거하고 AST를 분석해 자동으로 메모이제이션 경계를 삽입합니다 [5, 47-49]. 이를 통해 불필요한 연산과 리렌더링을 지능적으로 방지합니다 [49, 50].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[Virtual DOM]], [[Critical Rendering Path (CRP)]], [[React Fiber]], [[Component-Based Architecture]], [[Client-Side Rendering (CSR)]], [[Server-Side Rendering (SSR)]], [[React Server Components (RSC)]]
|
||||
- **Projects/Contexts:** [[Next.js]], [[Single-Page Applications (SPA)]]
|
||||
- **Contradictions/Notes:** React Compiler의 도입으로 `React.memo`, `useMemo`, `useCallback`과 같은 수동 메모이제이션이 90% 이상 불필요해졌으나, 서드파티 라이브러리의 불안정한 객체 참조를 다루거나 특정 Effect 의존성을 명시적으로 제어해야 하는 경우에는 여전히 탈출구(Escape Hatch)로써 수동 메모이제이션의 사용이 필요할 수 있습니다 [51-53].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-25*
|
||||
Reference in New Issue
Block a user