React의 핵심은 데이터가 화면으로 흐르는 구조다
컴포넌트는 입력을 화면으로 바꾸고, 이벤트는 상태를 갱신해 다시 렌더링하며, effect는 외부 시스템과 동기화한다.
Props
부모가 전달하는 읽기 전용 데이터
State
사용자 상호작용으로 바뀌는 지역 상태
Render
같은 입력이면 같은 JSX를 계산
Effect
DOM·네트워크 등 외부 시스템과 동기화
핵심이벤트 → state 변경 → render가 기본 순환이고, effect는 그 순환 바깥의 동기화에만 둔다.