React · data

데이터 연동 페이지 흐름

목록, 상세, 추가, 삭제가 같은 요청 계층을 지나 화면 상태로 돌아오는 구조입니다.

페이지와 요청 역할

axios

목록 조회와 추가/삭제 핸들러를 묶습니다.

GET 요청의 data, loading, error를 표준화합니다.

POST, DELETE 같은 변경 요청을 담당합니다.

목록 렌더링과 상세 이동 진입점을 만듭니다.

URL 파라미터로 단일 게시물을 다시 조회합니다.

mount → GET /posts → render list → POST/DELETE → refetch

데이터 연동 페이지는 요청 함수보다 상태 전환을 일정하게 유지하는지가 품질의 핵심입니다.