[FE][Feat] : frontend 브렌치와 머지

frontend/src/App.tsx

@@ -0,0 +1,26 @@
+import { Route, Routes } from 'react-router-dom';
+import { Main } from '@/pages/Main';
+import { Register } from '@/pages/Register';
+import { AddChannel } from '@/pages/AddChannel';
+import { UserRoute } from '@/pages/UserRoute';
+import { DrawRoute } from '@/pages/DrawRoute';
+import { HostView } from '@/pages/HostView';
+import { GuestView } from '@/pages/GuestView';
+
+const ChannelRoutes = () => (
+  <Routes>
+    <Route path="host" element={<HostView />} />
+    <Route path="guest/:guestId" element={<GuestView />} />
+  </Routes>
+);
+
+export const App = () => (
+  <Routes>
+    <Route path="/" element={<Main />} />
+    <Route path="/register" element={<Register />} />
+    <Route path="/add-channel" element={<AddChannel />} />
+    <Route path="/add-channel/:user" element={<UserRoute />} />
+    <Route path="/add-channel/:user/draw" element={<DrawRoute />} />
+    <Route path="/channel/:channelId/*" element={<ChannelRoutes />} />
+  </Routes>
+);

frontend/src/main.tsx

@@ -1,5 +1,6 @@
 import { StrictMode } from 'react';
 import { createRoot } from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import './index.css';
 import { App } from './App';
 // 우선은 폰트 다 포함시켰는데, 나중에 사용할 것들만 따로 뺴자.
@@ -15,6 +16,8 @@ import '@fontsource/pretendard/900.css';
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
-    <App />
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
   </StrictMode>,
 );

frontend/src/pages/AddChannel.tsx

@@ -0,0 +1 @@
+export const AddChannel = () => <>Hello</>;

frontend/src/pages/DrawRoute.tsx

@@ -0,0 +1 @@
+export const DrawRoute = () => <>Hello</>;

frontend/src/pages/GuestView.tsx

@@ -0,0 +1 @@
+export const GuestView = () => <>Hello</>;

frontend/src/pages/HostView.tsx

@@ -0,0 +1 @@
+export const HostView = () => <>Hello</>;

frontend/src/pages/Main.tsx

@@ -0,0 +1 @@
+export const Main = () => <>Hello</>;

frontend/src/pages/Register.tsx

@@ -0,0 +1 @@
+export const Register = () => <>Hello</>;

frontend/src/pages/UserRoute.tsx

@@ -0,0 +1 @@
+export const UserRoute = () => <>Hello</>;