Feat: 페이지 이동 시 상단으로 이동하는 기능 구현

co-kkiri/src/PageRouter.tsx

@@ -15,6 +15,7 @@ import Navigation from "./layouts/Navigation";
 import GoogleAuth from "./pages/Auth/GoogleAuth";
 import AuthListener from "./components/commons/AuthListener";
 import GithubAuth from "./pages/Auth/GithubAuth";
+import PageScrollTop from "./components/commons/PageScrollTop";
 
 const {
   HOME_PATH,
@@ -35,6 +36,7 @@ const PageRouter = () => {
   return (
     <Router>
       <AuthListener />
+      <PageScrollTop />
       <Routes>
         <Route path="/" element={<Navigation />}>
           <Route path={HOME_PATH} element={<Home />} />

co-kkiri/src/components/commons/FloatingButton/ScrollToTop.tsx

@@ -19,7 +19,7 @@ export default function ScrollToTop() {
 
       if (!scrollY) return;
 
-      if (scrollY > 200) {
+      if (scrollY > 400) {
         setIsVisible(true);
       } else {
         setIsVisible(false);

co-kkiri/src/components/commons/PageScrollTop.ts

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