[P-Reinforce] 2026-04-20: 15-Level React Mastery Curriculum Integrated

React_Mental_Model.md

@@ -0,0 +1,20 @@
+---
+title: 리액트 핵심 멘탈 모델 (UI as a Function of State)
+category: Software Architecture
+tags: [React, State, Mental Model, Immutability]
+created: 2026-04-20
+---
+
+# 리액트 핵심 멘탈 모델
+
+## 🎯 핵심 개념
+리액트 앱은 단순히 DOM을 조작하는 것이 아니라, **상태(State)**가 바뀌면 UI가 자동으로 업데이트되는 구조를 가집니다.
+
+## 🧱 3대 원칙
+1.  **Immutability (불변성)**: 상태는 직접 수정하지 않고 항상 새로운 복사본을 만들어 교체해야 함.
+2.  **Declarative UI (선언형 UI)**: "어떻게"가 아니라 "무엇을" 보여줄지에 집중.
+3.  **Unidirectional Data Flow (단방향 데이터 흐름)**: Props는 부모에서 자식으로만 흐름.
+
+## 🔗 연결된 지식
+- [[React_Hooks_Deep_Dive]]
+- [[Component_Design_Patterns]]