feat: navigator hook 구현 및 기본 구조 구현 (#35)

src/app/(userpage)/layout.tsx

@@ -0,0 +1,8 @@
+export default function UserLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <section>
+      <div>여기가 레이아웃</div>
+      {children}
+    </section>
+  );
+}

src/app/(userpage)/mypage/page.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function MyPage() {
+  return <div>MyPage</div>;
+}

src/app/(userpage)/otherpage/page.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function OtherPage() {
+  return <div>OtherPage</div>;
+}

src/app/(userpage)/page.tsx

@@ -0,0 +1,5 @@
+import React from "react";
+
+export default function page() {
+  return <div>여기 진짜 페이지임 ㅇㅇ</div>;
+}

src/hooks/useNavigateToUserPage.ts

@@ -0,0 +1,17 @@
+import { useRouter } from "next/router";
+
+const useNavigateToUserPage = (currentUserId: string) => {
+  const router = useRouter();
+
+  const navigateToUserPage = (userId: string) => {
+    if (userId === currentUserId) {
+      router.push("/userpage/mypage");
+    } else {
+      router.push(`/userpage/otherpage?userId=${userId}`);
+    }
+  };
+
+  return navigateToUserPage;
+};
+
+export default useNavigateToUserPage;