feat: [FE] 방생성 로직 작성

방생성 버튼을 누르는 경우, UUID값에 따라 방을 새롭게 생성하고, 해당 방으로 이동하는 기능 구현 (#32)
d0422 · Nov 14, 2023 · 968baee · 968baee
1 parent 77bb2b8
commit 968baee
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/frontEnd/src/pages/Home.tsx b/frontEnd/src/pages/Home.tsx
@@ -1,7 +1,14 @@
+import { v4 as uuidv4 } from 'uuid';
+import { useNavigate } from 'react-router-dom';
 import Button from '@/components/Button';
 
 export default function Home() {
-  const handleClick = () => {};
+  const navigate = useNavigate();
+
+  const handleClick = () => {
+    const roomId = uuidv4();
+    navigate(`/${roomId}`);
+  };
 
   return (
     <div className="h-[100vh] w-[100vw] bg-backgroundColor flex justify-center items-center py-[10vw] ">