2차 프로젝트 코드 리뷰 중 Loading... 과 관련하여 담당 코치님께서 서스펜스 에 대해서 알아보면 좋을 것 같다고 조언을 해주셔서 이 내용을 공부하면서 정리해보았습니다. image 🔹 React Suspense 란? : 비동기 작업을 진행하는 컴포넌트를 자식 컴포넌트로 가지며, 그 자식 컴포넌트가 비동기 작업을 진행하는 동안 fallback 에 할당받은 특정 컴포넌트를 렌더링 하는 역할을 합니다. 🔹 Suspense 사용 전의 문제점 waterfall 현상 : 상위 컴포넌트의 데이터 로딩이 끝나야지만 하위 컴포넌트의 데이터 로딩이 시작될 수 있기 때문에 사용자 경험 측면에서 UI를 불러오는 시간이 더 오래 걸리게 됩니다