bluemsi/2nd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: finalized wiki integrity maintenance (v3.0 standard) - pruned 1400+ stubs and fixed 11k+ ghost links

Browse Source
This commit is contained in:
Antigravity Agent
2026-05-02 09:18:34 +09:00
parent c84dcb8371
commit 6445fcc05b
13150 changed files with 55394 additions and 100862 deletions
Download Patch File Download Diff File Expand all files Collapse all files
10_Wiki/Topics_Art/Visual_Effects/.gitkeep
View File
10_Wiki/Topics_Art/Visual_Effects/CSS 애니메이션 성능(CSS Animation Performance).md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[CSS 애니메이션 성능(CSS Animation Performance)]]
# [[CSS 애니메이션 성능(CSS Animation Performance)|CSS 애니메이션 성능(CSS Animation Performance)]]
## 📌 Brief Summary
CSS 애니메이션 성능(CSS Animation Performance) 최적화는 웹 애플리케이션에서 애니메이션이 브라우저의 렌더링 엔진에 미치는 부하를 줄여 끊김 없는(jank-free) 부드러운 사용자 경험을 제공하기 위한 기술적 접근입니다. 레이아웃 재계산(Reflow)과 화면 다시 그리기(Repaint)를 유발하는 속성의 애니메이션을 피하고 GPU 가속을 활용할 수 있는 속성으로 대체하는 것이 핵심입니다. 최적화되지 않은 애니메이션은 기기의 리소스를 낭비하고 렌더링 속도를 늦춰 전반적인 유지보수성과 UX를 크게 저해할 수 있습니다 [1-3].
@@ -12,8 +12,8 @@ CSS 애니메이션 성능(CSS Animation Performance) 최적화는 웹 애플리
* **타이밍 및 성능 테스트**: 부드럽고 자연스러운 느낌을 위해 애니메이션 지속 시간은 보통 200~500ms로 짧게 유지하고 선형적(Linear) 전환보다는 Easing 함수(`ease-in-out` 등)를 사용해야 합니다 [16]. 배포 전에는 Chrome DevTools의 Performance Panel과 Layer Profiler 등을 활용하여 프레임 드롭이나 렌더링 병목 현상을 검증해야 합니다 [6, 17].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reflow와 Repaint(Reflows and Repaints)]], [[GPU 가속(GPU Acceleration)]], [[CSS 구조 설계 방식]], [[반응형 디자인]]
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트의 CSS 최적화(Performance Optimization in CSS Architecture)]], [[UX 개선을 위한 애니메이션 통합(Integrating Animation in UX)]]
- **Related Topics:** Reflow와 Repaint(Reflows and Repaints), [[GPU 가속(GPU Acceleration)|GPU 가속(GPU Acceleration)]], [[CSS 구조 설계 방식|CSS 구조 설계 방식]], [[반응형 디자인|반응형 디자인]]
- **Projects/Contexts:** 대규모 프론트엔드 프로젝트의 CSS 최적화(Performance Optimization in CSS Architecture), UX 개선을 위한 애니메이션 통합(Integrating Animation in UX)
- **Contradictions/Notes:** 소스 자료들은 UI에서 애니메이션이 사용자 경험(UX)을 향상하고 브랜드 개성을 살리는 중요한 소통 수단이라고 권장하지만, 동시에 목적 없는 과도한 애니메이션이나 성능을 고려하지 않은 구현은 사용자에게 인지적 과부하를 주거나 기기 성능을 떨어뜨려 오히려 심각한 경험 저하를 낳을 수 있다고 주의를 주고 있습니다 [2, 16, 18]. 따라서 "예쁘게" 만드는 것을 넘어 "유지보수 가능하고 최적화된(Performant)" 상태를 유지하는 것이 강조됩니다.
---
10_Wiki/Topics_Art/Visual_Effects/CSS 애니메이션 최적화(CSS Animations Optimization).md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[CSS 애니메이션 최적화(CSS Animations Optimization)]]
# [[CSS 애니메이션 최적화(CSS Animations Optimization)|CSS 애니메이션 최적화(CSS Animations Optimization)]]
## 📌 Brief만 Summary
CSS 애니메이션 최적화는 웹 인터페이스의 애니메이션이 브라우저 성능을 저하시키거나 사용자 경험을 해치지 않도록 구현하는 기법입니다. 불필요한 레이아웃 재계산(Reflow)과 화면 다시 그리기(Repaint)를 유발하는 속성 사용을 피하고, GPU 가속 및 브라우저 최적화 힌트를 활용하여 화면의 버벅거림(Jank) 현상을 방지합니다. 이를 통해 모바일 및 저사양 기기에서도 부드럽고 응답성 높은 인터페이스를 유지보수 가능하게 설계할 수 있습니다.
@@ -23,8 +23,8 @@ CSS 애니메이션 최적화는 웹 인터페이스의 애니메이션이 브
* 과도한 움직임은 전정기관 장애가 있는 사용자 등에게 불편함이나 멀미를 유발할 수 있습니다 [20, 21]. 이를 방지하기 위해 `prefers-reduced-motion` 미디어 쿼리를 사용하여 사용자의 OS 설정에 따라 애니메이션을 줄이거나 끄도록 제어해야 합니다 [20-22].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reflow와 Repaint(리플로우와 리페인트)]], [[GPU 가속 및 Compositing]], [[웹 접근성 및 prefers-reduced-motion]]
- **Projects/Contexts:** [[실무에서의 프론트엔드 성능 최적화]], [[유지보수 가능하고 확장 가능한 CSS 아키텍처 설계]]
- **Related Topics:** [[Reflow와 Repaint(리플로우와 리페인트)|Reflow와 Repaint(리플로우와 리페인트)]], [[GPU 가속 및 Compositing|GPU 가속 및 Compositing]], [[웹 접근성 및 prefers-reduced-motion|웹 접근성 및 prefers-reduced-motion]]
- **Projects/Contexts:** [[실무에서의 프론트엔드 성능 최적화|실무에서의 프론트엔드 성능 최적화]], [[유지보수 가능하고 확장 가능한 CSS 아키텍처 설계|유지보수 가능하고 확장 가능한 CSS 아키텍처 설계]]
- **Contradictions/Notes:** 브라우저의 성능을 끌어올리기 위해 `will-change` 속성을 사용할 수 있지만, 이 속성 자체도 자원을 소모하므로 불필요하게 많은 요소에 남용할 경우 오히려 브라우저를 과부하에 빠뜨려 성능 저하를 유발할 수 있습니다. 따라서 기존의 성능 문제를 해결하기 위한 '최후의 수단'으로만 엄격히 제한하여 사용해야 합니다 [10, 12, 18]. 또한 애니메이션을 부드럽게 하기 위해 1px 단위로 조작하는 것이 보기에는 좋을 수 있으나, 저사양 기기에서는 CPU를 과도하게 사용하게 되므로 차라리 3px 단위로 조작하여 매끄러움을 약간 타협하고 렌더링 속도를 확보하는 것이 실무적으로 좋은 해결책이 될 수 있습니다 [17].
---
10_Wiki/Topics_Art/Visual_Effects/CSS 애니메이션 최적화(Optimizing CSS Animations).md
+3 -3
View File
@@ -1,4 +1,4 @@
# [[CSS 애니메이션 최적화(Optimizing CSS Animations)]]
# [[CSS 애니메이션 최적화(Optimizing CSS Animations)|CSS 애니메이션 최적화(Optimizing CSS Animations)]]
## 📌 Brief Summary
CSS 애니메이션 최적화는 웹 페이지 내 애니메이션이 성능 저하나 끊김(Jank) 현상 없이 부드럽게 실행되도록 브라우저의 렌더링 과정을 개선하는 기법입니다 [1, 2]. 브라우저의 레이아웃 재계산(Reflow)과 화면 다시 그리기(Repaint)를 유발하는 속성 사용을 피하고, GPU 가속을 활용할 수 있는 속성을 중점적으로 사용하는 것이 핵심입니다 [3-5]. 이를 통해 사용자에게 쾌적하고 반응성 높은 인터페이스(UX)를 제공하는 동시에 디바이스의 리소스 소모를 최소화할 수 있습니다 [1, 6, 7].
@@ -20,8 +20,8 @@ CSS 애니메이션 최적화는 웹 페이지 내 애니메이션이 성능 저
모든 사용자나 기기가 애니메이션을 매끄럽게 소화할 수 있는 것은 아닙니다 [6, 20]. 전정기관 장애가 있는 사용자는 과도한 움직임으로 인해 어지러움을 느낄 수 있으며, 저사양 기기나 배터리가 부족한 모바일 기기 사용자에게는 애니메이션이 부담될 수 있습니다 [6, 20]. 이를 위해 `prefers-reduced-motion` 미디어 쿼리를 사용하여 운영체제 수준에서 애니메이션 감소를 설정한 사용자에게는 애니메이션을 제한하거나 제공하지 않는 방식의 최적화가 필요합니다 [6, 20].
## 🔗 Knowledge Connections
- **Related Topics:** [[Reflow & Repaint]], [[GPU 가속(GPU Acceleration)]], [[UX 애니메이션(UX Animation)]], [[will-change 속성]], [[prefers-reduced-motion]], [[접근성(Accessibility)]]
- **Projects/Contexts:** [[대규모 프론트엔드 프로젝트의 UI/UX 성능 최적화]], [[디자인 시스템 기반의 인터페이스 애니메이션 적용 및 검증 과정]]
- **Related Topics:** [[Reflow & Repaint|Reflow & Repaint]], [[GPU 가속(GPU Acceleration)|GPU 가속(GPU Acceleration)]], UX 애니메이션(UX Animation), will-change 속성, [[웹 접근성 및 prefers-reduced-motion|prefers-reduced-motion]], 접근성(Accessibility)
- **Projects/Contexts:** 대규모 프론트엔드 프로젝트의 UI/UX 성능 최적화, 디자인 시스템 기반의 인터페이스 애니메이션 적용 및 검증 과정
- **Contradictions/Notes:** 브라우저 성능 최적화를 돕는 `will-change` 속성은 잘 쓰면 반응성을 높이지만 무분별하게 남용될 경우 도리어 심각한 리소스 낭비 및 성능 저하를 일으키는 양면성이 있어 주의가 필요합니다 [14, 15]. 또한 화려한 애니메이션이 사용자 경험을 즐겁게 만들 수 있으나, 지나칠 경우 인지적 과부하를 일으키거나 성능 저하를 초래해 오히려 UX를 해칠 수 있습니다 [1-3].
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/3D Gaussian Splatting (3DGS).md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AI-AC09DA
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.95
tags: []
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Batch 9 - Wikified 3D Gaussian Splatting (3DGS)"
---
# [[3D Gaussian Splatting (3DGS)]]
# [[3D Gaussian Splatting (3DGS)|3D Gaussian Splatting (3DGS)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 3D Gaussian Splatting (3DGS)은 3D 스플랫(splat)들로 구성된 명시적 표현을 사용하여 고품질의 실시간 렌더링을 구현하는 혁신적인 기법이다 [1, 2]. 각 3D 가우시안은 중심 위치, 3D 공분산 행렬, 최대 불투명도, 그리고 구면 조화(Spherical Harmonics) 계수를 활용한 시점 종속적 색상으로 정의된다 [2]. 올바른 렌더링을 위해 카메라로부터의 거리를 기준으로 가우시안들을 뒤에서 앞으로 정렬(depth sorting)하고 알파 블렌딩(alpha-blending)하는 과정이 필수적이며 [3, 4], 미분 가능한 특성 덕분에 브라우저 환경에서 고품질 재구성 및 생성적 3D 모델링에 활발히 응용되고 있다 [1].
@@ -27,11 +27,11 @@ github_commit: "[P-Reinforce] Batch 9 - Wikified 3D Gaussian Splatting (3DGS)"
- **정책 변화:** Graphics & Performance 카테고리의 지식 연결망 강화를 위한 표준 위키화 적용.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[WebGL]], [[Compute Shader]]
- **Projects/Contexts:** [[WebSplatter]], [[CesiumJS]]
- **Related Topics:** [[WebGPU|WebGPU]], [[WebGL|WebGL]], [[Compute Shader|Compute Shader]]
- **Projects/Contexts:** WebSplatter, [[CesiumJS|CesiumJS]]
- **Contradictions/Notes:** WebGL 기반의 기존 3DGS 구현은 정렬 작업을 CPU에 의존하므로 동기화 병목과 프레임 지연이 발생하지만, WebGPU 기반의 WebSplatter는 파이프라인 전체를 GPU에서 병렬 연산함으로써 기존 웹 뷰어 대비 최대 4.5배의 렌더링 속도 향상과 낮은 메모리 소모를 달성한다 [6, 8, 15, 20].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/3D Gaussian Splatting (3DGS).md]]
- Raw Source: 00_Raw/2026-04-20/3D Gaussian Splatting (3DGS).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/ANGLE (Almost Native Graphics Layer Engine).md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-46B173
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - ANGLE (Almost Native Graphics Layer Engine)"
---
# [[ANGLE (Almost Native Graphics Layer Engine)]]
# [[ANGLE (Almost Native Graphics Layer Engine)|ANGLE (Almost Native Graphics Layer Engine)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> ANGLE(Almost Native Graphics Layer Engine)은 주로 Windows 플랫폼의 웹 브라우저(Chrome, Firefox, Opera 등)에서 사용되는 그래픽 명령어 변환기입니다. 이 엔진은 WebGL의 OpenGL ES 호출을 Direct3D 11 또는 12 명령으로 변환하는 역할을 수행합니다 [1, 2]. 고도로 최적화되어 있지만, 변환 과정에서 각 드로우 콜(Draw call)마다 고정된 마이크로 레이턴시(Micro-latency)를 유발하는 성능적 특징이 있습니다 [1, 3].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - ANGLE (Almost Native Graphics
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGL]], [[OpenGL ES]], [[Direct3D]], [[Micro-latency]], [[Draw Call]]
- **Projects/Contexts:** [[Chrome]], [[Firefox]], [[Opera]]
- **Related Topics:** [[WebGL|WebGL]], [[OpenGL ES|OpenGL ES]], [[Direct3D|Direct3D]], [[Micro-latency|Micro-latency]], [[Draw Call|Draw Call]]
- **Projects/Contexts:** [[Chrome|Chrome]], [[Firefox|Firefox]], [[Opera|Opera]]
- **Contradictions/Notes:** ANGLE은 브라우저에서 원활한 그래픽 처리를 위해 도입된 고도로 최적화된 변환기이지만, 드로우 콜이 많은 환경에서는 역설적이게도 이 변환 작업 자체가 누적되어 CPU 병목을 일으키는 주된 원인이 됩니다 [3].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/ANGLE (Almost Native Graphics Layer Engine).md]]
- Raw Source: 00_Raw/2026-04-20/ANGLE (Almost Native Graphics Layer Engine).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/ANGLE.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-26A7F5
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.95
tags: []
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Mega Batch - Wikified ANGLE"
---
# [[ANGLE]]
# [[ANGLE|ANGLE]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> ANGLE(Almost Native Graphics Layer Engine)은 Windows 플랫폼에서 WebGL(OpenGL ES) 명령을 Direct3D 11 또는 12로 변환해 주는 변환기(translator)입니다 [1, 2]. Chrome, Firefox, Opera와 같은 브라우저에서 널리 사용되며, 고도로 최적화되어 있음에도 불구하고 그래픽 파이프라인의 명령 제출(command submission) 단계에서 마이크로 레이턴시(micro-latency)를 유발하는 주요 원인 중 하나로 작용합니다 [1-3].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Mega Batch - Wikified ANGLE"
- **정책 변화:** Graphics & Performance 카테고리의 전문성 확보 및 링크 밀도 최적화.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGL]], [[OpenGL ES]], [[Direct3D]], [[Micro-latency]]
- **Projects/Contexts:** [[Web Graphics Pipelines]]
- **Related Topics:** [[WebGL|WebGL]], [[OpenGL ES|OpenGL ES]], [[Direct3D|Direct3D]], [[Micro-latency|Micro-latency]]
- **Projects/Contexts:** Web Graphics Pipelines
- **Contradictions/Notes:** ANGLE의 변환 작업은 "고도로 최적화(highly optimized)"되어 있지만, 역설적으로 많은 드로우 콜을 요구하는 환경에서는 이 최적화된 변환 작업조차 누적되어 CPU 병목의 주요 원인이 됩니다 [3].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/ANGLE.md]]
- Raw Source: 00_Raw/2026-04-20/ANGLE.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Agency-Narrative Integration.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-2E74EC
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Agency-Narrative Integration"
---
# [[Agency-Narrative Integration]]
# [[Agency-Narrative Integration|Agency-Narrative Integration]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Agency-Narrative Integration"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Agency-Narrative Integration.md]]
- Raw Source: 00_Raw/2026-04-20/Agency-Narrative Integration.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Alpha Blending.md
+4 -4
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-25F1DA
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.95
tags: []
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Mega Batch - Wikified Alpha Blending"
---
# [[Alpha Blending]]
# [[Alpha Blending|Alpha Blending]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 투명하거나 반투명한 객체를 렌더링할 때 시각적 결함 없이 정확한 투명도를 표현하기 위한 렌더링 혼합 기법입니다 [1]. 올바른 알파 블렌딩 결과를 얻기 위해서는 반드시 객체를 '뒤에서 앞으로(Back-to-Front)' 순서로 정렬하여 그려야 한다는 제약이 있습니다 [1]. 그 외 알파 블렌딩의 구체적인 수학적 원리나 연산식에 대해서는 소스에 관련 정보가 부족합니다.
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Mega Batch - Wikified Alpha Blending"
- **정책 변화:** Graphics & Performance 카테고리의 전문성 확보 및 링크 밀도 최적화.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Transparency Sorting]], [[InstancedMesh]], [[Overdraw]]
- **Related Topics:** Transparency Sorting, [[InstancedMesh|InstancedMesh]], [[Overdraw|Overdraw]]
- **Projects/Contexts:** 대규모 유리창 건물이나 투명한 숲 등 다수의 반투명 객체를 `InstancedMesh` 등을 사용하여 실시간으로 렌더링하고 최적화해야 하는 웹 그래픽스 및 게임 프로젝트 맥락 [1, 2].
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다. (제공된 소스에서는 알파 블렌딩 자체의 개념보다는, 투명 객체 렌더링 정렬 문제의 원인으로서만 간략히 언급되고 있습니다.)
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Alpha Blending.md]]
- Raw Source: 00_Raw/2026-04-20/Alpha Blending.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Apple-Human-Interface-Guidelines.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-D4F8B4
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Apple-Human-Interface-Guidelines"
---
# [[Apple-Human-Interface-Guidelines]]
# [[Apple-Human-Interface-Guidelines|Apple-Human-Interface-Guidelines]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Apple-Human-Interface-Guidelin
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Apple-Human-Interface-Guidelines.md]]
- Raw Source: 00_Raw/2026-04-20/Apple-Human-Interface-Guidelines.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Augmented Reality (AR).md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-003033
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Augmented Reality (AR)"
---
# [[Augmented Reality (AR)]]
# [[Augmented Reality (AR)|Augmented Reality (AR)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Augmented Reality (AR)"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Augmented Reality (AR).md]]
- Raw Source: 00_Raw/2026-04-20/Augmented Reality (AR).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Augmented Reality Navigation Systems.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-054006
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Augmented Reality Navigation Systems"
---
# [[Augmented Reality Navigation Systems]]
# [[Augmented Reality Navigation Systems|Augmented Reality Navigation Systems]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Augmented Reality Navigation S
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Augmented Reality Navigation Systems.md]]
- Raw Source: 00_Raw/2026-04-20/Augmented Reality Navigation Systems.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Autonomous Vehicle Perception.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-A226DB
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Autonomous Vehicle Perception"
---
# [[Autonomous Vehicle Perception]]
# [[Autonomous Vehicle Perception|Autonomous Vehicle Perception]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Autonomous Vehicle Perception"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Autonomous Vehicle Perception.md]]
- Raw Source: 00_Raw/2026-04-20/Autonomous Vehicle Perception.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BIM 모델 렌더링.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-B22078
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BIM 모델 렌더링"
---
# [[BIM 모델 렌더링]]
# [[BIM 모델 렌더링|BIM 모델 렌더링]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> BIM(건축 정보 모델) 및 CAD 모델 렌더링은 수십만 개의 고유하거나 반복되는 기하학적 요소로 이루어진 대규모 건설 데이터를 웹 브라우저 등에서 효율적으로 시각화하는 과정입니다 [1-3]. 이 과정에서는 막대한 드로우 콜(Draw call)과 메모리 대역폭 한계로 인한 성능 저하를 방지하기 위해 형상 병합(Merging), 인스턴싱(Instancing), 배칭(Batching) 등의 기법을 적재적소에 활용해야 합니다 [4-7]. 최근에는 WebGPU를 도입하여 500MB 이상의 거대 BIM 데이터를 실시간으로 렌더링하고 컴퓨트 셰이더를 통해 무거운 연산을 병렬 처리하는 방식이 대규모 건설 뷰어의 핵심 기술로 부상하고 있습니다 [8-10].
@@ -33,11 +33,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BIM 모델 렌더링"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[InstancedMesh]], [[BatchedMesh]], [[WebGPU]], [[Draw Call]]
- **Projects/Contexts:** [[IFC.js]], [[Revit 모델 렌더링]], [[대규모 건설 뷰어(Construction Viewers)]]
- **Related Topics:** [[InstancedMesh|InstancedMesh]], [[BatchedMesh|BatchedMesh]], [[WebGPU|WebGPU]], [[Draw Call|Draw Call]]
- **Projects/Contexts:** [[IFC.js|IFC.js]], [[Revit 모델 렌더링|Revit 모델 렌더링]], [[대규모 건설 뷰어(Construction Viewers)|대규모 건설 뷰어(Construction Viewers)]]
- **Contradictions/Notes:** 다양한 형태의 객체를 단일 드로우 콜로 처리하여 성능을 높이기 위해 `BatchedMesh`를 사용하는 것이 일반적으로 권장되지만, 수백만 개의 정점과 수십만 개의 서브 지오메트리가 있는 거대한 Revit 기반 건축 모델에 이를 그대로 적용할 경우, 내부 버퍼 업데이트와 데이터 복사 등의 오버헤드로 인해 오히려 CPU 사용량이 40~60% 이상 폭증하고 프레임(FPS)이 급락하는 심각한 성능 역전 현상이 보고되기도 하므로 데이터 규모에 따른 주의가 필요합니다 [15, 22-25].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BIM 모델 렌더링.md]]
- Raw Source: 00_Raw/2026-04-20/BIM 모델 렌더링.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BIM 모델 시뮬레이션.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-B4BA95
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BIM 모델 시뮬레이션"
---
# [[BIM 모델 시뮬레이션]]
# [[BIM 모델 시뮬레이션|BIM 모델 시뮬레이션]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> BIM(Building Information Modeling) 모델 시뮬레이션은 수십만 개의 개별 부품으로 구성된 건축 및 건설 데이터를 웹 환경 등에서 실시간으로 렌더링하고 상호작용하는 기술입니다 [1, 2]. 이러한 대규모 데이터셋은 CPU와 GPU 간의 병목 현상을 쉽게 유발하므로 성능 유지를 위해 인스턴싱, 지오메트리 병합, 그리고 최신 그래픽스 API의 활용이 필수적입니다 [2, 3]. 최근에는 대형 모델 처리를 위해 WebGPU의 컴퓨트 셰이더를 활용하여 연산 부하를 획기적으로 낮추는 방법이 도입되고 있습니다 [4, 5].
@@ -27,11 +27,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BIM 모델 시뮬레이션"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[InstancedMesh]], [[BatchedMesh]], [[Compute Shader]]
- **Projects/Contexts:** [[대규모 건설 뷰어(Large-Scale Construction Viewers)]]
- **Related Topics:** [[WebGPU|WebGPU]], [[InstancedMesh|InstancedMesh]], [[BatchedMesh|BatchedMesh]], [[Compute Shader|Compute Shader]]
- **Projects/Contexts:** 대규모 건설 뷰어(Large-Scale Construction Viewers)
- **Contradictions/Notes:** 다양한 부품이 혼재된 BIM 모델 최적화를 위해 다중 드로우를 하나로 묶는 `BatchedMesh`가 대안으로 제시되지만, 정점 및 면(face)의 수가 1,000만 개 단위를 넘어갈 정도로 너무 큰 경우에는 과도한 버퍼 연산으로 인해 CPU 점유율이 오히려 치솟는 치명적인 성능 저하가 발생한다는 한계가 있습니다 [8, 9, 11].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BIM 모델 시뮬레이션.md]]
- Raw Source: 00_Raw/2026-04-20/BIM 모델 시뮬레이션.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BVH.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-D211FC
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BVH"
---
# [[BVH]]
# [[BVH|BVH]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> BVH(Bounding Volume Hierarchy)는 3D 환경에서 빠르고 효율적인 레이캐스팅(Raycasting), 절두체 컬링(Frustum Culling) 및 공간 질의(Spatial Queries)를 가능하게 하는 정교한 공간 분할 자료구조입니다 [1, 2]. 이는 렌더링, 조명 및 그림자 연산, 충돌 처리, 자산의 메모리 로딩 등 광범위한 최적화를 주도하는 핵심 기반 기술입니다 [3]. Three.js 생태계에서는 주로 대규모 폴리곤이나 복잡한 인스턴스 씬에서의 성능을 극대화하기 위해 활용됩니다 [1, 4].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BVH"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Raycasting]], [[Frustum Culling]], [[InstancedMesh]], [[Spatial Indexing]]
- **Projects/Contexts:** [[three-mesh-bvh]], [[InstancedMesh2]]
- **Related Topics:** [[Raycasting|Raycasting]], [[Frustum Culling|Frustum Culling]], [[InstancedMesh|InstancedMesh]], Spatial Indexing
- **Projects/Contexts:** [[three-mesh-bvh|three-mesh-bvh]], [[InstancedMesh2|InstancedMesh2]]
- **Contradictions/Notes:** 기본 `three-mesh-bvh` 라이브러리만으로는 `InstancedMesh`의 전체 인스턴스 집합에 대한 직접적인 공간 조회가 제한적이라는 점이 지적되지만 [7], 커뮤니티에서 개발된 `InstancedMesh2` 라이브러리가 BVH 공간 인덱스를 내장함으로써 이러한 한계를 성공적으로 극복하고 전체 인스턴스의 빠른 컬링 및 레이캐스팅을 가능하게 합니다 [10, 12].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BVH.md]]
- Raw Source: 00_Raw/2026-04-20/BVH.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Babylonjs.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-852A59
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Babylonjs"
---
# [[Babylonjs]]
# [[Babylonjs|Babylonjs]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Babylon.js는 수천에서 수만 개의 메쉬로 구성된 대규모 3D 씬을 웹 환경에서 렌더링하고 관리하는 데 사용되는 그래픽 엔진입니다. 렌더링 성능 및 메모리 최적화를 위해 MergeMesh, 인스턴스 메쉬(Instanced Meshes), 그리고 솔리드 파티클 시스템(Solid Particle System, SPS) 등의 기법을 지원합니다. 대규모 인스턴스 처리 시 발생하는 CPU 병목 현상을 극복하기 위해 하드웨어 제어력이 높은 WebGPU 기술의 도입이 적극적으로 논의되고 있습니다.
@@ -31,11 +31,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Babylonjs"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Instanced Meshes]], [[Solid Particle System (SPS)]], [[Frustum Culling]], [[WebGPU]]
- **Projects/Contexts:** [[대규모 3D 환경 렌더링 최적화 프로젝트]]
- **Related Topics:** Instanced Meshes, Solid Particle System (SPS), [[Frustum Culling|Frustum Culling]], [[WebGPU|WebGPU]]
- **Projects/Contexts:** 대규모 3D 환경 렌더링 최적화 프로젝트
- **Contradictions/Notes:** 인스턴스 메쉬는 지오메트리를 복제하지 않아 메모리가 절약되어야 하지만, 한 사용자는 10,000개의 인스턴스당 100MB의 힙 메모리가 증가(인스턴스당 약 8~10KB)한다는 프로파일링 결과를 제기했습니다 [7, 11]. 이에 대해 Babylon.js 개발진(Deltakosh)은 실제 인스턴스 1개당 차지하는 메모리는 약 400바이트 수준이라고 확인하며 오해를 정정했습니다 [12].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Babylon.js.md]]
- Raw Source: 00_Raw/2026-04-20/Babylon.js.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BatchedMesh 및 InstancedMesh 성능 벤치마크.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-6B3697
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BatchedMesh 및 InstancedMesh 성능 벤치마크"
---
# [[BatchedMesh 및 InstancedMesh 성능 벤치마크]]
# [[BatchedMesh 및 InstancedMesh 성능 벤치마크|BatchedMesh 및 InstancedMesh 성능 벤치마크]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> BatchedMesh와 InstancedMesh는 Three.js 환경에서 드로우 콜(Draw Call)을 줄여 렌더링 성능을 대폭 개선하는 대표적인 최적화 기법입니다 [1, 2]. InstancedMesh는 동일한 형태의 객체를 대량으로 그릴 때 탁월한 효율을 보이지만 다양한 지오메트리를 한 번에 처리할 수는 없으며, BatchedMesh는 서로 다른 지오메트리를 하나의 드로우 콜로 묶을 수 있는 높은 유연성을 제공합니다 [3, 4]. 하지만 벤치마크 사례 연구에 따르면, 대규모 객체를 처리할 때 BatchedMesh는 내부적인 객체 정렬 및 버퍼 업로드 오버헤드로 인해 오히려 심각한 CPU 병목 현상과 렌더링 성능 저하를 유발할 수 있음이 확인되었습니다 [5, 6].
@@ -33,11 +33,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BatchedMesh 및 InstancedMesh
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[드로우 콜 (Draw Call)]], [[Frustum Culling (시야 절두체 컬링)]], [[오버드로우 (Overdraw)]]
- **Projects/Contexts:** [[Revit 및 BIM 건축 모델 렌더링 최적화]], [[WebGPU 및 Indirect Draw]]
- **Related Topics:** 드로우 콜 (Draw Call), Frustum Culling (시야 절두체 컬링), [[오버드로우(Overdraw)|오버드로우 (Overdraw)]]
- **Projects/Contexts:** Revit 및 BIM 건축 모델 렌더링 최적화, WebGPU 및 Indirect Draw
- **Contradictions/Notes:** BatchedMesh는 여러 종류의 지오메트리 렌더링 시 발생하는 CPU의 드로우 콜 오버헤드를 줄이고 성능을 최적화하기 위해 고안되었으나, 대규모(10만 개 이상) 지오메트리 벤치마크 환경에서는 내부 상태 업데이트 및 버퍼 데이터 전송 부하로 인해 도리어 Merged Mesh 방식보다 CPU 사용량을 최대 3배 이상 폭증시키고 FPS를 심각하게 떨어뜨리는 역설적인 결과를 보입니다 [5, 15, 30].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BatchedMesh 및 InstancedMesh 성능 벤치마크.md]]
- Raw Source: 00_Raw/2026-04-20/BatchedMesh 및 InstancedMesh 성능 벤치마크.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BatchedMesh.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-AADCDE
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BatchedMesh"
---
# [[BatchedMesh]]
# [[BatchedMesh|BatchedMesh]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -32,11 +32,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BatchedMesh"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[InstancedMesh]], [[Draw Call Optimization]], [[WEBGL_multi_draw]], [[Frustum Culling]]
- **Projects/Contexts:** [[Three.js 렌더링 최적화]], [[대규모 3D 건축 모델(BIM) 시각화]], [[InstancedMesh 사용 시 드로우 콜 최적화의 한계점 사례 연구]]
- **Related Topics:** [[InstancedMesh|InstancedMesh]], [[Draw Call Optimization|Draw Call Optimization]], [[WEBGL_multi_draw|WEBGL_multi_draw]], [[Frustum Culling|Frustum Culling]]
- **Projects/Contexts:** [[Three.js 렌더링 최적화|Three.js 렌더링 최적화]], [[대규모 3D 건축 모델(BIM) 시각화|대규모 3D 건축 모델(BIM) 시각화]], [[InstancedMesh 사용 시 드로우 콜 최적화의 한계점 사례 연구|InstancedMesh 사용 시 드로우 콜 최적화의 한계점 사례 연구]]
- **Contradictions/Notes:** 소스에서는 BatchedMesh가 여러 지오메트리를 한 번에 그려 드로우 콜을 획기적으로 줄여준다고 설명하지만, 동시에 인스턴스 수가 10만 개 이상이거나 1,200만 폴리곤 이상의 환경에서는 CPU의 버퍼 패킹 및 다중 드로우 처리 부하로 인해 병합된 일반 메쉬(Merged Mesh)나 InstancedMesh보다 FPS가 30~50% 이상 떨어지는 모순적 한계를 지니고 있음을 실증 사례로 지적합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BatchedMesh.md]]
- Raw Source: 00_Raw/2026-04-20/BatchedMesh.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Batching.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-723577
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Batching"
---
# [[Batching]]
# [[Batching|Batching]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Batching(배칭)은 렌더링 성능을 최적화하기 위해 여러 개의 렌더링 객체나 처리 명령을 하나의 그룹으로 묶어 일괄적으로 실행하는 기법입니다. 주로 3D 그래픽스(WebGL, WebGPU) 환경에서 GPU로 보내는 드로우 콜(Draw Call) 횟수를 줄여 성능 오버헤드를 최소화하는 데 사용됩니다. 또한 웹 개발 환경에서는 DOM의 읽기 및 쓰기 작업을 묶어 불필요한 레이아웃 재계산을 방지하는 목적으로도 활용됩니다.
@@ -28,11 +28,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Batching"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Draw Calls]], [[WebGL]], [[WebGPU]], [[Interaction to Next Paint (INP)]]
- **Projects/Contexts:** [[Cesium]], [[Wonderland Engine]]
- **Related Topics:** Draw Calls, [[WebGL|WebGL]], [[WebGPU|WebGPU]], [[Interaction to Next Paint (INP)|Interaction to Next Paint (INP)]]
- **Projects/Contexts:** [[Cesium|Cesium]], [[Wonderland Engine|Wonderland Engine]]
- **Contradictions/Notes:** 소스 내에서 배칭에 관한 상충되는 의견은 없으나, 3D 엔진에서의 '드로우 콜 병합'과 프론트엔드 최적화에서의 'DOM 연산 일괄 처리'라는 서로 다른 두 가지 시스템 컨텍스트에서 성능 개선을 위한 공통된 원리로 작용하고 있음을 보여줍니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Batching.md]]
- Raw Source: 00_Raw/2026-04-20/Batching.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Behavioral Economics in Digital Ecosystems.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-CAA259
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Behavioral Economics in Digital Ecosystems"
---
# [[Behavioral Economics in Digital Ecosystems]]
# [[Behavioral Economics in Digital Ecosystems|Behavioral Economics in Digital Ecosystems]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Behavioral Economics in Digita
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Behavioral Economics in Digital Ecosystems.md]]
- Raw Source: 00_Raw/2026-04-20/Behavioral Economics in Digital Ecosystems.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Behavioral Economics.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-612A46
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Behavioral Economics"
---
# [[Behavioral Economics]]
# [[Behavioral Economics|Behavioral Economics]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Behavioral Economics"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Behavioral Economics.md]]
- Raw Source: 00_Raw/2026-04-20/Behavioral Economics.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Bio-mechanical-Modeling.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-8DE8EF
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Bio-mechanical-Modeling"
---
# [[Bio-mechanical-Modeling]]
# [[Bio-mechanical-Modeling|Bio-mechanical-Modeling]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Bio-mechanical-Modeling"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Bio-mechanical-Modeling.md]]
- Raw Source: 00_Raw/2026-04-20/Bio-mechanical-Modeling.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Bioregionalism.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-01D600
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Bioregionalism"
---
# [[Bioregionalism]]
# [[Bioregionalism|Bioregionalism]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Bioregionalism"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Bioregionalism.md]]
- Raw Source: 00_Raw/2026-04-20/Bioregionalism.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Bounding Volume Hierarchy (BVH).md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-68A235
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Bounding Volume Hierarchy (BVH)"
---
# [[Bounding Volume Hierarchy (BVH)]]
# [[Bounding Volume Hierarchy (BVH)|Bounding Volume Hierarchy (BVH)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Bounding Volume Hierarchy (BVH
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Raycasting]], [[Frustum Culling]], [[InstancedMesh]], [[Spatial Partitioning]]
- **Projects/Contexts:** [[three-mesh-bvh]], [[InstancedMesh2]]
- **Related Topics:** [[Raycasting|Raycasting]], [[Frustum Culling|Frustum Culling]], [[InstancedMesh|InstancedMesh]], [[Spatial Partitioning|Spatial Partitioning]]
- **Projects/Contexts:** [[three-mesh-bvh|three-mesh-bvh]], [[InstancedMesh2|InstancedMesh2]]
- **Contradictions/Notes:** BVH 모델을 씬에서 직접 시각화하여 확인하고자 할 때, 최신 라이브러리 환경에서는 기존에 사용되던 `MeshBVHVisualizer`가 더 이상 지원되지 않으므로(deprecated) 반드시 문서를 참조하여 `MeshBVHHelper`를 사용해야 합니다 [12].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Bounding Volume Hierarchy (BVH).md]]
- Raw Source: 00_Raw/2026-04-20/Bounding Volume Hierarchy (BVH).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Buffer Allocation.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-B20BA9
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Buffer Allocation"
---
# [[Buffer Allocation]]
# [[Buffer Allocation|Buffer Allocation]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 버퍼 할당(Buffer Allocation)은 WebGL 및 WebGPU 환경에서 정점, 인덱스, 인스턴스 변환 행렬 등의 데이터를 저장하기 위해 GPU 메모리 공간을 확보하는 과정입니다. 렌더링 중 동적으로 버퍼 크기를 늘리거나 빈번하게 데이터를 업데이트할 경우 심각한 프레임 지연 및 메모리 오류가 발생할 수 있습니다. 따라서 최대 예상치에 맞춰 사전에 버퍼를 할당하고, 재사용 가능한 영구적인 GPU 버퍼를 활용하는 것이 3D 애플리케이션 성능 최적화에 필수적입니다.
@@ -24,11 +24,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Buffer Allocation"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[GPU Instancing]], [[Memory Management]], [[Object Pooling]], [[Garbage Collection]]
- **Projects/Contexts:** [[Three.js]], [[Needle Engine]], [[WebGPU]]
- **Related Topics:** GPU Instancing, [[Memory Management|Memory Management]], [[Object Pooling|Object Pooling]], [[Garbage Collection|Garbage Collection]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[Needle Engine|Needle Engine]], [[WebGPU|WebGPU]]
- **Contradictions/Notes:** 소스에서는 실행 중 버퍼 크기를 동적으로 늘리는 방식(Dynamic Growth)은 성능 지연과 오류를 낳으므로, 초기에 넉넉하게 메모리 공간을 사전 할당(Preallocate)하는 방식이 훨씬 안정적이라고 강조합니다 [1-3].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Buffer Allocation.md]]
- Raw Source: 00_Raw/2026-04-20/Buffer Allocation.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BufferAttribute.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7E5F3E
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BufferAttribute"
---
# [[BufferAttribute]]
# [[BufferAttribute|BufferAttribute]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> `BufferAttribute`는 Three.js에서 3D 모델의 지오메트리 데이터를 저장하고 관리하기 위해 사용되는 핵심 클래스입니다 [1, 2]. 이 클래스는 Web Worker와 메인 스레드 간에 데이터를 중복 복사 없이 효율적으로 공유할 수 있게 해주며, 데이터 압축을 통한 메모리 최적화를 지원합니다 [2, 3]. 또한, 파생 클래스인 `InstancedBufferAttribute`를 통해 인스턴스 기반 렌더링에서 객체별 고유 데이터를 GPU로 전송하는 필수적인 역할을 수행합니다 [4, 5].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BufferAttribute"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[InstancedBufferAttribute]], [[BufferGeometry]], [[SharedArrayBuffer]], [[InstancedMesh]]
- **Projects/Contexts:** [[WebGL/Three.js 대규모 CAD 렌더링 메모리 최적화]], [[다중 객체 드로우 콜 최적화 및 커스텀 셰이더 적용 맥락]]
- **Related Topics:** InstancedBufferAttribute, [[BufferGeometry|BufferGeometry]], [[SharedArrayBuffer|SharedArrayBuffer]], [[InstancedMesh|InstancedMesh]]
- **Projects/Contexts:** WebGL/Three.js 대규모 CAD 렌더링 메모리 최적화, 다중 객체 드로우 콜 최적화 및 커스텀 셰이더 적용 맥락
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BufferAttribute.md]]
- Raw Source: 00_Raw/2026-04-20/BufferAttribute.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/BufferGeometry.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-2887C6
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - BufferGeometry"
---
# [[BufferGeometry]]
# [[BufferGeometry|BufferGeometry]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> BufferGeometry는 Three.js의 핵심 3D 기하학 구조를 정의하는 객체이다 [1]. InstancedMesh 기술에서 수많은 인스턴스가 공통으로 공유하는 기하학적 데이터로 사용된다 [2, 3]. 또한 여러 개의 지오메트리를 단일 BufferGeometry로 병합하여 렌더링 과정에서 발생하는 드로우 콜(Draw Call)을 최소화하는 성능 최적화의 핵심 단위로도 활용된다 [4, 5].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - BufferGeometry"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[InstancedMesh]], [[Draw Call]], [[BufferGeometryUtils]]
- **Projects/Contexts:** [[Three.js]], [[IFC.js Fragment]]
- **Related Topics:** [[InstancedMesh|InstancedMesh]], [[Draw Call|Draw Call]], BufferGeometryUtils
- **Projects/Contexts:** [[Three.js|Three.js]], [[IFCjs (Fragment)|IFC.js Fragment]]
- **Contradictions/Notes:** 소스 문헌들은 성능 개선을 위해 객체들을 단일 BufferGeometry로 병합할 것을 권장하면서도, 이 방식이 드로우 콜을 최소화하는 대신 RAM 소모량을 높이고 시야 절두체 컬링의 효율을 저하시키는 트레이드오프(Trade-off)를 유발한다고 경고한다 [4, 5].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/BufferGeometry.md]]
- Raw Source: 00_Raw/2026-04-20/BufferGeometry.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/CPU Bottleneck.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-944A15
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - CPU Bottleneck"
---
# [[CPU Bottleneck]]
# [[CPU Bottleneck|CPU Bottleneck]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 3D 그래픽스 및 실시간 렌더링 환경에서 CPU 병목(CPU Bottleneck)이란, CPU가 렌더링 명령어(드로우 콜)를 준비하고 GPU로 전송하거나 필요한 데이터 연산을 처리하는 속도가 느려져 GPU가 제 성능을 발휘하지 못하고 대기(Starve)하게 되는 현상을 말합니다 [1]. 주로 개별 모델에 대한 과도한 드로우 콜 발행이나 자바스크립트 메인 스레드에서의 무거운 연산(애니메이션, 정렬, 컬링 등)으로 인해 발생하며 [2-4], 이를 해결하기 위해 인스턴싱(Instancing)이나 연산의 GPU 오프로딩 기법이 사용됩니다 [5, 6].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - CPU Bottleneck"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Draw Call]], [[InstancedMesh]], [[Frustum Culling]]
- **Projects/Contexts:** [[Three.js]], [[WebGL]], [[WebGPU]]
- **Related Topics:** [[Draw Call|Draw Call]], [[InstancedMesh|InstancedMesh]], [[Frustum Culling|Frustum Culling]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[WebGL|WebGL]], [[WebGPU|WebGPU]]
- **Contradictions/Notes:** `InstancedMesh` 기술은 수천 개의 객체를 단 한 번의 드로우 콜로 처리하여 CPU 병목을 획기적으로 해결하는 기술로 알려져 있습니다 [6, 12]. 그러나 이 방식은 개별 객체의 컬링이나 정렬 같은 내부 최적화를 지원하지 않으므로, 이를 극복하기 위해 CPU 단에서 수동으로 위치를 검사하고 버퍼를 재정렬하는 로직을 추가할 경우 오히려 이전보다 더 극심한 CPU 연산 병목이 발생하는 역설적인 상황이 빈번하게 발생합니다 [4, 9].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/CPU Bottleneck.md]]
- Raw Source: 00_Raw/2026-04-20/CPU Bottleneck.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/CPU Overhead.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-38FA31
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - CPU Overhead"
---
# [[CPU Overhead]]
# [[CPU Overhead|CPU Overhead]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> CPU 오버헤드(CPU Overhead)는 웹 그래픽 렌더링 및 브라우저 실행 중에 중앙 처리 장치(CPU)에 가해지는 계산 부담 및 처리 지연을 의미합니다 [1, 2]. WebGL과 같은 기존 API에서는 단일 스레드 기반의 명령 제출과 JavaScript 실행이 CPU 병목 현상을 일으켜 GPU가 유휴 상태에 빠지게 만듭니다 [2, 3]. WebGPU와 같은 최신 API는 멀티 스레드 명령 생성과 컴퓨트 셰이더를 통한 연산 오프로딩을 통해 이러한 CPU 오버헤드를 대폭 감소시킵니다 [4, 5].
@@ -27,11 +27,11 @@ github_commit: "[P-Reinforce] Continuous Worker - CPU Overhead"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGL]], [[WebGPU]], [[Draw Calls]], [[Micro-latency]], [[Compute Shaders]]
- **Projects/Contexts:** [[3D Gaussian Splatting (3DGS)]], [[WebSplatter]], [[ANGLE]]
- **Related Topics:** [[WebGL|WebGL]], [[WebGPU|WebGPU]], Draw Calls, [[Micro-latency|Micro-latency]], [[Compute Shaders|Compute Shaders]]
- **Projects/Contexts:** [[3D Gaussian Splatting (3DGS)|3D Gaussian Splatting (3DGS)]], WebSplatter, [[ANGLE|ANGLE]]
- **Contradictions/Notes:** 제공된 소스들 사이에서 명백한 모순은 발견되지 않습니다. 모든 소스가 WebGL의 단일 스레드 아키텍처가 야기하는 CPU 병목 현상을 WebGPU의 멀티 스레드 도입 및 명시적 리소스 관리로 극복한다는 공통된 기술적 진화를 설명하고 있습니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/CPU Overhead.md]]
- Raw Source: 00_Raw/2026-04-20/CPU Overhead.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cel-Shading-Techniques.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-6E2113
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cel-Shading-Techniques"
---
# [[Cel-Shading-Techniques]]
# [[Cel-Shading-Techniques|Cel-Shading-Techniques]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cel-Shading-Techniques"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cel-Shading-Techniques.md]]
- Raw Source: 00_Raw/2026-04-20/Cel-Shading-Techniques.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cellular Automata.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-5EDE2E
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cellular Automata"
---
# [[Cellular Automata]]
# [[Cellular Automata|Cellular Automata]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cellular Automata"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cellular Automata.md]]
- Raw Source: 00_Raw/2026-04-20/Cellular Automata.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cesium.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-8A58ED
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cesium"
---
# [[Cesium]]
# [[Cesium|Cesium]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 소스에 관련 정보가 부족합니다. 제공된 문서에서 Cesium은 3D 렌더링 중 메쉬 배칭(Mesh batching) 기능인 `Batched3DModel`을 지원하는 환경으로 매우 짧게 언급되며, 주로 Three.js의 `BatchedMesh` 성능과 비교하기 위한 대조군으로 등장합니다 [1, 2].
@@ -24,11 +24,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Cesium"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Batched3DModel]], [[BatchedMesh]]
- **Projects/Contexts:** [[Three.js BatchedMesh 성능 이슈 비교]]
- **Related Topics:** Batched3DModel, [[BatchedMesh|BatchedMesh]]
- **Projects/Contexts:** Three.js BatchedMesh 성능 이슈 비교
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다. 작성자는 Cesium의 배칭과 Three.js의 `BatchedMesh`가 매우 유사할 것이라고 추측하지만 [1, 2], 실제로 두 기술 간의 구체적인 아키텍처 차이나 성능 차이의 근본적 원인을 설명하는 기술적 정보는 소스에 존재하지 않습니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Cesium.md]]
- Raw Source: 00_Raw/2026-04-20/Cesium.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Chrome (Blink_Dawn).md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-3115F7
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Chrome (Blink_Dawn)"
---
# [[Chrome (Blink_Dawn)]]
# [[Chrome (Blink_Dawn)|Chrome (Blink_Dawn)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Chrome(Blink/Dawn)은 구글 크롬 브라우저의 핵심 엔진인 Blink와 WebGPU 백엔드인 Dawn을 지칭합니다 [1, 2]. 이들은 웹 환경에서 고성능 그래픽 및 연산 파이프라인을 처리하는 동시에, Spectre 및 Meltdown과 같은 보안 취약점을 방지하기 위해 정밀 타이머 접근을 제한하는 보안 메커니즘을 구현하고 있습니다 [1, 2]. 또한 개발자가 웹 애플리케이션의 성능 병목 현상을 식별할 수 있도록 심층적인 프로세스 트레이싱 및 프로파일링 환경을 제공합니다 [3-5].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Chrome (Blink_Dawn)"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[Timestamp Queries]], [[Spectre and Meltdown]]
- **Projects/Contexts:** [[Chrome DevTools]], [[about:tracing]]
- **Related Topics:** [[WebGPU|WebGPU]], [[Timestamp Queries|Timestamp Queries]], [[Spectre and Meltdown|Spectre and Meltdown]]
- **Projects/Contexts:** [[Chrome DevTools|Chrome DevTools]], about:tracing
- **Contradictions/Notes:** 타임스탬프 쿼리 해상도와 관련하여 초기에는 격리된 컨텍스트(isolated contexts) 여부에 따라 다르게 노출되는 방안이 논의되었으나, 향후 W3C의 High Resolution Time 사양과 일치시켜 사이트 격리 여부와 관계없이 100 마이크로초(100us) 해상도를 허용하는 방향으로 GPU for the Web Community Group에서 합의를 이루었습니다 [6, 12, 13].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Chrome (Blink_Dawn).md]]
- Raw Source: 00_Raw/2026-04-20/Chrome (Blink_Dawn).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Chrome WebGPU 구현.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7CCB76
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Chrome WebGPU 구현"
---
# [[Chrome WebGPU 구현]]
# [[Chrome WebGPU 구현|Chrome WebGPU 구현]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Chrome은 113 버전부터 WebGPU를 기본으로 활성화하여 차세대 웹 그래픽스 및 컴퓨팅 API를 지원하기 시작했습니다 [1, 2]. Chrome의 WebGPU 구현체는 'Dawn'이라는 백엔드와 'Tint' 셰이더 컴파일러를 기반으로 작동하며, 성능 향상과 보안 강화를 위한 다양한 기능(예: 16비트 부동소수점 지원, 타임스탬프 양자화 등)을 지속적으로 업데이트하고 있습니다 [3-5]. 초기 데스크톱 지원을 시작으로 현재는 Android 환경까지 지원을 확장하여 이식성 높고 강력한 GPU 가속 환경을 제공합니다 [6].
@@ -27,11 +27,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Chrome WebGPU 구현"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Dawn]], [[WGSL]], [[타임스탬프 쿼리 (Timestamp Queries)]], [[f16 부동소수점]]
- **Projects/Contexts:** [[Chromium]], [[GPU for the Web Community Group]]
- **Related Topics:** Dawn, WGSL, 타임스탬프 쿼리 (Timestamp Queries), f16 부동소수점
- **Projects/Contexts:** [[Chromium|Chromium]], [[GPU for the Web Community Group|GPU for the Web Community Group]]
- **Contradictions/Notes:** 소스에 따르면 WebGPU 타임스탬프 쿼리의 노출 정책에 대한 변화가 있었습니다. 초기에는 보안 문제로 인해 "사이트 격리(Site isolation)가 된 컨텍스트에서만 100마이크로초로 노출하고 비격리 상태에서는 아예 노출하지 않는 방안"이 크롬 팀에 의해 제안되었습니다 [12]. 그러나 플랫폼 간의 상호 운용성(Interop) 문제를 지적하는 의견에 따라, 최종적으로는 격리 여부와 관계없이 고해상도 시간(hr-time) 스펙에 맞춰 일괄적으로 100마이크로초 해상도로 노출하는 것으로 합의되었습니다 [17, 18].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Chrome WebGPU 구현.md]]
- Raw Source: 00_Raw/2026-04-20/Chrome WebGPU 구현.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Chrome _ Blink WebGPU Implementation.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-4FF4D6
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Chrome _ Blink WebGPU Implementation"
---
# [[Chrome _ Blink WebGPU Implementation]]
# [[Chrome _ Blink WebGPU Implementation|Chrome _ Blink WebGPU Implementation]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Chrome과 Blink 엔진에서 WebGPU를 구현한 방식은 현대적인 GPU 파이프라인의 이점을 웹에 제공하면서도 하드웨어 보안을 유지하도록 설계되었습니다. 특히 타이밍 공격을 방지하기 위해 타임스탬프 쿼리에 양자화(Quantization)를 적용하여 해상도를 제한합니다. Chrome 백엔드 엔진인 Dawn을 기반으로 구동되며, 지속적인 업데이트(예: Chrome 120)를 통해 16비트 부동소수점 지원 및 GPU 리소스 할당 한계를 확장하여 성능과 개발자 경험을 향상시키고 있습니다.
@@ -33,11 +33,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Chrome _ Blink WebGPU Implemen
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU Timestamp Queries]], [[Dawn]], [[Spectre and Meltdown]], [[WGSL]]
- **Projects/Contexts:** [[Chrome 120 WebGPU Updates]]
- **Related Topics:** [[WebGPU Timestamp Queries|WebGPU Timestamp Queries]], Dawn, [[Spectre and Meltdown|Spectre and Meltdown]], WGSL
- **Projects/Contexts:** Chrome 120 WebGPU Updates
- **Contradictions/Notes:** 소스에 따르면, 타임스탬프 노출에 대한 초기 제안은 보안을 이유로 비격리 컨텍스트에서는 타임스탬프를 전혀 제공하지 않는 것이었으나 [5], 이후 상호 운용성(Interop) 문제를 해결하기 위해 GPU for the Web 커뮤니티 그룹의 합의를 거쳐 컨텍스트의 격리 여부와 상관없이 100 마이크로초 단위로 값을 제공하는 것으로 정책이 수정되었습니다 [6].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Chrome _ Blink WebGPU Implementation.md]]
- Raw Source: 00_Raw/2026-04-20/Chrome _ Blink WebGPU Implementation.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Chrome.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-5D281C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Chrome"
---
# [[Chrome]]
# [[Chrome|Chrome]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Chrome은 웹 성능 표준과 최신 웹 그래픽 기술을 주도하는 Google의 웹 브라우저이다 [1, 2]. 강력한 개발자 도구인 Chrome DevTools를 제공하여 애플리케이션의 런타임 및 로드 성능을 심층적으로 분석할 수 있게 하며, WebGL 및 WebGPU와 같은 차세대 그래픽 API를 적극적으로 지원한다 [3, 4]. 또한 Chrome 사용자 환경 보고서(CrUX)를 통해 실제 사용자의 성능 데이터를 수집하여 Core Web Vitals를 측정하는 핵심적인 역할을 담당한다 [5, 6].
@@ -24,11 +24,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Chrome"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Chrome DevTools]], [[WebGPU]], [[Core Web Vitals]], [[CrUX]], [[WebGL]]
- **Projects/Contexts:** [[Interop 2025]], [[Baseline Project]]
- **Related Topics:** [[Chrome DevTools|Chrome DevTools]], [[WebGPU|WebGPU]], [[Core Web Vitals|Core Web Vitals]], [[CrUX|CrUX]], [[WebGL|WebGL]]
- **Projects/Contexts:** [[Interop 2025|Interop 2025]], [[Baseline Project|Baseline Project]]
- **Contradictions/Notes:** 타이밍 공격(Spectre 등) 보안 문제로 인해 WebGPU의 타임스탬프 쿼리나 `EXT_disjoint_timer_query`의 해상도를 하드웨어 성능 그대로 제공하지 못하고, Chrome 자체적으로 사이트 격리 상태에 따라 정밀도를 의도적으로 낮추어(Quantization) 노출해야만 하는 한계가 존재한다 [19, 23, 24].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Chrome.md]]
- Raw Source: 00_Raw/2026-04-20/Chrome.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Chromium WebGPU Implementation.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7025AF
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Chromium WebGPU Implementation"
---
# [[Chromium WebGPU Implementation]]
# [[Chromium WebGPU Implementation|Chromium WebGPU Implementation]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Chromium의 WebGPU 구현은 **Dawn**이라는 백엔드를 기반으로 하는 차세대 웹 그래픽 및 컴퓨팅 API입니다 [1, 2]. 보안 이슈를 방지하기 위한 타임스탬프 양자화(Timestamp Quantization)와 같은 세밀한 기능이 구현되어 있으며, 싱글 스레드 기반인 WebGL의 한계를 넘어 멀티 스레드 명령 생성과 강력한 컴퓨트 셰이더 기능을 통해 브라우저 내에서 고성능 그래픽과 병렬 연산을 지원합니다 [1, 3, 4].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Chromium WebGPU Implementation
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[Dawn]], [[Timestamp Quantization]], [[WGSL]]
- **Projects/Contexts:** [[Chromium Project]], [[GPU for the Web Community Group]]
- **Related Topics:** [[WebGPU|WebGPU]], Dawn, [[Timestamp Quantization|Timestamp Quantization]], WGSL
- **Projects/Contexts:** Chromium Project, [[GPU for the Web Community Group|GPU for the Web Community Group]]
- **Contradictions/Notes:** 타임스탬프 쿼리 기능 노출과 관련하여, 초기 Chromium(Blink) 인텐트는 Cross-Origin 격리되지 않은 컨텍스트에서 타임스탬프 쿼리를 완전히 비활성화할 계획을 세웠으나(보안 우려), 다른 브라우저 벤더 및 W3C 그룹과의 상호 운용성 논의를 거쳐 격리 여부와 무관하게 hr-time과 동일한 100µs 단위로 노출하는 방향으로 스펙 및 구현 방침이 변경되었습니다 [5-7].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Chromium WebGPU Implementation.md]]
- Raw Source: 00_Raw/2026-04-20/Chromium WebGPU Implementation.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cognitive Load Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-29F633
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cognitive Load Theory"
---
# [[Cognitive Load Theory]]
# [[Cognitive Load Theory|Cognitive Load Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cognitive Load Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cognitive Load Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Cognitive Load Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cognitive-Load-Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-B1006C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cognitive-Load-Theory"
---
# [[Cognitive-Load-Theory]]
# [[Cognitive-Load-Theory|Cognitive-Load-Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cognitive-Load-Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cognitive-Load-Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Cognitive-Load-Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Collaborative Learning Environments.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-617D95
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Collaborative Learning Environments"
---
# [[Collaborative Learning Environments]]
# [[Collaborative Learning Environments|Collaborative Learning Environments]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Collaborative Learning Environ
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Collaborative Learning Environments.md]]
- Raw Source: 00_Raw/2026-04-20/Collaborative Learning Environments.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Competitive Esports Ecosystems.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-69DA0B
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Competitive Esports Ecosystems"
---
# [[Competitive Esports Ecosystems]]
# [[Competitive Esports Ecosystems|Competitive Esports Ecosystems]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Competitive Esports Ecosystems
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Competitive Esports Ecosystems.md]]
- Raw Source: 00_Raw/2026-04-20/Competitive Esports Ecosystems.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Complexity-Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-F606A9
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Complexity-Theory"
---
# [[Complexity-Theory]]
# [[Complexity-Theory|Complexity-Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Complexity-Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Complexity-Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Complexity-Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Computational Ecology.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-563573
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Computational Ecology"
---
# [[Computational Ecology]]
# [[Computational Ecology|Computational Ecology]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Computational Ecology"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Computational Ecology.md]]
- Raw Source: 00_Raw/2026-04-20/Computational Ecology.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Computational Geometry.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AI-053
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.97
tags: [geometry, computational geometry, 3d, rendering]
last_reinforced: 2026-06-XX
github_commit: "[P-Reinforce] Processed Computational Geometry."
---
# [[Computational Geometry]] (계산 기하학)
# [[Computational Geometry|Computational Geometry]] (계산 기하학)
## 📌 한 줄 통찰 (The Karpathy Summary)
> 수학적 알고리즘을 사용하여 컴퓨터가 점, 곡선, 다각형 같은 기하학적 객체들 사이의 관계와 공간 구조를 효율적으로 분석하고 조작하는 기술 분야이다.
@@ -24,7 +24,7 @@ github_commit: "[P-Reinforce] Processed Computational Geometry."
- **정책 변화:** 최신 트렌드는 하드웨어 가속(GPU)과 연동하여 복잡한 기하학적 계산(예: Ray Tracing)을 실시간으로 처리하는 방향으로 진화하고 있다.
## 🔗 지식 연결 (Graph)
- Parent: [[Computational Geometry]]
- Related: [[Bounding Volume Hierarchy (BVH)]] , [[Three.js 렌더링 최적화]] , [[Physics-Based-Simulation]]
- Raw Source: [[00_Raw/Computational Geometry.md]]
- Parent: [[Computational Geometry|Computational Geometry]]
- Related: [[Bounding Volume Hierarchy (BVH)|Bounding Volume Hierarchy (BVH)]] , [[Three.js 렌더링 최적화|Three.js 렌더링 최적화]] , [[Physics-Based-Simulation|Physics-Based-Simulation]]
- Raw Source: 00_Raw/Computational Geometry.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Compute Shader.md
+4 -4
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-38086E
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Compute Shader"
---
# [[Compute Shader]]
# [[Compute Shader|Compute Shader]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 컴퓨트 셰이더(Compute Shader)는 자바스크립트 메인 스레드나 CPU가 처리하던 무거운 연산 작업을 수천 개의 GPU 코어를 활용해 병렬로 처리할 수 있게 해주는 WebGPU의 핵심 기능입니다 [1]. 주로 입자(Particle) 시스템, 물리 연산, 실시간 필터링, 그리고 대규모 객체의 가시성 판별(Culling)과 같은 범용 GPU 연산(GPGPU)에 사용되어, 기존 WebGL 기반 환경의 한계를 뛰어넘는 압도적인 성능 향상을 제공합니다 [1-3].
@@ -24,11 +24,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Compute Shader"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[GPU-driven Rendering]], [[Indirect Draw]], [[Frustum Culling]]
- **Related Topics:** [[WebGPU|WebGPU]], [[GPU-driven Rendering|GPU-driven Rendering]], [[Indirect Draw|Indirect Draw]], [[Frustum Culling|Frustum Culling]]
- **Projects/Contexts:** 대규모 건설 및 BIM 모델 플랫폼(수백만 개의 컴포넌트 렌더링 최적화) [13, 14], 엑스포 2025 오사카에 전시된 100만 파티클 유체 시뮬레이션 설치물(Hokusai) [15, 16].
- **Contradictions/Notes:** 컴퓨트 셰이더는 최신 그래픽 API인 WebGPU에서 기본 지원되지만, 구형 WebGL이나 WebGL2 환경에서는 직접적으로 지원되지 않으므로 이를 활용하기 위해서는 반드시 WebGPU 기반의 렌더러 환경을 사용해야 한다는 제약이 있습니다 [3, 17].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Compute Shader.md]]
- Raw Source: 00_Raw/2026-04-20/Compute Shader.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Compute Shaders.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-B1DBB3
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Compute Shaders"
---
# [[Compute Shaders]]
# [[Compute Shaders|Compute Shaders]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 컴퓨트 셰이더(Compute Shaders)는 WebGPU 환경에서 지원되는 기능으로, CPU의 메인 스레드에서 수행되던 무거운 범용 연산 작업을 GPU로 오프로드하는 핵심 기술입니다 [1, 2]. GPU의 수천 개 코어를 활용한 병렬 처리를 통해 물리 시뮬레이션, 충돌 감지, 대규모 파티클 시스템 등의 작업 성능을 비약적으로 향상시킵니다 [2]. 또한 간접 그리기(Indirect Drawing) 기술과 결합하여 CPU의 개입 없이 가시성을 판별하고 화면을 그리는 완전한 GPU 주도 렌더링(GPU-driven Rendering) 파이프라인을 구축하는 데 사용됩니다 [3, 4].
@@ -24,11 +24,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Compute Shaders"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** `[[WebGPU]]`, `[[GPU-driven Rendering]]`, `[[Indirect Drawing]]`, `[[Storage Textures]]`, `[[Frustum Culling]]`
- **Projects/Contexts:** `[[Three.js]]`, `[[Segments.ai]]`, `[[BIM Datasets]]`
- **Related Topics:** `[[WebGPU|WebGPU]]`, `[[GPU-driven Rendering|GPU-driven Rendering]]`, `Indirect Drawing`, `[[스토리지 텍스처(Storage Textures)|Storage Textures]]`, `[[Frustum Culling|Frustum Culling]]`
- **Projects/Contexts:** `[[Three.js|Three.js]]`, `[[Segments.ai|Segments.ai]]`, `BIM Datasets`
- **Contradictions/Notes:** 컴퓨트 셰이더는 엄청난 성능 향상을 제공하지만 구형 API인 WebGL이나 WebGL 2에서는 지원되지 않아 WebGPU 환경이 필수적입니다 [1]. 또한 GPU 최적화를 제대로 다루지 못해 동기화 대기(`await mapAsync()`)를 남용할 경우, 오히려 GPU가 최대 60%의 시간 동안 유휴 상태(Idle)에 빠지는 병목 현상을 유발할 수 있습니다 [18].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Compute Shaders.md]]
- Raw Source: 00_Raw/2026-04-20/Compute Shaders.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Computer-Vision-Synthesis.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-C1EBB8
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Computer-Vision-Synthesis"
---
# [[Computer-Vision-Synthesis]]
# [[Computer-Vision-Synthesis|Computer-Vision-Synthesis]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Computer-Vision-Synthesis"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Computer-Vision-Synthesis.md]]
- Raw Source: 00_Raw/2026-04-20/Computer-Vision-Synthesis.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Creative Process.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-DF48CA
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Creative Process"
---
# [[Creative Process]]
# [[Creative Process|Creative Process]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Creative Process"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Creative Process.md]]
- Raw Source: 00_Raw/2026-04-20/Creative Process.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Critical-Play.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-0C480C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Critical-Play"
---
# [[Critical-Play]]
# [[Critical-Play|Critical-Play]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Critical-Play"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Critical-Play.md]]
- Raw Source: 00_Raw/2026-04-20/Critical-Play.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cultural-Heritage-Informatics.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-90A1AA
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cultural-Heritage-Informatics"
---
# [[Cultural-Heritage-Informatics]]
# [[Cultural-Heritage-Informatics|Cultural-Heritage-Informatics]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cultural-Heritage-Informatics"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cultural-Heritage-Informatics.md]]
- Raw Source: 00_Raw/2026-04-20/Cultural-Heritage-Informatics.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/CyArk.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-78F905
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - CyArk"
---
# [[CyArk]]
# [[CyArk|CyArk]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - CyArk"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/CyArk.md]]
- Raw Source: 00_Raw/2026-04-20/CyArk.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Cybertext Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-896181
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Cybertext Theory"
---
# [[Cybertext Theory]]
# [[Cybertext Theory|Cybertext Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Cybertext Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Cybertext Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Cybertext Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/DBpedia.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-0B4232
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - DBpedia"
---
# [[DBpedia]]
# [[DBpedia|DBpedia]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - DBpedia"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/DBpedia.md]]
- Raw Source: 00_Raw/2026-04-20/DBpedia.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Data Array Textures.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-8AF01A
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Data Array Textures"
---
# [[Data Array Textures]]
# [[Data Array Textures|Data Array Textures]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Data Array Textures(배열 텍스처)는 셰이더에서 인덱스를 통해 접근할 수 있는 여러 2D 텍스처들의 스택 또는 레이어 구조를 의미합니다 [1, 2]. 이는 여러 이미지를 단일 이미지로 패킹하는 전통적인 텍스처 아틀라스(Texture Atlas)의 문제점들을 해결하는 현대적인 접근 방식입니다 [2]. 특히 다양한 텍스처를 사용하는 여러 객체를 `BatchedMesh`와 결합하여 최소한의 드로우 콜(Draw Call)로 렌더링할 수 있게 해주어 3D 렌더링 성능 최적화에 핵심적인 역할을 합니다 [1, 2].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Data Array Textures"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Texture Atlas]], [[BatchedMesh]], [[Draw Calls]], [[WebGL2]]
- **Projects/Contexts:** [[Three.js 성능 최적화]], [[빌보드 임포스터(Billboard Impostors)]]
- **Related Topics:** [[Texture Atlas|Texture Atlas]], [[BatchedMesh|BatchedMesh]], Draw Calls, [[WebGL2|WebGL2]]
- **Projects/Contexts:** [[Three.js 성능 최적화|Three.js 성능 최적화]], [[빌보드 임포스터(Billboard Impostors)|빌보드 임포스터(Billboard Impostors)]]
- **Contradictions/Notes:** 소스에 따르면 Data Array Textures는 텍스처 아틀라스의 단점들을 완벽히 보완하는 현대적 대안이지만, '모든 텍스처의 크기가 같아야 한다'는 엄격한 제약과 '메모리 선할당'의 부담이 존재하므로, 가변적인 크기의 텍스처를 압축하거나 구형 WebGL1 환경을 지원해야 할 때는 여전히 텍스처 아틀라스(Texture Atlas)가 가치 있는 선택지로 남는다고 지적합니다 [5].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Data Array Textures.md]]
- Raw Source: 00_Raw/2026-04-20/Data Array Textures.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Digital Sandbox Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-A1EFBC
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Digital Sandbox Theory"
---
# [[Digital Sandbox Theory]]
# [[Digital Sandbox Theory|Digital Sandbox Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Digital Sandbox Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Digital Sandbox Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Digital Sandbox Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Digital Twin Visualization.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-F0B4B1
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Digital Twin Visualization"
---
# [[Digital Twin Visualization]]
# [[Digital Twin Visualization|Digital Twin Visualization]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Digital Twin Visualization"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Digital Twin Visualization.md]]
- Raw Source: 00_Raw/2026-04-20/Digital Twin Visualization.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Direct3D.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-D41B4F
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Direct3D"
---
# [[Direct3D]]
# [[Direct3D|Direct3D]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> Direct3D(D3D11, D3D12 등 포함)는 주요 네이티브 그래픽스 API로, Windows 환경의 웹 브라우저에서 그래픽 렌더링의 핵심 백엔드 역할을 합니다 [1, 2]. 최신 버전인 Direct3D 12는 Vulkan, Metal과 함께 차세대 웹 그래픽스 표준인 WebGPU의 설계와 아키텍처에 직접적인 영감을 준 현대적인 API입니다 [3].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Direct3D"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGL]], [[WebGPU]], [[ANGLE]], [[Vulkan]], [[Metal]]
- **Projects/Contexts:** [[브라우저 그래픽 렌더링 백엔드]], [[Chrome WebGPU 구현]]
- **Related Topics:** [[WebGL|WebGL]], [[WebGPU|WebGPU]], [[ANGLE|ANGLE]], [[Vulkan|Vulkan]], [[Metal|Metal]]
- **Projects/Contexts:** [[브라우저 그래픽 렌더링 백엔드|브라우저 그래픽 렌더링 백엔드]], [[Chrome WebGPU 구현|Chrome WebGPU 구현]]
- **Contradictions/Notes:** Direct3D 자체의 내부 구조나 깊이 있는 기술적 명세에 대해서는 소스에 관련 정보가 부족합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Direct3D.md]]
- Raw Source: 00_Raw/2026-04-20/Direct3D.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Drama-Management-Systems.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-6D19F6
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Drama-Management-Systems"
---
# [[Drama-Management-Systems]]
# [[Drama-Management-Systems|Drama-Management-Systems]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Drama-Management-Systems"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Drama-Management-Systems.md]]
- Raw Source: 00_Raw/2026-04-20/Drama-Management-Systems.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Draw Call.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-E9A644
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Draw Call"
---
# [[Draw Call]]
# [[Draw Call|Draw Call]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 드로우 콜(Draw Call)은 CPU가 GPU에게 렌더링할 기하학적 구조, 재질 및 렌더링 상태를 전달하며 객체를 화면에 그리도록 지시하는 명령입니다 [1, 2]. 실제 그래픽을 렌더링하는 연산 자체보다, 렌더링을 준비하고 상태를 변경하는 과정에서 발생하는 CPU 오버헤드가 매우 커서 성능 병목의 주된 원인이 됩니다 [3-5]. 따라서 실시간 3D 그래픽 애플리케이션에서는 높은 프레임 속도 유지를 위해 인스턴싱, 배칭, 지오메트리 병합 등의 최적화 기법을 통해 드로우 콜의 횟수를 최소화해야 합니다 [6-9].
@@ -29,11 +29,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Draw Call"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Render State]], [[CPU Bottleneck]], [[InstancedMesh]], [[BatchedMesh]], [[Geometry Merging]], [[Texture Atlas]]
- **Projects/Contexts:** [[Three.js]], [[WebGL]], [[WebGPU]], [[Unity]]
- **Related Topics:** [[Render State|Render State]], [[CPU Bottleneck|CPU Bottleneck]], [[InstancedMesh|InstancedMesh]], [[BatchedMesh|BatchedMesh]], [[Geometry Merging|Geometry Merging]], [[Texture Atlas|Texture Atlas]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[WebGL|WebGL]], [[WebGPU|WebGPU]], [[Unity|Unity]]
- **Contradictions/Notes:** 소스에 따르면, 드로우 콜을 1회로 줄이는 것(`InstancedMesh` 등의 도입)이 무조건 프레임 속도 상승으로 이어지지는 않습니다. 수만 개의 객체가 하나의 드로우 콜로 묶이게 되면 엔진의 시야 절두체 컬링(Frustum Culling) 정밀도가 떨어지거나 투명 객체의 정렬(Sorting) 부재로 인해 막대한 오버드로우(Overdraw)가 발생하여, 결과적으로 CPU 명령은 줄어도 GPU 연산량은 오히려 기하급수적으로 늘어나는 현상이 일어날 수 있습니다 [10, 20-22].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Draw Call.md]]
- Raw Source: 00_Raw/2026-04-20/Draw Call.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Dual-Track-Agile.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-92B7C5
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Dual-Track-Agile"
---
# [[Dual-Track-Agile]]
# [[Dual-Track-Agile|Dual-Track-Agile]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Dual-Track-Agile"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Dual-Track-Agile.md]]
- Raw Source: 00_Raw/2026-04-20/Dual-Track-Agile.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Duolingo (Language Learning)] [Fitness Tracking Apps (Strava_Fitbit)] [EdTech Gamification] [FinTech Engagement Strategies.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-259FF2
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Duolingo (Language Learning)] [Fitness Tracking Apps (Strava_Fitbit)] [EdTech Gamification] [FinTech Engagement Strategies"
---
# [[Duolingo (Language Learning)] [Fitness Tracking Apps (Strava_Fitbit)] [EdTech Gamification] [FinTech Engagement Strategies]]
# [[Duolingo (Language Learning)] [Fitness Tracking Apps (Strava_Fitbit)] [EdTech Gamification] [FinTech Engagement Strategies|Duolingo (Language Learning)] [Fitness Tracking Apps (Strava_Fitbit)] [EdTech Gamification] [FinTech Engagement Strategies]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Duolingo (Language Learning)]
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Duolingo (Language Learning)], [Fitness Tracking Apps (Strava_Fitbit)], [EdTech Gamification], [FinTech Engagement Strategies.md]]
- Raw Source: 00_Raw/2026-04-20/Duolingo (Language Learning)], [Fitness Tracking Apps (Strava_Fitbit)], [EdTech Gamification], [FinTech Engagement Strategies.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Dynamic Assessment.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-240DDB
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Dynamic Assessment"
---
# [[Dynamic Assessment]]
# [[Dynamic Assessment|Dynamic Assessment]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Dynamic Assessment"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Dynamic Assessment.md]]
- Raw Source: 00_Raw/2026-04-20/Dynamic Assessment.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Dynamical Systems Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-9A39F2
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Dynamical Systems Theory"
---
# [[Dynamical Systems Theory]]
# [[Dynamical Systems Theory|Dynamical Systems Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Dynamical Systems Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Dynamical Systems Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Dynamical Systems Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/EXT_disjoint_timer_query.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-496C9B
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - EXT_disjoint_timer_query"
---
# [[EXT_disjoint_timer_query]]
# [[EXT_disjoint_timer_query|EXT_disjoint_timer_query]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> `EXT_disjoint_timer_query`는 렌더링 파이프라인을 멈추지 않고 GPU에서 실행되는 GL 명령어 세트의 소요 시간을 측정할 수 있게 해주는 WebGL API 확장 기능입니다 [1, 2]. 개발자들은 이를 통해 하드웨어 수준에서 명령어 실행의 시작과 끝을 기록하여 비동기 실행 모델의 미세 지연(Micro-latency)을 정확히 측정할 수 있었습니다 [1, 3]. 그러나 이 고정밀 타이머가 메모리 접근 패턴 관찰 등 부채널 공격(Side-channel attacks)에 악용될 수 있다는 보안상 취약점이 발견되어, 현재 대부분의 브라우저에서 비활성화되거나 정밀도가 크게 제한되었습니다 [3-5].
@@ -20,11 +20,11 @@ github_commit: "[P-Reinforce] Continuous Worker - EXT_disjoint_timer_query"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Micro-latency]], [[Side-channel attacks]], [[Spectre and Meltdown]], [[Rowhammer attack]]
- **Projects/Contexts:** [[WebGL API]], [[WebGPU Timestamp Queries]]
- **Related Topics:** [[Micro-latency|Micro-latency]], [[Side-channel attacks|Side-channel attacks]], [[Spectre and Meltdown|Spectre and Meltdown]], [[Rowhammer attack|Rowhammer attack]]
- **Projects/Contexts:** [[WebGL API|WebGL API]], [[WebGPU Timestamp Queries|WebGPU Timestamp Queries]]
- **Contradictions/Notes:** 소스 213은 Chrome이 Site Isolation이 적용된 플랫폼에서 `EXT_disjoint_timer_query`를 노출하여 작동한다고 보고하지만, 소스 380의 사용자는 Rowhammer 공격 방지를 이유로 "모든 브라우저에서 비활성화되어 전혀 작동하지 않는다(it is disabled in all browsers)"고 모순되게 주장합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/EXT_disjoint_timer_query.md]]
- Raw Source: 00_Raw/2026-04-20/EXT_disjoint_timer_query.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Ecosystem-Modeling.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-6E0EC9
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Ecosystem-Modeling"
---
# [[Ecosystem-Modeling]]
# [[Ecosystem-Modeling|Ecosystem-Modeling]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Ecosystem-Modeling"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Ecosystem-Modeling.md]]
- Raw Source: 00_Raw/2026-04-20/Ecosystem-Modeling.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/EdTech (Gamified Learning).md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-5D4E83
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - EdTech (Gamified Learning)"
---
# [[EdTech (Gamified Learning)]]
# [[EdTech (Gamified Learning)|EdTech (Gamified Learning)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - EdTech (Gamified Learning)"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/EdTech (Gamified Learning).md]]
- Raw Source: 00_Raw/2026-04-20/EdTech (Gamified Learning).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Educational-Gamification.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-8F5AE3
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Educational-Gamification"
---
# [[Educational-Gamification]]
# [[Educational-Gamification|Educational-Gamification]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Educational-Gamification"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Educational-Gamification.md]]
- Raw Source: 00_Raw/2026-04-20/Educational-Gamification.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Embodied Cognition in Virtual Reality.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-C2E060
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Embodied Cognition in Virtual Reality"
---
# [[Embodied Cognition in Virtual Reality]]
# [[Embodied Cognition in Virtual Reality|Embodied Cognition in Virtual Reality]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Embodied Cognition in Virtual
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Embodied Cognition in Virtual Reality.md]]
- Raw Source: 00_Raw/2026-04-20/Embodied Cognition in Virtual Reality.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Employee Engagement Systems.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-9F0879
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Employee Engagement Systems"
---
# [[Employee Engagement Systems]]
# [[Employee Engagement Systems|Employee Engagement Systems]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Employee Engagement Systems"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Employee Engagement Systems.md]]
- Raw Source: 00_Raw/2026-04-20/Employee Engagement Systems.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Epidemiological Forecasting.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-D5D1FD
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Epidemiological Forecasting"
---
# [[Epidemiological Forecasting]]
# [[Epidemiological Forecasting|Epidemiological Forecasting]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Epidemiological Forecasting"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Epidemiological Forecasting.md]]
- Raw Source: 00_Raw/2026-04-20/Epidemiological Forecasting.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Epidemiological Modeling.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-5B9D2F
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Epidemiological Modeling"
---
# [[Epidemiological Modeling]]
# [[Epidemiological Modeling|Epidemiological Modeling]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Epidemiological Modeling"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Epidemiological Modeling.md]]
- Raw Source: 00_Raw/2026-04-20/Epidemiological Modeling.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Expressjs-Type-Extensions.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-1B7084
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Expressjs-Type-Extensions"
---
# [[Expressjs-Type-Extensions]]
# [[Expressjs-Type-Extensions|Expressjs-Type-Extensions]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Expressjs-Type-Extensions"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Express.js-Type-Extensions.md]]
- Raw Source: 00_Raw/2026-04-20/Express.js-Type-Extensions.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/FXAA.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-332A17
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - FXAA"
---
# [[FXAA]]
# [[FXAA|FXAA]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> FXAA는 실시간 3D 렌더링 환경에서 사용되는 포스트 프로세싱(Post-processing) 안티앨리어싱(Anti-aliasing) 기법입니다. 화면 공간(Screen-space) 셰이더로 실행되어 오브젝트의 가장자리를 부드럽게 만들어 줍니다 [1]. 특히 모바일이나 저사양 기기에서 네이티브 안티앨리어싱을 대체하여 높은 렌더링 프레임 속도를 유지할 수 있도록 하는 매우 성능 효율적인 최적화 기술입니다 [1, 2].
@@ -20,11 +20,11 @@ github_commit: "[P-Reinforce] Continuous Worker - FXAA"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Anti-aliasing]], [[SMAA]], [[MSAA]], [[Post-Processing]]
- **Projects/Contexts:** [[Three.js]], [[WebGL]]
- **Related Topics:** Anti-aliasing, SMAA, MSAA, Post-Processing
- **Projects/Contexts:** [[Three.js|Three.js]], [[WebGL|WebGL]]
- **Contradictions/Notes:** 소스 간의 모순점은 없으며, 모든 소스가 공통적으로 무거운 네이티브 안티앨리어싱을 비활성화하고 FXAA를 포스트 프로세싱 후반부에 적용하는 것이 성능 확보에 필수적이라고 일관되게 권장합니다 [1-3].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/FXAA.md]]
- Raw Source: 00_Raw/2026-04-20/FXAA.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Fill Rate.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-477640
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Fill Rate"
---
# [[Fill Rate]]
# [[Fill Rate|Fill Rate]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 'Fill Rate'는 그래픽 처리 장치(GPU)의 픽셀 처리 속도 및 성능을 나타내는 지표입니다 [1, 2]. 주로 복잡한 프래그먼트 셰이더(Fragment Shader) 연산이나 겹쳐진 투명한 객체들로 인해 발생하는 오버드로우(Overdraw)에 의해 직접적인 영향을 받으며, 효과적인 렌더링 최적화를 위해서는 CPU의 드로우 콜 병목과 구분하여 관리되어야 합니다 [1-3].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Fill Rate"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Overdraw]], [[Fragment Shaders]], [[GPU]]
- **Projects/Contexts:** [[Image-To-3D Models in Three.js]]
- **Related Topics:** [[Overdraw|Overdraw]], Fragment Shaders, [[GPU|GPU]]
- **Projects/Contexts:** Image-To-3D Models in Three.js
- **Contradictions/Notes:** 소스 내에서 Fill Rate와 관련된 상충되는 주장이나 모순은 발견되지 않았습니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Fill Rate.md]]
- Raw Source: 00_Raw/2026-04-20/Fill Rate.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Flow State Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-546D8F
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Flow State Theory"
---
# [[Flow State Theory]]
# [[Flow State Theory|Flow State Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Flow State Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Flow State Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Flow State Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Formal-Grammar.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-410500
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Formal-Grammar"
---
# [[Formal-Grammar]]
# [[Formal-Grammar|Formal-Grammar]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Formal-Grammar"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Formal-Grammar.md]]
- Raw Source: 00_Raw/2026-04-20/Formal-Grammar.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Formalism-vs-Structuralism.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-AE318B
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Formalism-vs-Structuralism"
---
# [[Formalism-vs-Structuralism]]
# [[Formalism-vs-Structuralism|Formalism-vs-Structuralism]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Formalism-vs-Structuralism"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Formalism-vs-Structuralism.md]]
- Raw Source: 00_Raw/2026-04-20/Formalism-vs-Structuralism.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Formalist Game Design.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-E0F58C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Formalist Game Design"
---
# [[Formalist Game Design]]
# [[Formalist Game Design|Formalist Game Design]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Formalist Game Design"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Formalist Game Design.md]]
- Raw Source: 00_Raw/2026-04-20/Formalist Game Design.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Fragment Shading.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-809D81
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Fragment Shading"
---
# [[Fragment Shading]]
# [[Fragment Shading|Fragment Shading]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 프래그먼트 셰이딩(Fragment Shading)은 렌더링 파이프라인 후반부에서 픽셀 단위의 렌더링 계산(퍼 픽셀 조명 연산 등)을 수행하여 최종 색상 값을 결정하는 프로세스이다 [1, 2]. 다수의 텍스처 룩업이나 복잡한 연산이 포함될 경우 필 레이트(Fill Rate)를 크게 저하시킬 수 있으며 [2], 동일 픽셀에 여러 번 렌더링 연산이 중첩되는 오버드로우(Overdraw) 현상이 발생할 경우 GPU 성능 병목의 주요 원인이 되기도 한다 [3].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Fragment Shading"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Overdraw]], [[Vertex Shader]], [[Fill Rate]], [[PBR]]
- **Projects/Contexts:** [[Three.js WebGL Rendering Optimization]], [[InstancedMesh Performance Bottlenecks]]
- **Related Topics:** [[Overdraw|Overdraw]], [[Vertex Shader|Vertex Shader]], [[Fill Rate|Fill Rate]], [[PBR|PBR]]
- **Projects/Contexts:** [[Three.js WebGL Rendering Optimization|Three.js WebGL Rendering Optimization]], [[InstancedMesh Performance Bottlenecks|InstancedMesh Performance Bottlenecks]]
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Fragment Shading.md]]
- Raw Source: 00_Raw/2026-04-20/Fragment Shading.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Fragment-bound.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-589695
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Fragment-bound"
---
# [[Fragment-bound]]
# [[Fragment-bound|Fragment-bound]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 'Fragment-bound(프래그먼트 바운드)'는 3D 그래픽스 렌더링 파이프라인에서 GPU의 프래그먼트 셰이딩(픽셀 처리) 용량이 한계에 도달하여 전체 시스템의 성능 병목이 되는 상태를 의미합니다 [1, 2]. 이 상태는 주로 객체들이 카메라 기준 깊이(Depth)에 따라 정렬되지 않은 채 렌더링될 때, 동일한 픽셀에 여러 번 그리기 연산이 수행되는 '오버드로우(Overdraw)' 현상으로 인해 촉발됩니다 [1, 2]. 특히 연산 비용이 높은 재질을 사용할 때 이 병목 현상은 더욱 극심해집니다 [2, 3].
@@ -25,11 +25,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Fragment-bound"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Overdraw]], [[InstancedMesh]], [[MeshStandardMaterial]], [[BatchedMesh]]
- **Projects/Contexts:** [[Three.js 렌더링 성능 최적화]]
- **Related Topics:** [[Overdraw|Overdraw]], [[InstancedMesh|InstancedMesh]], [[MeshStandardMaterial 조명 연산|MeshStandardMaterial]], [[BatchedMesh|BatchedMesh]]
- **Projects/Contexts:** [[Three.js 렌더링 성능 최적화|Three.js 렌더링 성능 최적화]]
- **Contradictions/Notes:** 드로우 콜을 줄여 성능을 향상시키기 위해 고안된 `InstancedMesh`가, 정렬 기능의 부재로 인해 오히려 심각한 오버드로우와 프래그먼트 바운드를 유발하여 일반 `Mesh`를 여러 번 그릴 때보다 프레임 레이트(FPS)를 더 하락시킬 수 있다는 점이 주의사항으로 보고됩니다 [2, 4].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Fragment-bound.md]]
- Raw Source: 00_Raw/2026-04-20/Fragment-bound.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Frustum Culling.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7A315B
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Frustum Culling"
---
# [[Frustum Culling]]
# [[Frustum Culling|Frustum Culling]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 시야 절두체 컬링(Frustum Culling)은 카메라의 시야(View Frustum) 밖으로 벗어난 객체를 렌더링 연산에서 제외하여 불필요한 GPU 자원 소모를 방지하는 최적화 기법이다 [1]. 하지만 InstancedMesh를 적용할 경우 엔진 수준에서 전체를 단일 객체로 취급하므로, 모든 인스턴스를 포함하는 거대한 바운딩 볼륨을 기준으로 한 번만 컬링이 수행되는 '전부 아니면 전무(All-or-Nothing)' 방식으로 작동한다 [2]. 이로 인해 화면에 극히 일부의 인스턴스만 노출되더라도 보이지 않는 나머지 모든 인스턴스의 정점 변환 연산을 GPU가 강제로 수행해야 하는 구조적 한계를 야기한다 [2].
@@ -29,11 +29,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Frustum Culling"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[InstancedMesh]], [[Draw Call]], [[WebGPU]], [[Bounding Volume Hierarchy (BVH)]]
- **Projects/Contexts:** [[Three.js]], [[InstancedMesh2]]
- **Related Topics:** [[InstancedMesh|InstancedMesh]], [[Draw Call|Draw Call]], [[WebGPU|WebGPU]], [[Bounding Volume Hierarchy (BVH)|Bounding Volume Hierarchy (BVH)]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[InstancedMesh2|InstancedMesh2]]
- **Contradictions/Notes:** InstancedMesh 기술은 드로우 콜 감소를 통해 CPU 병목을 획기적으로 해결할 수 있도록 설계되었으나, 동시에 개별 시야 절두체 컬링을 무력화시킴으로써 결과적으로 GPU 측면에 새로운 정점 연산 병목을 유발하는 모순적인 절충(Trade-off)을 요구한다 [5, 13].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Frustum Culling.md]]
- Raw Source: 00_Raw/2026-04-20/Frustum Culling.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/GPU Resources.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-4AA291
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - GPU Resources"
---
# [[GPU Resources]]
# [[GPU Resources|GPU Resources]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> GPU 리소스는 Three.js 및 WebGL 환경에서 렌더링을 위해 할당되는 VRAM 자원으로, 기하학적 구조(Geometries), 재질(Materials), 텍스처(Textures), 렌더 타겟(Render targets) 등을 포함합니다 [1-3]. 브라우저 렌더링 엔진은 이러한 리소스들을 자동으로 가비지 컬렉트(Garbage Collect)하지 않기 때문에 사용이 끝나면 개발자가 직접 명시적으로 메모리에서 해제해야 합니다 [1]. 효율적인 GPU 리소스 관리가 이루어지지 않으면 심각한 메모리 누수(Memory Leaks)가 발생하며, 궁극적으로 브라우저의 제한된 GPU 메모리를 초과하여 컨텍스트 손실(Context Lost)과 화면 멈춤 현상을 유발합니다 [3, 4].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - GPU Resources"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Memory Management]], [[Memory Leaks]], [[Textures]], [[VRAM]], [[Garbage Collection]]
- **Projects/Contexts:** [[Three.js]], [[WebGL]], [[WebGPU]]
- **Related Topics:** [[Memory Management|Memory Management]], [[Memory Leaks|Memory Leaks]], Textures, VRAM, [[Garbage Collection|Garbage Collection]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[WebGL|WebGL]], [[WebGPU|WebGPU]]
- **Contradictions/Notes:** 소스에 관련 모순이나 충돌 정보는 없습니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/GPU Resources.md]]
- Raw Source: 00_Raw/2026-04-20/GPU Resources.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/GPU for the Web Community Group.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-518388
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - GPU for the Web Community Group"
---
# [[GPU for the Web Community Group]]
# [[GPU for the Web Community Group|GPU for the Web Community Group]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> GPU for the Web Community Group은 Chrome, Firefox, Safari 등 주요 웹 브라우저의 대표자들로 구성되어 WebGPU와 같은 웹 그래픽 및 컴퓨팅 API의 표준과 새로운 기능을 논의하고 승인하는 조직입니다. 이들은 웹 플랫폼의 건전성과 상호 운용성을 위해 구현에 따라 달라지는(implementation-defined) 기능을 피하고, 결정론적이며 테스트 가능한 기능을 표준에 포함시키는 것을 원칙으로 합니다. 최근에는 개발자 도구 및 성능 측정을 위한 WebGPU 타임스탬프 쿼리(timestamp queries) 기능의 도입과 보안을 위한 양자화(quantization) 기준을 합의하는 역할을 수행했습니다.
@@ -25,11 +25,11 @@ github_commit: "[P-Reinforce] Continuous Worker - GPU for the Web Community Grou
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGPU]], [[Timestamp Queries]]
- **Projects/Contexts:** [[WebGPU API Standardization]], [[Chrome Intent to Ship]]
- **Related Topics:** [[WebGPU|WebGPU]], [[Timestamp Queries|Timestamp Queries]]
- **Projects/Contexts:** WebGPU API Standardization, Chrome Intent to Ship
- **Contradictions/Notes:** 그룹은 일반적으로 구현에 따라 달라지거나 결정론적이지 않은 기능을 표준에서 배제하려고 노력하지만, 타임스탬프 쿼리와 같은 기능의 경우 예외적으로 보안(타이밍 공격 방지)과 성능 측정의 필요성 사이에서 양자화라는 타협점을 찾아야만 했습니다 [4].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/GPU for the Web Community Group.md]]
- Raw Source: 00_Raw/2026-04-20/GPU for the Web Community Group.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/GPU-driven Rendering.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-C35A51
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - GPU-driven Rendering"
---
# [[GPU-driven Rendering]]
# [[GPU-driven Rendering|GPU-driven Rendering]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> GPU-driven Rendering(GPU 주도 렌더링)은 CPU가 렌더링할 객체를 판별하고 명령하는 대신, GPU가 무엇을 렌더링할지 스스로 결정하는 현대적인 렌더링 파이프라인 기법입니다 [1, 2]. 주로 컴퓨트 셰이더(Compute Shader)를 활용해 객체의 가시성을 GPU 내부에서 직접 평가한 후, 간접 그리기(Indirect Draw) 명령을 통해 화면에 출력합니다 [1, 3]. 이 방식을 사용하면 CPU와 GPU 간의 데이터 전송 및 통신 병목이 제거되어 수백만 개의 인스턴스를 극도로 효율적으로 처리할 수 있습니다 [1, 3].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - GPU-driven Rendering"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Compute Shader]], [[Indirect Draw]], [[Frustum Culling]], [[WebGPU]]
- **Projects/Contexts:** [[Three.js]], [[InstancedMesh]]
- **Related Topics:** [[Compute Shader|Compute Shader]], [[Indirect Draw|Indirect Draw]], [[Frustum Culling|Frustum Culling]], [[WebGPU|WebGPU]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[InstancedMesh|InstancedMesh]]
- **Contradictions/Notes:** 대규모 객체를 렌더링할 때 'CPU 개별 컬링' 방식은 자바스크립트 연산 및 시스템 버스 전송에 막대한 병목을 유발하지만, 'GPU 주도 렌더링(GPU 컴퓨트 컬링)'은 구현 난이도가 매우 높은 대신 CPU 부하를 극도로 낮추고 전체적인 성능을 극대화한다는 뚜렷한 대비를 보입니다 [3, 5].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/GPU-driven Rendering.md]]
- Raw Source: 00_Raw/2026-04-20/GPU-driven Rendering.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/GPURenderBundles.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-BC7FBB
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - GPURenderBundles"
---
# [[GPURenderBundles]]
# [[GPURenderBundles|GPURenderBundles]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> `GPURenderBundles` (렌더 번들)는 Native WebGPU 환경에서 제공되는 강력한 렌더링 최적화 도구입니다 [1]. 초기화 과정에서 파이프라인, 바인드 그룹(bind groups), 드로우 콜(draw calls)과 같은 명령을 미리 기록(pre-record)하고, 이후 렌더 루프에서 단 한 번의 호출로 이를 다시 재생(replay)할 수 있게 해줍니다 [1]. 이 방식을 통해 렌더링 성능에 병목을 일으키는 검증 작업(validation work)을 핵심 렌더링 경로 외부로 분리하여 대규모 객체를 극도로 효율적으로 처리할 수 있습니다 [1, 2].
@@ -22,11 +22,11 @@ github_commit: "[P-Reinforce] Continuous Worker - GPURenderBundles"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Native WebGPU]], [[Indirect Drawing]], [[Draw Call Efficiency]], [[Bind Groups]]
- **Projects/Contexts:** [[대규모 건설 플랫폼 뷰어(Large-Scale Construction Viewers)]]
- **Related Topics:** Native WebGPU, Indirect Drawing, Draw Call Efficiency, Bind Groups
- **Projects/Contexts:** 대규모 건설 플랫폼 뷰어(Large-Scale Construction Viewers)
- **Contradictions/Notes:** 고수준 프레임워크인 Three.js WebGPU는 개발이 쉽지만 고유 객체 처리 시 UBO(Uniform Buffer Objects) 바인딩 오버헤드로 인해 약 1만~2만 개의 비인스턴스 객체 렌더링 시 프레임이 떨어질 수 있습니다. 반면, Native WebGPU는 초기화 및 파이프라인 구성의 복잡성(개발 속도 저하)을 감수하는 대신 `GPURenderBundles`를 통해 10만 개 이상의 고유 객체를 병목 없이 원활하게 처리할 수 있습니다 [2-4].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/GPURenderBundles.md]]
- Raw Source: 00_Raw/2026-04-20/GPURenderBundles.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-035B08
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례"
---
# [[GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례]]
# [[GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례|GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> GPU/WebGL 파이프라인의 미세 지연(Micro-latency)은 CPU, GPU 및 브라우저 추상화 계층 간의 상호작용에서 발생하는 서브 프레임(Sub-frame) 수준의 시간 지연을 의미하며, 사용자 몰입도를 저하시키는 주요 원인입니다 [1]. 이를 정확히 측정하기 위해 WebGL/WebGPU의 타이머 API, 브라우저 내부의 성능 프로파일링 도구, 그리고 고속 카메라와 오실로스코프를 활용한 하드웨어 기반 측정 등 다양한 접근법이 활용되고 있습니다 [2-6]. 그러나 보안 취약점(Spectre, Meltdown 등)으로 인해 정밀한 시간 측정 기능이 브라우저 차원에서 양자화(Quantization)되거나 제한되는 등 여러 측정 상의 제약이 따르고 있습니다 [3, 7].
@@ -38,11 +38,11 @@ github_commit: "[P-Reinforce] Continuous Worker - GPU_WebGL 파이프라인의
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Spectre and Meltdown]], [[WebGPU Timestamp Queries]], [[EXT_disjoint_timer_query]]
- **Projects/Contexts:** [[Chrome DevTools Performance Panel]], [[ANGLE (Almost Native Graphics Layer Engine)]]
- **Related Topics:** [[Spectre and Meltdown|Spectre and Meltdown]], [[WebGPU Timestamp Queries|WebGPU Timestamp Queries]], [[EXT_disjoint_timer_query|EXT_disjoint_timer_query]]
- **Projects/Contexts:** Chrome DevTools Performance Panel, [[ANGLE (Almost Native Graphics Layer Engine)|ANGLE (Almost Native Graphics Layer Engine)]]
- **Contradictions/Notes:** 소스에 따르면 WebGL의 `gl.finish()` 함수는 본래 GPU 파이프라인의 실행 완료를 기다리는 기능이나, Chrome에서는 `gl.flush()`로 별칭(alias) 지정되어 있어, 이를 사용해 실제 렌더링 지연 시간을 측정하려는 시도는 작동하지 않습니다 [11, 27]. 또한 `EXT_disjoint_timer_query` 확장이나 `performance.now()` 등의 도구 역시 각각 보안 문제(캐시 기반 정보 유출) 및 제한적인 렌더링 조건 탓에 순수하고 완벽한 미세 지연 측정 도구로 사용하기에는 한계가 존재합니다 [3, 11, 28].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례.md]]
- Raw Source: 00_Raw/2026-04-20/GPU_WebGL 파이프라인의 미세 지연(Micro-latency) 측정 사례.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Game Studies (Academic Discipline).md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-EFF2C4
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Game Studies (Academic Discipline)"
---
# [[Game Studies (Academic Discipline)]]
# [[Game Studies (Academic Discipline)|Game Studies (Academic Discipline)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Game Studies (Academic Discipl
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Game Studies (Academic Discipline).md]]
- Raw Source: 00_Raw/2026-04-20/Game Studies (Academic Discipline).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Game Theory (Economics).md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-329226
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Game Theory (Economics)"
---
# [[Game Theory (Economics)]]
# [[Game Theory (Economics)|Game Theory (Economics)]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Game Theory (Economics)"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Game Theory (Economics).md]]
- Raw Source: 00_Raw/2026-04-20/Game Theory (Economics).md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Game Theory and Market Equilibrium.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-C0E0BE
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Game Theory and Market Equilibrium"
---
# [[Game Theory and Market Equilibrium]]
# [[Game Theory and Market Equilibrium|Game Theory and Market Equilibrium]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Game Theory and Market Equilib
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Game Theory and Market Equilibrium.md]]
- Raw Source: 00_Raw/2026-04-20/Game Theory and Market Equilibrium.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Game Theory.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-69600C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Game Theory"
---
# [[Game Theory]]
# [[Game Theory|Game Theory]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Game Theory"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Game Theory.md]]
- Raw Source: 00_Raw/2026-04-20/Game Theory.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Gamification-Design.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-8C354C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Gamification-Design"
---
# [[Gamification-Design]]
# [[Gamification-Design|Gamification-Design]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Gamification-Design"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Gamification-Design.md]]
- Raw Source: 00_Raw/2026-04-20/Gamification-Design.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Garbage Collection.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-F5453B
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Garbage Collection"
---
# [[Garbage Collection]]
# [[Garbage Collection|Garbage Collection]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 가비지 컬렉션(Garbage Collection, GC)은 사용되지 않는 구형 데이터를 메모리에서 해제하는 자바스크립트 엔진의 메모리 관리 프로세스입니다 [1]. 하지만 Three.js와 같은 실시간 3D 렌더링 환경에서는 빈번한 객체 생성이나 메모리 한계 초과로 인해 가비지 컬렉터가 작동할 경우, 프레임이 일시적으로 멈추는(Stuttering) 심각한 성능 저하가 발생할 수 있습니다 [1-3]. 또한, Three.js는 GPU 자원에 대해 자동으로 가비지 컬렉션을 수행하지 않기 때문에 개발자의 명시적인 메모리 관리가 필수적입니다 [4].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Garbage Collection"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Memory Management]], [[Object Pooling]], [[GPU Resources]]
- **Projects/Contexts:** [[Three.js]], [[WebGL]]
- **Related Topics:** [[Memory Management|Memory Management]], [[Object Pooling|Object Pooling]], [[GPU Resources|GPU Resources]]
- **Projects/Contexts:** [[Three.js|Three.js]], [[WebGL|WebGL]]
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Garbage Collection.md]]
- Raw Source: 00_Raw/2026-04-20/Garbage Collection.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Geometry Merging.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-4349BD
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Geometry Merging"
---
# [[Geometry Merging]]
# [[Geometry Merging|Geometry Merging]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> **Geometry Merging(지오메트리 병합)**은 Three.js 등의 3D 렌더링 환경에서 정적(static)인 여러 개의 기하학적 데이터를 단일 `BufferGeometry`로 합치는 최적화 기법입니다. 이는 여러 개의 메쉬를 개별적으로 그릴 때 발생하는 **드로우 콜(Draw call)을 단 1회로 줄여주어** CPU 오버헤드를 크게 감소시킵니다. 하지만 개별 객체의 독립적인 이동이나 실시간 상호작용이 제한되며, 객체가 반복될 경우 메모리 사용량이 극심하게 증가한다는 뚜렷한 한계를 가집니다.
@@ -30,11 +30,11 @@ github_commit: "[P-Reinforce] Continuous Worker - Geometry Merging"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Draw Call]], [[InstancedMesh]], [[BatchedMesh]], [[Frustum Culling]], [[BufferGeometry]]
- **Projects/Contexts:** [[IFC.js Fragment]], [[CAD Rendering Optimization]]
- **Related Topics:** [[Draw Call|Draw Call]], [[InstancedMesh|InstancedMesh]], [[BatchedMesh|BatchedMesh]], [[Frustum Culling|Frustum Culling]], [[BufferGeometry|BufferGeometry]]
- **Projects/Contexts:** [[IFCjs (Fragment)|IFC.js Fragment]], CAD Rendering Optimization
- **Contradictions/Notes:** 지오메트리 병합은 드로우 콜을 크게 줄여 렌더링 속도를 높이는 장점이 있지만, 단일 바운딩 박스로 묶이게 되어 시야 절두체 컬링 효율성이 떨어지고 메모리 사용량이 극도로 높아져 하드웨어 자원을 쉽게 고갈시킬 수 있다는 트레이드오프(Trade-off)가 존재합니다 [3, 4].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/Geometry Merging.md]]
- Raw Source: 00_Raw/2026-04-20/Geometry Merging.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Graph Theory in Level Design.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7898CD
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Graph Theory in Level Design"
---
# [[Graph Theory in Level Design]]
# [[Graph Theory in Level Design|Graph Theory in Level Design]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Graph Theory in Level Design"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Graph Theory in Level Design.md]]
- Raw Source: 00_Raw/2026-04-20/Graph Theory in Level Design.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/HMD(Head-Mounted Display) 기반 엑서게임 환경.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-E05076
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - HMD(Head-Mounted Display) 기반 엑서게임 환경"
---
# [[HMD(Head-Mounted Display) 기반 엑서게임 환경]]
# [[HMD(Head-Mounted Display) 기반 엑서게임 환경|HMD(Head-Mounted Display) 기반 엑서게임 환경]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> HMD(Head-Mounted Display) 기반 엑서게임 환경은 가상현실(VR) 기술을 활용하여 사용자의 신체적 운동과 게임 플레이를 결합한 몰입형 시스템입니다. 이 환경은 현실감 넘치는 3D 공간과 전방위적인 시야를 제공함으로써 사용자가 운동의 신체적 피로를 잊게 하고 지속적으로 운동에 참여할 수 있는 강력한 동기를 부여합니다 [1]. 그러나 높은 몰입감을 제공하는 대신, 신체 움직임과 시각적 자극의 불일치로 인해 화면 기반(Screen-based) 환경보다 VR 멀미(VR Sickness)나 시각적 피로를 유발할 가능성이 더 크다는 특징을 지닙니다 [2].
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - HMD(Head-Mounted Display) 기
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[VR 멀미(VR Sickness)]], [[실재감(Presence)]], [[폭주-조절 불일치(Vergence-Accommodation Conflict)]]
- **Projects/Contexts:** [[Beat Saber]], [[가상현실(VR) 자전거 시뮬레이터]]
- **Related Topics:** [[VR 멀미 (VR Sickness)|VR 멀미(VR Sickness)]], [[실재감(Presence)|실재감(Presence)]], [[폭주-조절 불일치(Vergence-accommodation conflict)|폭주-조절 불일치(Vergence-Accommodation Conflict)]]
- **Projects/Contexts:** [[Beat Saber|Beat Saber]], [[가상현실(VR) 자전거 시뮬레이터|가상현실(VR) 자전거 시뮬레이터]]
- **Contradictions/Notes:** HMD 기반 엑서게임은 기존 화면 기반 게임과 비교했을 때 사용자에게 더 높은 몰입감을 제공하여 운동 효과를 극대화할 수 있지만, 반대로 신체 움직임 증가와 시각적 자극으로 인해 VR 멀미의 유발 가능성을 높인다는 양면적인 모순을 가집니다 [2]. 노출 시간에 비례해 멀미 증상이 증가하지만 대부분 40분 이내에 자연 회복되므로 적절한 휴식과 함께 병행해야 합니다 [6, 9].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/HMD(Head-Mounted Display) 기반 엑서게임 환경.md]]
- Raw Source: 00_Raw/2026-04-20/HMD(Head-Mounted Display) 기반 엑서게임 환경.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/HTML5 Canvas.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-6AA980
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - HTML5 Canvas"
---
# [[HTML5 Canvas]]
# [[HTML5 Canvas|HTML5 Canvas]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> HTML5 Canvas는 웹 브라우저 내에서 3D 장면이나 그래픽 등 모든 그리기 콘텐츠(drawing contents)를 담는 HTML 요소입니다 [1]. 주로 자바스크립트를 통해 WebGL 또는 WebGPU 컨텍스트를 가져와 GPU에서 하드웨어 가속을 통해 직접 렌더링을 수행하는 대상 화면으로 사용됩니다 [1, 2]. 제공된 소스에서는 독립적인 주제라기보다는 WebGL 및 WebGPU 파이프라인이 그래픽을 출력하는 기본 바탕으로서 단편적으로 언급됩니다.
@@ -20,11 +20,11 @@ github_commit: "[P-Reinforce] Continuous Worker - HTML5 Canvas"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[WebGL]], [[WebGPU]], [[GPU Rendering]]
- **Projects/Contexts:** [[3D Web-based HMI]], [[LearnWebGL]], [[Chrome DevTools Performance]]
- **Related Topics:** [[WebGL|WebGL]], [[WebGPU|WebGPU]], GPU Rendering
- **Projects/Contexts:** [[3D Web-based HMI|3D Web-based HMI]], LearnWebGL, Chrome DevTools Performance
- **Contradictions/Notes:** 소스에 관련 정보가 부족합니다. 소스 데이터 내에서 HTML5 Canvas 자체의 2D API나 내부 동작 원리에 대한 깊이 있는 설명은 존재하지 않으며, WebGL 및 WebGPU 렌더링을 위한 HTML 요소로서의 역할만 제한적으로 다뤄지고 있습니다.
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/HTML5 Canvas.md]]
- Raw Source: 00_Raw/2026-04-20/HTML5 Canvas.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/High Resolution Time.md
+5 -5
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-05BDE3
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - High Resolution Time"
---
# [[High Resolution Time]]
# [[High Resolution Time|High Resolution Time]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> High Resolution Time(HR-time)은 웹 브라우저 환경에서 고정밀로 시간을 측정하기 위해 사용되는 사양(Spec) 및 메커니즘을 의미한다. 그러나 Spectre나 Meltdown 같은 타이밍 기반의 사이드 채널 공격을 방지하기 위해 이 사양은 `performance.now()`와 같은 측정 도구의 해상도를 의도적으로 제한(Coarsening)하고 있다. 최근 WebGPU의 타임스탬프 쿼리 기능 역시 이 HR-time 사양의 기준을 참조하여 보안과 성능 측정의 균형을 맞추고 있다.
@@ -23,11 +23,11 @@ github_commit: "[P-Reinforce] Continuous Worker - High Resolution Time"
- **정책 변화:** Graphics & Performance 분야의 자동 자산화 수행.
## 🔗 지식 연결 (Graph)
- **Related Topics:** [[Spectre and Meltdown]], [[WebGPU Timestamp Queries]], [[performance.now()]]
- **Projects/Contexts:** [[High Resolution Time spec (#4175)]]
- **Related Topics:** [[Spectre and Meltdown|Spectre and Meltdown]], [[WebGPU Timestamp Queries|WebGPU Timestamp Queries]], performance.now()
- **Projects/Contexts:** High Resolution Time spec (#4175)
- **Contradictions/Notes:** 소스 내에 특별한 모순은 없으나, High Resolution Time의 정밀도는 적용되는 보안 격리 환경(Isolated vs Non-isolated) 및 브라우저 엔진의 방어 메커니즘에 따라 5µs, 100µs, 1ms 등 상이하게 적용된다는 점을 유의해야 한다 [1, 2].
---
*Last updated: 2026-04-19*
- Raw Source: [[00_Raw/2026-04-20/High Resolution Time.md]]
- Raw Source: 00_Raw/2026-04-20/High Resolution Time.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Human-Centered Design.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-AFA55D
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Human-Centered Design"
---
# [[Human-Centered Design]]
# [[Human-Centered Design|Human-Centered Design]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Human-Centered Design"
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Human-Centered Design.md]]
- Raw Source: 00_Raw/2026-04-20/Human-Centered Design.md
---
10_Wiki/Topics_Art/Visual_Effects/Graphics & Performance/Human-Computer-Interaction-HCI.md
+3 -3
View File
@@ -1,13 +1,13 @@
---
id: P-REINFORCE-AUTO-7D2F0C
category: "[[10_Wiki/💡 Topics/Graphics & Performance]]"
category: "10_Wiki/💡 Topics/Graphics & Performance"
confidence_score: 0.90
tags: [auto-reinforced]
last_reinforced: 2026-04-20
github_commit: "[P-Reinforce] Continuous Worker - Human-Computer-Interaction-HCI"
---
# [[Human-Computer-Interaction-HCI]]
# [[Human-Computer-Interaction-HCI|Human-Computer-Interaction-HCI]]
## 📌 한 줄 통찰 (The Karpathy Summary)
> 지식 요약 정보 추출 중...
@@ -21,5 +21,5 @@ github_commit: "[P-Reinforce] Continuous Worker - Human-Computer-Interaction-HCI
## 🔗 지식 연결 (Graph)
- Raw Source: [[00_Raw/2026-04-20/Human-Computer-Interaction-HCI.md]]
- Raw Source: 00_Raw/2026-04-20/Human-Computer-Interaction-HCI.md
---

Some files were not shown because too many files have changed in this diff Show More