feat: 페이지 이동될 때 스크롤 맨 위에 위치하도록 기능 추가

src/hooks/useScrollToTop.ts

@@ -0,0 +1,12 @@
+import { useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+export default function useScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}

src/index.tsx

@@ -8,17 +8,22 @@ import theme from './styles/theme';
 import { RecoilRoot } from 'recoil';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
+import useScrollToTop from './hooks/useScrollToTop';
+
 const rootElement = document.getElementById('root');
 if (!rootElement) throw new Error('Failed to find the root element');
 const root = ReactDOM.createRoot(rootElement);
 
 const queryClient = new QueryClient();
 
+const ScrollToTop = useScrollToTop;
+
 root.render(
   <ThemeProvider theme={theme}>
     <RecoilRoot>
       <QueryClientProvider client={queryClient}>
         <BrowserRouter>
+          <ScrollToTop />
           <GlobalStyle />
           <App />
         </BrowserRouter>