Files
2nd/10_Wiki/Topics/React_Mental_Model.md
T

835 B

title, category, tags, created
title category tags created
리액트 핵심 멘탈 모델 (UI as a Function of State) Software Architecture
React
State
Mental Model
Immutability
2026-04-20

리액트 핵심 멘탈 모델

🎯 핵심 개념

리액트 앱은 단순히 DOM을 조작하는 것이 아니라, **상태(State)**가 바뀌면 UI가 자동으로 업데이트되는 구조를 가집니다.

🧱 3대 원칙

  1. Immutability (불변성): 상태는 직접 수정하지 않고 항상 새로운 복사본을 만들어 교체해야 함.
  2. Declarative UI (선언형 UI): "어떻게"가 아니라 "무엇을" 보여줄지에 집중.
  3. Unidirectional Data Flow (단방향 데이터 흐름): Props는 부모에서 자식으로만 흐름.

🔗 연결된 지식