Commit @7d98bb8b3d1070921f90a30d7a7c36288fb91948

6a3fb29

7d98bb8

src/components/contents/fairyTravel/FairyTravelBasicVerification.jsx

--- src/components/contents/fairyTravel/FairyTravelBasicVerification.jsx

+++ src/components/contents/fairyTravel/FairyTravelBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/fairyTravel/FairyTravelDeepVerification.jsx

--- src/components/contents/fairyTravel/FairyTravelDeepVerification.jsx

+++ src/components/contents/fairyTravel/FairyTravelDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/fairyWorld/FairyWorldBasicVerification.jsx

--- src/components/contents/fairyWorld/FairyWorldBasicVerification.jsx

+++ src/components/contents/fairyWorld/FairyWorldBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/fairyWorld/FairyWorldDeepVerification.jsx

--- src/components/contents/fairyWorld/FairyWorldDeepVerification.jsx

+++ src/components/contents/fairyWorld/FairyWorldDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/grammarFariy/GrammarFairyBasicVerification.jsx

--- src/components/contents/grammarFariy/GrammarFairyBasicVerification.jsx

+++ src/components/contents/grammarFariy/GrammarFairyBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/grammarFariy/GrammarFairyDeepVerification.jsx

--- src/components/contents/grammarFariy/GrammarFairyDeepVerification.jsx

+++ src/components/contents/grammarFariy/GrammarFairyDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/grammarLand/GrammarLandBasicVerification.jsx

--- src/components/contents/grammarLand/GrammarLandBasicVerification.jsx

+++ src/components/contents/grammarLand/GrammarLandBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/grammarLand/GrammarLandDeepVerification.jsx

--- src/components/contents/grammarLand/GrammarLandDeepVerification.jsx

+++ src/components/contents/grammarLand/GrammarLandDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/sentenceAbsorb/SentenceAbsorbBasicVerification.jsx

--- src/components/contents/sentenceAbsorb/SentenceAbsorbBasicVerification.jsx

+++ src/components/contents/sentenceAbsorb/SentenceAbsorbBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/sentenceAbsorb/SentenceAbsorbDeepVerification.jsx

--- src/components/contents/sentenceAbsorb/SentenceAbsorbDeepVerification.jsx

+++ src/components/contents/sentenceAbsorb/SentenceAbsorbDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/sentenceDiary/SentenceDiaryBasicVerification.jsx

--- src/components/contents/sentenceDiary/SentenceDiaryBasicVerification.jsx

+++ src/components/contents/sentenceDiary/SentenceDiaryBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/sentenceDiary/SentenceDiaryDeepVerification.jsx

--- src/components/contents/sentenceDiary/SentenceDiaryDeepVerification.jsx

+++ src/components/contents/sentenceDiary/SentenceDiaryDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/songCountry/SongCountryBasicVerification.jsx

--- src/components/contents/songCountry/SongCountryBasicVerification.jsx

+++ src/components/contents/songCountry/SongCountryBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/songCountry/SongCountryDeepVerification.jsx

--- src/components/contents/songCountry/SongCountryDeepVerification.jsx

+++ src/components/contents/songCountry/SongCountryDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/songWorld/SongWorldBasicVerification.jsx

--- src/components/contents/songWorld/SongWorldBasicVerification.jsx

+++ src/components/contents/songWorld/SongWorldBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/songWorld/SongWorldDeepVerification.jsx

--- src/components/contents/songWorld/SongWorldDeepVerification.jsx

+++ src/components/contents/songWorld/SongWorldDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/wordAbosrb/WordAbsorbBasicVerification.jsx

--- src/components/contents/wordAbosrb/WordAbsorbBasicVerification.jsx

+++ src/components/contents/wordAbosrb/WordAbsorbBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/wordAbosrb/WordAbsorbDeepVerification.jsx

--- src/components/contents/wordAbosrb/WordAbsorbDeepVerification.jsx

+++ src/components/contents/wordAbosrb/WordAbsorbDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/wordBundle/WordBundleBasicLearning.jsx

--- src/components/contents/wordBundle/WordBundleBasicLearning.jsx

+++ src/components/contents/wordBundle/WordBundleBasicLearning.jsx


-import React, { useState } from "react";
+import React, { useRef } from "react";
 import "./WordBundleBasicLearning.css";
 
 const WordBundleBasicLearning = ({ contents }) => {
-  const [isPlaying, setIsPlaying] = useState(false);
+  const audioRef = useRef(null);
 
-  const toggleAudio = () => {
-    const audio = document.getElementById("song-audio");
-    if (isPlaying) {
-      audio.pause();
-    } else {
-      audio.play();
+  // 이미지 클릭 시 오디오 재생
+  const playAudio = () => {
+    if (audioRef.current) {
+      audioRef.current.play();
     }
-    setIsPlaying(!isPlaying);
   };
 
   if (!contents) {

         src={contents.image}
         alt="이미지"
         className="wordBundle-basic-learning-img"
-        onClick={toggleAudio}
+        onClick={playAudio}
       />
+      <audio ref={audioRef} src={contents.file} />
 
       <div className="wordBundle-basic-learning-word">
         <h1>{contents.word}</h1>
         <h3>{contents.wordMeaning}</h3>
       </div>
-      <audio id="song-audio" controls style={{ display: "none" }}>
-            <source src={contents.file} type="audio/mpeg" />
-          </audio>
     </>
   );
 };

6a3fb29

7d98bb8

src/components/contents/wordBundle/WordBundleBasicVerification.jsx

--- src/components/contents/wordBundle/WordBundleBasicVerification.jsx

+++ src/components/contents/wordBundle/WordBundleBasicVerification.jsx


       time: 60 - timer,
       level: 1,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/contents/wordBundle/WordBundleDeepLearning.jsx

--- src/components/contents/wordBundle/WordBundleDeepLearning.jsx

+++ src/components/contents/wordBundle/WordBundleDeepLearning.jsx


-import React, { useState }  from "react";
+import React, { useRef }  from "react";
 import "./WordBundleDeepLearning.css";
 
 const WordBundleDeepLearning = ({ contents }) => {
-  const [isPlaying, setIsPlaying] = useState(false);
+  const audioRef = useRef(null);
 
-  const toggleAudio = () => {
-    const audio = document.getElementById("song-audio");
-    if (isPlaying) {
-      audio.pause();
-    } else {
-      audio.play();
+  // 이미지 클릭 시 오디오 재생
+  const playAudio = () => {
+    if (audioRef.current) {
+      audioRef.current.play();
     }
-    setIsPlaying(!isPlaying);
   };
-
 
   if (!contents) {
     return <div>Loading...</div>;

         src={contents.image}
         alt="이미지"
         className="wordBundle-basic-learning-img"
-        onClick={toggleAudio}
+        onClick={playAudio}
       />
+      <audio ref={audioRef} src={contents.sentence_file} />
 
       <div className="wordBundle-basic-learning-word">
         <h1>{contents.sentence}</h1>
         <h3>{contents.sentence_meaning}</h3>
       </div>
-      <audio id="song-audio" controls style={{ display: "none" }}>
-            <source src={contents.sentence_file} type="audio/mpeg" />
-          </audio>
 
     </>
   );

6a3fb29

7d98bb8

src/components/contents/wordBundle/WordBundleDeepVerification.jsx

--- src/components/contents/wordBundle/WordBundleDeepVerification.jsx

+++ src/components/contents/wordBundle/WordBundleDeepVerification.jsx


       time: 60 - timer,
       level: 2,
     };
-    const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
+    const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/components/header/Header.jsx

--- src/components/header/Header.jsx

+++ src/components/header/Header.jsx


   };
 
   const sendLogout = () => {
-    const url = "http://165.229.169.127:8080/logout";
+    const url = "http://takensoftai.iptime.org:32344/logout";
 
     axios
       .get(url, { withCredentials: true })

6a3fb29

7d98bb8

src/components/lessons/lesson1.jsx

--- src/components/lessons/lesson1.jsx

+++ src/components/lessons/lesson1.jsx


   const [solved, setSolved] = useState([]);
   const fetchData = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/member/solved`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/member/solved`, {
         withCredentials: true,
       });
       if (response.data && response.data.result) {

6a3fb29

7d98bb8

src/pages/login/LoginPage.jsx

--- src/pages/login/LoginPage.jsx

+++ src/pages/login/LoginPage.jsx


       username: username,
       password: password,
     };
-    const url = "http://165.229.169.127:8080/login";
+    const url = "http://takensoftai.iptime.org:32344/login";
 
     axios
       .post(url, data, { withCredentials: true })

6a3fb29

7d98bb8

src/pages/main/MainParent.jsx

--- src/pages/main/MainParent.jsx

+++ src/pages/main/MainParent.jsx


   const fetchStudent = async () => {
     try {
       const response = await axios.get(
-        `http://165.229.169.127:8080/member/student?userId=sangbabo`,
+        `http://takensoftai.iptime.org:32344/member/student?userId=sangbabo`,
         {
           withCredentials: true,
         }

   const fetchSolved = async () => {
     try {
       const response = await axios.get(
-        `http://165.229.169.127:8080/parents/solved?userId=sangbabo`,
+        `http://takensoftai.iptime.org:32344/parents/solved?userId=sangbabo`,
         {
           withCredentials: true,
         }

 
   const fetchSolvedCount = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
         withCredentials: true,
       });
       const data = response.data;

   const fetchData = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/scorelog/parents/latest?userId=sangbabo",
+        "http://takensoftai.iptime.org:32344/scorelog/parents/latest?userId=sangbabo",
         {
           withCredentials: true,
         }

   const fetchSumData = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/scorelog/parents/sum?userId=sangbabo",
+        "http://takensoftai.iptime.org:32344/scorelog/parents/sum?userId=sangbabo",
         {
           withCredentials: true,
         }

   const fetchSumAverage = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/average-total-score",
+        "http://takensoftai.iptime.org:32344/average-total-score",
         {
           withCredentials: true,
         }

6a3fb29

7d98bb8

src/pages/main/MainSelect.jsx

--- src/pages/main/MainSelect.jsx

+++ src/pages/main/MainSelect.jsx


   const navigate = useNavigate();
   const fetchData = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/rating`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/rating`, {
         withCredentials: true,
       });
       const responseData = response.data.data; // response.data는 이미 JavaScript 객체로 사용 가능합니다.

6a3fb29

7d98bb8

src/pages/main/MainStudent.jsx

--- src/pages/main/MainStudent.jsx

+++ src/pages/main/MainStudent.jsx


 
   const fetchSolved = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/member/solved`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/member/solved`, {
         withCredentials: true,
       });
       console.log(response);

 
   const fetchSolvedCount = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
         withCredentials: true,
       });
       const data = response.data;

   const fetchData = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/scorelog/latest",
+        "http://takensoftai.iptime.org:32344/scorelog/latest",
         {
           withCredentials: true,
         }

6a3fb29

7d98bb8

src/pages/main/MainTeacher.jsx

--- src/pages/main/MainTeacher.jsx

+++ src/pages/main/MainTeacher.jsx


     console.log(onlyStudent, comment);
     try {
       const response = await axios.put(
-        `http://165.229.169.127:8080/updateComment`,
+        `http://takensoftai.iptime.org:32344/updateComment`,
         { id: onlyStudent, comment: comment },
         {
           withCredentials: true,

 
   const fetchStudents = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/studentAll`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/studentAll`, {
         withCredentials: true,
       });
       console.log(response.data);

 
   const fetchSolvedCount = async () => {
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
         withCredentials: true,
       });
       const data = response.data;

       setClickComment(studentComment);
       setOnlyStudent(studentId);
       const response = await axios.get(
-        `http://165.229.169.127:8080/scorelog/parents/latest?userId=${studentId}`,
+        `http://takensoftai.iptime.org:32344/scorelog/parents/latest?userId=${studentId}`,
         {
           withCredentials: true,
         }

   const fetchData = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/scorelog/averages/all",
+        "http://takensoftai.iptime.org:32344/scorelog/averages/all",
         {
           withCredentials: true,
         }

   const fetchSumAverage = async () => {
     try {
       const response = await axios.get(
-        "http://165.229.169.127:8080/average-total-score",
+        "http://takensoftai.iptime.org:32344/average-total-score",
         {
           withCredentials: true,
         }

6a3fb29

7d98bb8

src/pages/main/mainp.jsx

--- src/pages/main/mainp.jsx

+++ src/pages/main/mainp.jsx


   const fetchData = async () => {
     
     try {
-      const response = await axios.get(`http://165.229.169.127:8080/rating`, {
+      const response = await axios.get(`http://takensoftai.iptime.org:32344/rating`, {
         withCredentials: true,
       });
       const responseData = response.data.data; // response.data는 이미 JavaScript 객체로 사용 가능합니다.

   useEffect(() => {
     const fetchData = async () => {
       try {
-        const response = await axios.get("http://165.229.169.127:8080/member", {
+        const response = await axios.get("http://takensoftai.iptime.org:32344/member", {
           withCredentials: true,
         });
         console.log(response);

6a3fb29

7d98bb8

src/pages/my/MyPage.jsx

--- src/pages/my/MyPage.jsx

+++ src/pages/my/MyPage.jsx


   useEffect(() => {
     const fetchData = async () => {
       try {
-        const response = await axios.get('http://165.229.169.127:8080/member', {
+        const response = await axios.get('http://takensoftai.iptime.org:32344/member', {
           withCredentials: true,
         });
         console.log(response);

6a3fb29

7d98bb8

src/pages/signup/SignUpPage.jsx

--- src/pages/signup/SignUpPage.jsx

+++ src/pages/signup/SignUpPage.jsx


     try {
       // axios를 사용하여 POST 요청 전송
       const response = await axios.post(
-        "http://165.229.169.127:8080/register",
+        "http://takensoftai.iptime.org:32344/register",
         userData
       );
       console.log("회원가입 성공:", response.data);

6a3fb29

7d98bb8

src/pages/studyMainFairyTravel/StudyMainFairyTravel.jsx

--- src/pages/studyMainFairyTravel/StudyMainFairyTravel.jsx

+++ src/pages/studyMainFairyTravel/StudyMainFairyTravel.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/bookTravel?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/bookTravel?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

6a3fb29

7d98bb8

src/pages/studyMainFairyWorld/StudyMainFairyWorld.jsx

--- src/pages/studyMainFairyWorld/StudyMainFairyWorld.jsx

+++ src/pages/studyMainFairyWorld/StudyMainFairyWorld.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/bookWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/bookWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
 

6a3fb29

7d98bb8

src/pages/studyMainGrammarFairy/studyMainGrammarFairy.jsx

--- src/pages/studyMainGrammarFairy/studyMainGrammarFairy.jsx

+++ src/pages/studyMainGrammarFairy/studyMainGrammarFairy.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/grammarFairy?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/grammarFairy?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

6a3fb29

7d98bb8

src/pages/studyMainGrammarLand/StudyMainGrammarLand.jsx

--- src/pages/studyMainGrammarLand/StudyMainGrammarLand.jsx

+++ src/pages/studyMainGrammarLand/StudyMainGrammarLand.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/grammarLand?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/grammarLand?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
 

6a3fb29

7d98bb8

src/pages/studyMainSentenceAbsorb/StudyMainSentenceAbsorb.jsx

--- src/pages/studyMainSentenceAbsorb/StudyMainSentenceAbsorb.jsx

+++ src/pages/studyMainSentenceAbsorb/StudyMainSentenceAbsorb.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/sentenceAbsorb?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/sentenceAbsorb?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

6a3fb29

7d98bb8

src/pages/studyMainSentenceDiary/StudyMainSentenceDiary.jsx

--- src/pages/studyMainSentenceDiary/StudyMainSentenceDiary.jsx

+++ src/pages/studyMainSentenceDiary/StudyMainSentenceDiary.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/sentenceDiary?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/sentenceDiary?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

6a3fb29

7d98bb8

src/pages/studyMainSongCountry/StudyMainSongCountry.jsx

--- src/pages/studyMainSongCountry/StudyMainSongCountry.jsx

+++ src/pages/studyMainSongCountry/StudyMainSongCountry.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/songCountry?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/songCountry?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
 

6a3fb29

7d98bb8

src/pages/studyMainSongWorld/StudyMainSongWorld.jsx

--- src/pages/studyMainSongWorld/StudyMainSongWorld.jsx

+++ src/pages/studyMainSongWorld/StudyMainSongWorld.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/songWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/songWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
 

6a3fb29

7d98bb8

src/pages/studyMainWordAbsorb/StudyMainWordAbsorb.jsx

--- src/pages/studyMainWordAbsorb/StudyMainWordAbsorb.jsx

+++ src/pages/studyMainWordAbsorb/StudyMainWordAbsorb.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/wordAbsorb?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/wordAbsorb?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

6a3fb29

7d98bb8

src/pages/studyMainWordBundle/StudyMainWordBundle.jsx

--- src/pages/studyMainWordBundle/StudyMainWordBundle.jsx

+++ src/pages/studyMainWordBundle/StudyMainWordBundle.jsx


       console.log(contentType);
 
       const response = await axios.get(
-        `http://165.229.169.127:8080/studyType/wordBundle?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
+        `http://takensoftai.iptime.org:32344/studyType/wordBundle?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
         { withCredentials: true }
       );
       setContents(response.data);

...	...	@@ -49,7 +49,7 @@
49	49	time: 60 - timer,
50	50	level: 1,
51	51	};
52		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	52	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
53	53
54	54	axios
55	55	.post(url, data, { withCredentials: true })

...	...	@@ -54,7 +54,7 @@
54	54	time: 60 - timer,
55	55	level: 2,
56	56	};
57		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	57	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
58	58
59	59	axios
60	60	.post(url, data, { withCredentials: true })

...	...	@@ -37,7 +37,7 @@
37	37	time: 60 - timer,
38	38	level: 1,
39	39	};
40		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	40	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
41	41
42	42	axios
43	43	.post(url, data, { withCredentials: true })

...	...	@@ -36,7 +36,7 @@
36	36	time: 60 - timer,
37	37	level: 2,
38	38	};
39		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	39	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
40	40
41	41	axios
42	42	.post(url, data, { withCredentials: true })

...	...	@@ -46,7 +46,7 @@
46	46	time: 60 - timer,
47	47	level: 2,
48	48	};
49		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	49	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
50	50
51	51	axios
52	52	.post(url, data, { withCredentials: true })

...	...	@@ -21,7 +21,7 @@
21	21	time: 60 - timer,
22	22	level: 2,
23	23	};
24		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	24	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
25	25
26	26	axios
27	27	.post(url, data, { withCredentials: true })

...	...	@@ -31,7 +31,7 @@
31	31	time: 60 - timer,
32	32	level: 1,
33	33	};
34		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	34	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
35	35
36	36	axios
37	37	.post(url, data, { withCredentials: true })

...	...	@@ -32,7 +32,7 @@
32	32	time: 60 - timer,
33	33	level: 2,
34	34	};
35		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	35	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
36	36
37	37	axios
38	38	.post(url, data, { withCredentials: true })

...	...	@@ -20,7 +20,7 @@
20	20	time: 60 - timer,
21	21	level: 1,
22	22	};
23		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	23	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
24	24
25	25	axios
26	26	.post(url, data, { withCredentials: true })

...	...	@@ -22,7 +22,7 @@
22	22	time: 60 - timer,
23	23	level: 2,
24	24	};
25		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	25	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
26	26
27	27	axios
28	28	.post(url, data, { withCredentials: true })

...	...	@@ -16,7 +16,7 @@
16	16	time: 60 - timer,
17	17	level: 1,
18	18	};
19		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	19	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
20	20
21	21	axios
22	22	.post(url, data, { withCredentials: true })

...	...	@@ -18,7 +18,7 @@
18	18	time: 60 - timer,
19	19	level: 2,
20	20	};
21		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	21	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
22	22
23	23	axios
24	24	.post(url, data, { withCredentials: true })

...	...	@@ -1,17 +1,14 @@
1		-import React, { useState } from "react";
	1	+import React, { useRef } from "react";
2	2	import "./WordBundleBasicLearning.css";
3	3
4	4	const WordBundleBasicLearning = ({ contents }) => {
5		- const [isPlaying, setIsPlaying] = useState(false);
	5	+ const audioRef = useRef(null);
6	6
7		- const toggleAudio = () => {
8		- const audio = document.getElementById("song-audio");
9		- if (isPlaying) {
10		- audio.pause();
11		- } else {
12		- audio.play();
	7	+ // 이미지 클릭 시 오디오 재생
	8	+ const playAudio = () => {
	9	+ if (audioRef.current) {
	10	+ audioRef.current.play();
13	11	}
14		- setIsPlaying(!isPlaying);
15	12	};
16	13
17	14	if (!contents) {
...	...	@@ -23,16 +20,14 @@
23	20	src={contents.image}
24	21	alt="이미지"
25	22	className="wordBundle-basic-learning-img"
26		- onClick={toggleAudio}
	23	+ onClick={playAudio}
27	24	/>
	25	+ <audio ref={audioRef} src={contents.file} />
28	26
29	27	<div className="wordBundle-basic-learning-word">
30	28	<h1>{contents.word}</h1>
31	29	<h3>{contents.wordMeaning}</h3>
32	30	</div>
33		- <audio id="song-audio" controls style={{ display: "none" }}>
34		- <source src={contents.file} type="audio/mpeg" />
35		- </audio>
36	31	</>
37	32	);
38	33	};

...	...	@@ -34,7 +34,7 @@
34	34	time: 60 - timer,
35	35	level: 1,
36	36	};
37		- const url = "http://165.229.169.127:8080/studyAnswer/checkAnswer";
	37	+ const url = "http://takensoftai.iptime.org:32344/studyAnswer/checkAnswer";
38	38
39	39	axios
40	40	.post(url, data, { withCredentials: true })

...	...	@@ -1,19 +1,15 @@
1		-import React, { useState } from "react";
	1	+import React, { useRef } from "react";
2	2	import "./WordBundleDeepLearning.css";
3	3
4	4	const WordBundleDeepLearning = ({ contents }) => {
5		- const [isPlaying, setIsPlaying] = useState(false);
	5	+ const audioRef = useRef(null);
6	6
7		- const toggleAudio = () => {
8		- const audio = document.getElementById("song-audio");
9		- if (isPlaying) {
10		- audio.pause();
11		- } else {
12		- audio.play();
	7	+ // 이미지 클릭 시 오디오 재생
	8	+ const playAudio = () => {
	9	+ if (audioRef.current) {
	10	+ audioRef.current.play();
13	11	}
14		- setIsPlaying(!isPlaying);
15	12	};
16		-
17	13
18	14	if (!contents) {
19	15	return <div>Loading...</div>;
...	...	@@ -24,16 +20,14 @@
24	20	src={contents.image}
25	21	alt="이미지"
26	22	className="wordBundle-basic-learning-img"
27		- onClick={toggleAudio}
	23	+ onClick={playAudio}
28	24	/>
	25	+ <audio ref={audioRef} src={contents.sentence_file} />
29	26
30	27	<div className="wordBundle-basic-learning-word">
31	28	<h1>{contents.sentence}</h1>
32	29	<h3>{contents.sentence_meaning}</h3>
33	30	</div>
34		- <audio id="song-audio" controls style={{ display: "none" }}>
35		- <source src={contents.sentence_file} type="audio/mpeg" />
36		- </audio>
37	31
38	32	</>
39	33	);

...	...	@@ -88,7 +88,7 @@
88	88	const [solved, setSolved] = useState([]);
89	89	const fetchData = async () => {
90	90	try {
91		- const response = await axios.get(`http://165.229.169.127:8080/member/solved`, {
	91	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/member/solved`, {
92	92	withCredentials: true,
93	93	});
94	94	if (response.data && response.data.result) {

...	...	@@ -25,7 +25,7 @@
25	25	username: username,
26	26	password: password,
27	27	};
28		- const url = "http://165.229.169.127:8080/login";
	28	+ const url = "http://takensoftai.iptime.org:32344/login";
29	29
30	30	axios
31	31	.post(url, data, { withCredentials: true })

...	...	@@ -59,7 +59,7 @@
59	59	const fetchStudent = async () => {
60	60	try {
61	61	const response = await axios.get(
62		- `http://165.229.169.127:8080/member/student?userId=sangbabo`,
	62	+ `http://takensoftai.iptime.org:32344/member/student?userId=sangbabo`,
63	63	{
64	64	withCredentials: true,
65	65	}
...	...	@@ -74,7 +74,7 @@
74	74	const fetchSolved = async () => {
75	75	try {
76	76	const response = await axios.get(
77		- `http://165.229.169.127:8080/parents/solved?userId=sangbabo`,
	77	+ `http://takensoftai.iptime.org:32344/parents/solved?userId=sangbabo`,
78	78	{
79	79	withCredentials: true,
80	80	}
...	...	@@ -90,7 +90,7 @@
90	90
91	91	const fetchSolvedCount = async () => {
92	92	try {
93		- const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
	93	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
94	94	withCredentials: true,
95	95	});
96	96	const data = response.data;
...	...	@@ -120,7 +120,7 @@
120	120	const fetchData = async () => {
121	121	try {
122	122	const response = await axios.get(
123		- "http://165.229.169.127:8080/scorelog/parents/latest?userId=sangbabo",
	123	+ "http://takensoftai.iptime.org:32344/scorelog/parents/latest?userId=sangbabo",
124	124	{
125	125	withCredentials: true,
126	126	}
...	...	@@ -207,7 +207,7 @@
207	207	const fetchSumData = async () => {
208	208	try {
209	209	const response = await axios.get(
210		- "http://165.229.169.127:8080/scorelog/parents/sum?userId=sangbabo",
	210	+ "http://takensoftai.iptime.org:32344/scorelog/parents/sum?userId=sangbabo",
211	211	{
212	212	withCredentials: true,
213	213	}
...	...	@@ -233,7 +233,7 @@
233	233	const fetchSumAverage = async () => {
234	234	try {
235	235	const response = await axios.get(
236		- "http://165.229.169.127:8080/average-total-score",
	236	+ "http://takensoftai.iptime.org:32344/average-total-score",
237	237	{
238	238	withCredentials: true,
239	239	}

...	...	@@ -10,7 +10,7 @@
10	10	const navigate = useNavigate();
11	11	const fetchData = async () => {
12	12	try {
13		- const response = await axios.get(`http://165.229.169.127:8080/rating`, {
	13	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/rating`, {
14	14	withCredentials: true,
15	15	});
16	16	const responseData = response.data.data; // response.data는 이미 JavaScript 객체로 사용 가능합니다.

...	...	@@ -43,7 +43,7 @@
43	43
44	44	const fetchSolved = async () => {
45	45	try {
46		- const response = await axios.get(`http://165.229.169.127:8080/member/solved`, {
	46	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/member/solved`, {
47	47	withCredentials: true,
48	48	});
49	49	console.log(response);
...	...	@@ -57,7 +57,7 @@
57	57
58	58	const fetchSolvedCount = async () => {
59	59	try {
60		- const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
	60	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
61	61	withCredentials: true,
62	62	});
63	63	const data = response.data;
...	...	@@ -87,7 +87,7 @@
87	87	const fetchData = async () => {
88	88	try {
89	89	const response = await axios.get(
90		- "http://165.229.169.127:8080/scorelog/latest",
	90	+ "http://takensoftai.iptime.org:32344/scorelog/latest",
91	91	{
92	92	withCredentials: true,
93	93	}

...	...	@@ -34,7 +34,7 @@
34	34	console.log(onlyStudent, comment);
35	35	try {
36	36	const response = await axios.put(
37		- `http://165.229.169.127:8080/updateComment`,
	37	+ `http://takensoftai.iptime.org:32344/updateComment`,
38	38	{ id: onlyStudent, comment: comment },
39	39	{
40	40	withCredentials: true,
...	...	@@ -82,7 +82,7 @@
82	82
83	83	const fetchStudents = async () => {
84	84	try {
85		- const response = await axios.get(`http://165.229.169.127:8080/studentAll`, {
	85	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/studentAll`, {
86	86	withCredentials: true,
87	87	});
88	88	console.log(response.data);
...	...	@@ -94,7 +94,7 @@
94	94
95	95	const fetchSolvedCount = async () => {
96	96	try {
97		- const response = await axios.get(`http://165.229.169.127:8080/solved/count`, {
	97	+ const response = await axios.get(`http://takensoftai.iptime.org:32344/solved/count`, {
98	98	withCredentials: true,
99	99	});
100	100	const data = response.data;
...	...	@@ -127,7 +127,7 @@
127	127	setClickComment(studentComment);
128	128	setOnlyStudent(studentId);
129	129	const response = await axios.get(
130		- `http://165.229.169.127:8080/scorelog/parents/latest?userId=${studentId}`,
	130	+ `http://takensoftai.iptime.org:32344/scorelog/parents/latest?userId=${studentId}`,
131	131	{
132	132	withCredentials: true,
133	133	}
...	...	@@ -199,7 +199,7 @@
199	199	const fetchData = async () => {
200	200	try {
201	201	const response = await axios.get(
202		- "http://165.229.169.127:8080/scorelog/averages/all",
	202	+ "http://takensoftai.iptime.org:32344/scorelog/averages/all",
203	203	{
204	204	withCredentials: true,
205	205	}
...	...	@@ -365,7 +365,7 @@
365	365	const fetchSumAverage = async () => {
366	366	try {
367	367	const response = await axios.get(
368		- "http://165.229.169.127:8080/average-total-score",
	368	+ "http://takensoftai.iptime.org:32344/average-total-score",
369	369	{
370	370	withCredentials: true,
371	371	}

...	...	@@ -6,7 +6,7 @@
6	6	useEffect(() => {
7	7	const fetchData = async () => {
8	8	try {
9		- const response = await axios.get('http://165.229.169.127:8080/member', {
	9	+ const response = await axios.get('http://takensoftai.iptime.org:32344/member', {
10	10	withCredentials: true,
11	11	});
12	12	console.log(response);

...	...	@@ -24,7 +24,7 @@
24	24	try {
25	25	// axios를 사용하여 POST 요청 전송
26	26	const response = await axios.post(
27		- "http://165.229.169.127:8080/register",
	27	+ "http://takensoftai.iptime.org:32344/register",
28	28	userData
29	29	);
30	30	console.log("회원가입 성공:", response.data);

...	...	@@ -31,7 +31,7 @@
31	31	console.log(contentType);
32	32
33	33	const response = await axios.get(
34		- `http://165.229.169.127:8080/studyType/bookTravel?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
	34	+ `http://takensoftai.iptime.org:32344/studyType/bookTravel?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
35	35	{ withCredentials: true }
36	36	);
37	37	setContents(response.data);

...	...	@@ -44,7 +44,7 @@
44	44	console.log(contentType);
45	45
46	46	const response = await axios.get(
47		- `http://165.229.169.127:8080/studyType/bookWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
	47	+ `http://takensoftai.iptime.org:32344/studyType/bookWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
48	48	{ withCredentials: true }
49	49	);
50	50

Delete comment

...	...	@@ -45,7 +45,7 @@
45	45	console.log(contentType);
46	46
47	47	const response = await axios.get(
48		- `http://165.229.169.127:8080/studyType/grammarFairy?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
	48	+ `http://takensoftai.iptime.org:32344/studyType/grammarFairy?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
49	49	{ withCredentials: true }
50	50	);
51	51	setContents(response.data);

...	...	@@ -51,7 +51,7 @@
51	51	console.log(contentType);
52	52
53	53	const response = await axios.get(
54		- `http://165.229.169.127:8080/studyType/songCountry?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
	54	+ `http://takensoftai.iptime.org:32344/studyType/songCountry?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
55	55	{ withCredentials: true }
56	56	);
57	57

...	...	@@ -41,7 +41,7 @@
41	41	console.log(contentType);
42	42
43	43	const response = await axios.get(
44		- `http://165.229.169.127:8080/studyType/songWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
	44	+ `http://takensoftai.iptime.org:32344/studyType/songWorld?lesson=${location.state.lessonStep}&studyType=${location.state.planetStep}&chapter=${location.state.mainStep}`,
45	45	{ withCredentials: true }
46	46	);
47	47