🛠️ Profile Page Scroll 이슈 수정

[Legitgoons]

작업 이유

#81 이슈 해결

작업 사항

1️⃣ RootLayout.tsx에 ScrollRestoration 추가

• 새 화면으로 이동할때는 스크롤을 최상단으로 이동시키고, 기존 화면으로 돌아갈때는location.pathname 속성을 활용해 scroll이 그대로 유지되게 설정하였습니다.

<ScrollRestoration
  getKey={(location) => {
    return location.pathname;
  }}
/>

2️⃣ FeedMainPage 언마운트 시 Kebab메뉴 닫힘

• useFeedKebabStore를 export 했습니다.
• FeedMainPage가 언마운트 될 때, useEffect의 클린업 기능을 사용해 kebab메뉴가 닫기도록 했습니다.

리뷰어가 중점적으로 확인해야 하는 부분

• Profile Page의 경우, 스크롤이 최상단에서 랜더링되는지
• Main Page의 경우, 기존 위치에서 랜더링되는지

발견한 이슈

다만, iPhoneLayout의 경우에는 여전히 스크롤이 정상적으로 이동되지 않습니다. 이 부분은 package의 문제라고 생각되어 react-iphone-layout package에 issue로 등록하겠습니다.

[aws-amplify-ap-northeast-2]

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-84.d37mn03xh3qyyz.amplifyapp.com

[BangDori]

이슈 인지했습니다. 근데, 문제점이 하나 있습니다.

위 이미지처럼 토글바를 연 상태로 프로필 페이지로 이동하고 돌아오면, 토글 바가 닫겨있어야 하는데 열려있습니다.

[BangDori]

클린업 함수 깔끔하네요 ㅋㅋㅋ 👍