목록2026/04/12 (1)
co-cherry
useMemo, useCallback을 활용한 상세 페이지 구현하기 (w. TMDB)
이전에 구현한 무한 스크롤 영화 페이지에 상세 페이지 모달을 제작해보았다. 이번 시간에는 아래 항목들을 학습해보려고 한다.바운더리 패턴 useMemo / useCallbackReact DevtoolsSuspense / Error Boundary 패턴 Loading / Error UI를 상위 컴포넌트로 올려서 한 곳에서 처리하는 관심사 분리 패턴 Suspense 로딩 중에 보여 줄 대체 UI로, 자식 컴포넌트들이 로딩을 완료할 때까지 fallback 표시Error Boundary Error를 catch 하는 컴포넌트로 에러 발생 시, fallback 표시 *fallback 로딩/에러 중 보여 줄 대체 UI throw Promise → Suspense가 catch → fallback(로딩UI) 표시t..
React
2026. 4. 12. 01:06