feat: Link, route.push 상관없이 파라미터 받아오기 완료 (#35)

src/app/(userpage)/layout.tsx

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

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

@@ -6,10 +6,11 @@ import cn from "@/utils/classNames";
 import styles from "./MyPage.module.scss";
 
 export default function MyPage() {
+  const userId = "2";
   return (
     <div className={cn(styles.container)}>
       <span>MyPage</span>
-      <Link href='/otherpage/2'>이동 부탁</Link>
+      <Link href={`/otherpage/${userId}`}>이동 부탁</Link>
     </div>
   );
 }

src/app/(userpage)/otherpage/[userId]/OtherPage.module.scss

@@ -3,6 +3,7 @@
 
 .container {
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
 }

src/app/(userpage)/otherpage/[userId]/page.tsx

@@ -1,17 +1,18 @@
 "use client";
 
-import { useSearchParams } from "next/navigation";
+import { useParams } from "next/navigation";
 import React from "react";
 import cn from "@/utils/classNames";
 import styles from "./OtherPage.module.scss";
 
 export default function OtherPage() {
-  const userId = useSearchParams();
+  // userId를 받아오는 useParams function
+  const { userId } = useParams<{ userId: string }>();
 
   return (
     <div className={cn(styles.container)}>
       <h1> OtherPage test </h1>
-      <span>{userId}</span>
+      <span>userId: {userId}</span>
     </div>
   );
 }