next.js

이렇게 되어 있던 것들을

따로 components 폴더에 따로 만들어서 나누고

import 해오는 방식으로 변경

Suspense

: component await 해주고, 준비동안 fallback를 전달해줌

페이지 전체 로딩 -> fetch해야 하는 component 부분만 로딩
useState, useEffect 사용 x
페이지 즉시 표시
components 분리 -> 서로 기다릴 필요 없이 따로 표시