useEffect를 이용한 데이터 가져오기

1

useEffect 훅 복습

useEffect는 렌더링 뒤 외부 시스템과 동기화할 작업을 등록하고, 필요하면 다음 실행 전에 cleanup을 수행합니다.

2

데이터 페칭의 기본 원리

데이터 요청은 렌더링 결과가 아니라 네트워크 상태에 의존하므로, 응답 도착 전후의 UI 상태를 따로 보관해야 합니다.

3

실제 예제: 사용자 목록 가져오기

로컬 Mock API로 목록 요청, 로딩, 실패 분기를 재현합니다.

4

async/await 사용 시 주의사항

useEffect 훅에 전달되는 함수는 동기 함수여야 합니다.