Data Flow

응답 데이터에서 화면 상태까지

HTTP JSON을 받은 뒤 구조 분해로 필요한 필드만 꺼내고, 스프레드로 기존 상태를 얕게 복사해 DOM 렌더 입력을 만든다.

상태 업데이트 흐름

fetch + state
response

JSON 응답

서버가 보낸 user, posts, meta 같은 묶음 데이터를 받는다.

{ user }

구조 분해

화면에 필요한 이름, 목록, 페이지 정보만 명시적으로 꺼낸다.

...state

스프레드 복사

기존 상태를 유지하면서 바뀐 필드만 새 값으로 덮어쓴다.

render()

DOM 렌더

새 상태 객체를 기준으로 필요한 화면 조각만 다시 그린다.

fetch json pick copy render
정리

구조 분해는 읽을 값을 분명히 하고, 스프레드는 변경된 상태를 새 객체로 만들어 화면 갱신 흐름을 추적하기 쉽게 한다.