# [[KISS Principle]]

## 📌 Brief Summary
KISS(Keep It Simple, Stupid) 원칙은 복잡성보다는 단순성을 항상 선택하여 코드를 이해하고 유지보수하기 쉽게 만드는 소프트웨어 엔지니어링 원칙입니다 [1, 2]. React 개발 환경에서는 컴포넌트 로직을 단순화하고 조기 최적화(premature optimization)를 피하는 방향으로 적용됩니다 [3]. 함수나 컴포넌트가 비대해질 경우, 코드를 '단순하고 멍청하게(simple and dumb)' 남겨두기 위해 더 작고 직관적인 논리적 부분으로 분할할 것을 권장합니다 [2].

## 📖 Core Content
*   **단순성 우선:** KISS 원칙은 코드를 명확하고 단순하게 작성하는 것을 핵심으로 합니다 [1]. 코드가 단순할수록 직관적으로 이해하기 쉽고 디버깅이 수월해집니다 [4]. 이 원칙은 빠른 프로토타이핑을 진행하거나 단순한 애플리케이션을 개발할 때 특히 유용하게 사용됩니다 [3].
*   **React 환경에서의 적용:** React에서 KISS 원칙을 준수하려면 컴포넌트의 로직을 복잡하게 만들지 않고 조기 최적화를 피해야 합니다 [3]. 컴포넌트와 함수가 성장함에 따라 논리를 분리하여 작고 이해 가능한 단위로 유지하는 것이 중요합니다 [2].
*   **DRY 원칙과의 균형 및 한계:** "Don't Repeat Yourself"를 뜻하는 DRY 원칙을 무리하게 적용하다 보면 KISS 원칙을 위반하기 쉽습니다 [5]. 코드의 중복을 피하려고 재사용 가능한 추상화(예: 커스텀 훅)를 만들었을 때, 그 추상화된 코드가 원본 코드보다 이해하기 어렵다면 추상화의 목적을 상실한 것입니다 [5]. 따라서 패턴이 최소 3번 반복될 때까지 추상화를 미루는 전략이 권장되며, 이를 통해 너무 이른 최적화를 방지하고 코드를 쉽게 디버깅할 수 있는 상태로 유지할 수 있습니다 [5].
*   **트레이드오프:** 단순하고 직관적인 구조 덕분에 디버깅이 용이해진다는 큰 장점이 있지만, 복잡한 문제에 대해 해결책을 지나치게 단순화(oversimplify)해버릴 위험이 있다는 단점도 존재합니다 [4].

## 🔗 Knowledge Connections
- **Related Topics:** [[DRY Principle]], [[Clean Code]], [[Refactoring Techniques]]
- **Projects/Contexts:** [[React Component Optimization]], [[Frontend Architecture]]
- **Contradictions/Notes:** 코드 중복을 제거하기 위한 [[DRY Principle]]과 충돌할 여지가 있습니다. 과도한 추상화가 코드의 가독성을 해친다면, 무리한 중복 제거보다는 [[KISS Principle]]을 따라 직관성을 유지하는 것이 더 권장됩니다 [5].

---
*Last updated: 2026-04-26*