21 lines
835 B
Markdown
21 lines
835 B
Markdown
---
|
|
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]]
|