최종 졸프용 프론트엔드 코드 커밋

frontend/src/components/report/partialAssesment.jsx

@@ -141,13 +141,13 @@ function Partial() {
                         <hr/>
                         <p style={{fontWeight : 'bold', fontSize : 24}}>총 평가 : <label style={{color:'#1E84FD'}}>{result.gaze_grade}</label></p>
                         <p style={{fontSize : 16}}>면접 응답을 진행한 동안 측정된 영상에 대한 시선처리 결과를 반환합니다. 중앙을 잘 응시하지 못하여 연습이 필요한 문항을 저장하여
-                            부족했던 답변에 대해 연습할 수 있도록 제공합니다. (ratio의 비율이 0.01과 가깝고 작을수록 좋은 결과에 가깝습니다.)
+                            부족했던 답변에 대해 연습할 수 있도록 제공합니다. (ratio의 비율이 0.2와 가깝고 작을수록 좋은 결과에 가깝습니다.)
                         </p>
                         <br/>
                         <p style={{fontWeight : 'bold', fontSize : 20}}>👇 연습이 필요한 문항 👇</p>
                         {
                             result.gaze.map((res, index)=>{
-                                if (res.ratio > 0.05){
+                                if (res.ratio > 0.3){
                                     return(
                                         <>
                                             <p style={{fontWeight : 'bold', fontSize : 16}} key={res}>{index + 1}번째 문항 - {contents[index]}</p>

frontend/src/hooks/useTestTimer.jsx

@@ -19,7 +19,7 @@ let videoBlob = null;
 const UseTestTimer = () => {
     const videoRef = useRef(null);
     const [question, setQuestion] = useState(1);
-    const [second, setSecond] = useState(5);
+    const [second, setSecond] = useState(15);
     const [secondCheck, setSecondCheck] = useState(false);
     const [thinking, setThinking] = useState(true);
     const [endShow, setEndShow] = useState(false);
@@ -147,7 +147,7 @@ const UseTestTimer = () => {
                     VideoCaptureEnd();
                     controlAudio("inactive");
                     setQuestion(question + 1);
-                    setSecond(5);
+                    setSecond(15);
                     setThinking(true);
                     setSecondCheck(!secondCheck);
                 }
@@ -182,14 +182,14 @@ const UseTestTimer = () => {
                 if(secondCheck){
                     VideoCaptureEnd();
                     controlAudio("inactive");
-                    setSecond(5);
+                    setSecond(15);
                     setThinking(true);
                     setQuestion(question + 1);
                 }
                 else{
                     VideoCaptureStart();
                     controlAudio("recording");
-                    setSecond(15);
+                    setSecond(30);
                     setThinking(false);
                 }
             }

frontend/src/screens/guide/guide.module.scss

@@ -31,9 +31,9 @@
     justify-content : center;
 }
 .imagespace{
-    width: 500px;
+    width: 550px;
     min-width: 300px;
-    height : 380px;
+    height : 450px;
     background: #C6DDFF;
     border-radius: 20px;
     display: flex;
@@ -64,7 +64,7 @@
     }
 }
 .modalButton{
-    width: 120px;
+    width: 140px;
     height: 40px;
     background: white;
     color: #0073fe;

frontend/src/screens/guide/guide_screen.jsx

@@ -32,7 +32,7 @@ function Guide () {
               disableOnInteraction: false
           }}
           className={style.swiper}
-          style={{height : '420px'}}
+          style={{height : '500px'}}
         >
           <SwiperSlide className={style.imgBox}>
               <div className={style.imagespace}>

frontend/src/screens/test/test.module.scss

@@ -68,7 +68,7 @@
     text-align: center;
 }
 .button{
-    width: 100px;
+    width: 120px;
     height: 40px;
     background: #1E84FD;
     color: white;