[G1-Sync] Manual knowledge update
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
# [[Overrides Pattern]]
|
||||
|
||||
## 📌 Brief Summary
|
||||
## 📌[[ brief]] Summary
|
||||
Overrides Pattern(오버라이드 패턴)은 React 컴포넌트 라이브러리에서 재사용성과 유연성을 높이기 위해 컴포넌트의 내부 요소를 깊이 있게 커스터마이징할 수 있도록 허용하는 아키텍처 패턴입니다 [1, 2]. 컴포넌트의 각 하위 요소에 식별자를 부여하고 단일 `overrides` 속성(prop)을 노출하여, 개발자가 스타일을 수정하거나 추가 속성을 전달하고 렌더링되는 컴포넌트 자체를 교체할 수 있게 합니다 [3-5]. 이를 통해 모든 가능한 사용 사례에 대해 새로운 속성을 추가함으로 인해 발생하는 'prop soup(속성 과부하)' 현상을 방지하고 확장 가능한 UI를 구축할 수 있습니다 [5].
|
||||
|
||||
## 📖 Core Content
|
||||
@@ -18,9 +18,9 @@ Overrides Pattern(오버라이드 패턴)은 React 컴포넌트 라이브러리
|
||||
* **깊은 커스터마이징(Deep Customization) 지원:** 프리젠테이셔널 컴포넌트를 쉽게 교체할 수 있도록 하여, 라이브러리를 무겁게 만들지 않으면서도 다양한 요구 사항을 가진 수백 개의 내부 애플리케이션에 맞게 확장(scale)할 수 있게 해줍니다 [2, 3, 5].
|
||||
|
||||
## 🔗 Knowledge Connections
|
||||
- **Related Topics:** [[Compound Components]], [[Headless Components]], [[Design Systems]]
|
||||
- **Related Topics:** [[Compound Components]], [[Headless Components]], [[Design[[ system]]s]]
|
||||
- **Projects/Contexts:** Base Web, Uber
|
||||
- **Contradictions/Notes:** 소스에 따르면, React 컴포넌트 아키텍처 패턴 중 Compound Components가 상태(Context) 공유를 통한 레이아웃의 유연성을 제공하고 Headless Components가 로직의 재사용성에 집중한다면, Overrides Pattern은 객체 기반 컴포넌트 주입을 통한 '깊은 커스터마이징(Deep customization)'에 특화된 패턴으로 분류 및 비교됩니다 [2].
|
||||
- **Contradictions/Notes:** 소스에 따르면, React 컴포넌트 아키텍처 패턴 중 [[Compound Components]]가 상태(Context) 공유를 통한 레이아웃의 유연성을 제공하고 [[Headless Components]]가 로직의 재사용성에 집중한다면, Overrides Pattern은 객체 기반 컴포넌트 주입을 통한 '깊은 커스터마이징(Deep customization)'에 특화된 패턴으로 분류 및 비교됩니다 [2].
|
||||
|
||||
---
|
||||
*Last updated: 2026-04-26*
|
||||
Reference in New Issue
Block a user