Closed eonseok-jeon closed 1 month ago
Link Height tasks by mentioning a task ID in the pull request title or commit messages, or description and comments with the keyword
link
(e.g. "Link T-123").💡Tip: You can also use "Close T-X" to automatically close a task when the pull request is merged.
죄송합니다 실수로 주용이 PR을 잘못 머지해서 다시 복구시켰어요ㅜ 기존 pr
Summary
close #415
Comment
일단 기존에
useGetMember
쿼리 커스텀 훅으로members
데이터를 받아왔었습니다.사실 서버 컴포넌트의 이점을 살릴 수 있는
NextJS
에서useQuery
를 통해 클라이언트 사이드 렌더링을 하는 것보다 기존의aboutInfo
를getStaticProps
를 통해prefetch
하였던 것처럼memberInfo
데이터 또한 사전에 생성하여props
로 건내주는 방식으로 리팩토링하였습니다.기존에 사용하던
MemberContent
컴포넌트를 그대로 사용할 수 있었지만, 불필요하게props
를 전달하는 것 같아서Section
컴포넌트에서 렌더링하도록 하였습니다.또한
Suspense
로 감싸주어 서버에서 미리 청크를 분리하고 데이터가 준비되는대로 클라이언트로 전송할 수 있도록 구현하였습니다.아직은
MemberContent
컴포넌트를 삭제하지는 않았는데, 현재 변경사항이 반영된다면 어느곳에서도 사용하지 않으니 삭제하도록 하겠습니다.