feat: sending-quiz

frontend/package.json

@@ -13,6 +13,7 @@
     "@radix-ui/react-icons": "^1.3.0",
     "@radix-ui/react-progress": "^1.0.3",
     "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-toast": "^1.1.5",
     "@stomp/stompjs": "^7.0.0",
     "axios": "^1.6.8",
     "class-variance-authority": "^0.7.0",

frontend/src/App.jsx

@@ -6,13 +6,11 @@ import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import WaitingRoomPage from './page/WaitingRoomPage';
 import TeacherHome from './teacherPage/TeacherHome';
 import TeacherOngoing from './teacherPage/TeacherOngoing';
-import SubjectiveQuiz from './quiz/SubjectiveQuiz';
-import QuizComponent from './quiz/MulitpleQuiz';
-import Answer from './quiz/Answer';
 import QuizEnd from './quiz/QuizEnd';
 import RankingScreen from './quiz/Ranking';
 import LoginForm from './page/LoginFrom';
 import { WebSocketProvider } from './utils/WebSocketProvider';
+import QuizContainer from './quiz/QuizContainer';
 
 
 function App() {
@@ -25,9 +23,7 @@ function App() {
           <Route path='/home' element={<TeacherHome/>}></Route>
           <Route path='/teacherRemote' element={<TeacherOngoing/>} ></Route>
           <Route path="/waitingRoom/:Qid" element={<WaitingRoomPage/>}></Route>
-          <Route path='/subject/:Qid' element={<SubjectiveQuiz/>}></Route>
-          <Route path='/multiple/:Qid' element={<QuizComponent/>}></Route>
-          <Route path='/answer/:Qid' element={<Answer/>}></Route>
+          <Route path='/quiz/:Qid' element={<QuizContainer/>}></Route>
           <Route path='/quizEnd' element={<QuizEnd/>}></Route>
           <Route path='/ranking' element={<RankingScreen/>}></Route>
         </Routes>

frontend/src/apis/axiosModule.js

@@ -1,8 +1,8 @@
 import axios from "axios";
 
 const instance = axios.create({
-    baseURL: 'http://localhost:8080/api',
-    // baseURL: 'http://k10d107.p.ssafy.io/api'
+    // baseURL: 'http://localhost:8080/api',
+    baseURL: 'https://k10d107.p.ssafy.io/api'
 })
 
 const tokens = JSON.parse(localStorage.getItem('tokens')) || {};

frontend/src/apis/ranking.js

@@ -0,0 +1,21 @@
+
+import { instance } from "./axiosModule";
+
+export const getRanking = async(quizGameId) => {
+    const url = `/quizzes/ranking/${quizGameId}`;
+    const tokens = JSON.parse(localStorage.getItem('tokens'))
+    console.log(tokens.accessToken);
+    const headers = {
+        "Authorization": `Bearer ${tokens.accessToken}`
+    }
+
+    return await instance.get(url, {headers})
+    .then((res) => {
+        console.log('api 결과:', res)
+        return res.data;
+    })
+    .catch(
+        (err) => {console.log("API 호출 에러", err)
+                throw err;}
+    )
+}