boostcampwm-2024 · ShipFriend0516 · Dec 3, 2024 · Dec 2, 2024 · Dec 2, 2024 · Dec 2, 2024
diff --git a/frontend/index.html b/frontend/index.html
@@ -1,43 +1,31 @@
 <!doctype html>
 <html lang="ko">
-</html>
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/preview-logo.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/preview-logo.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Preview | 실시간 면접 스터디</title>
-    <meta
-      name="description"
-      content="PREVIEW에서 실시간으로 면접 스터디를 진행해보세요. AI 기반 질문 생성, 화상 면접 연습, 피드백 시스템을 통해 면접 실력을 향상시킬 수 있습니다."
-    />
-    <meta
-      name="keywords"
-      content="면접 스터디, 화상 면접, 온라인 면접, AI 면접, 면접 준비, 취업 준비, 실시간 스터디"
-    />
-    <meta name="author" content="PREVIEW" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://boostcamp-preview.kro.kr/" />
-    <meta property="og:title" content="Preview | 실시간 면접 스터디" />
-    <meta
-      property="og:description"
-      content="동료와 함께 실시간 화상 면접 스터디로 면접 실력을 향상시켜보세요!"
-    />
-    <meta
-      property="og:image"
-      content="/preview-banner.png"
-    />
-    <meta name="theme-color" content="#01BF6F" />
-    <meta name="mobile-web-app-capable" content="yes" />
-    <meta
-      name="apple-mobile-web-app-status-bar-style"
-      content="black-translucent"
-    />
-    <link rel="canonical" href="https://boostcamp-preview.kro.kr/" />
-    <meta name="robots" content="index, follow" />
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/png" href="/preview-logo.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/preview-logo.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Preview | 실시간 면접 스터디</title>
+  <meta name="description"
+    content="PREVIEW에서 실시간으로 면접 스터디를 진행해보세요. AI 기반 질문 생성, 화상 면접 연습, 피드백 시스템을 통해 면접 실력을 향상시킬 수 있습니다." />
+  <meta name="keywords" content="면접 스터디, 화상 면접, 온라인 면접, AI 면접, 면접 준비, 취업 준비, 실시간 스터디" />
+  <meta name="author" content="PREVIEW" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://boostcamp-preview.kro.kr/" />
+  <meta property="og:title" content="Preview | 실시간 면접 스터디" />
+  <meta property="og:description" content="동료와 함께 실시간 화상 면접 스터디로 면접 실력을 향상시켜보세요!" />
+  <meta property="og:image" content="/preview-banner.png" />
+  <meta name="theme-color" content="#01BF6F" />
+  <meta name="mobile-web-app-capable" content="yes" />
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+  <link rel="canonical" href="https://boostcamp-preview.kro.kr/" />
+  <meta name="robots" content="index, follow" />
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/frontend/src/components/common/Sidebar/routesConfig.tsx b/frontend/src/components/common/Sidebar/routesConfig.tsx
@@ -23,7 +23,7 @@ const commonRoutes = [
   },
   {
     path: "/sessions",
-    label: "스터디 세션 목록",
+    label: "스터디 채널",
     icon: <FaLayerGroup />,
   },
 ];

diff --git a/...eate/QuestionForm/AccessSection/index.tsx → ...onents/questions/create/AccessSection.tsx b/...eate/QuestionForm/AccessSection/index.tsx → ...onents/questions/create/AccessSection.tsx
@@ -1,6 +1,6 @@
 import SelectTitle from "@/components/common/Text/SelectTitle";
 import AccessButton from "@/components/common/Button/AccessButton";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 
 const AccessSection = () => {
   const { access, setAccess } = useQuestionFormStore();

diff --git a/...te/QuestionForm/CategorySection/index.tsx → ...ents/questions/create/CategorySection.tsx b/...te/QuestionForm/CategorySection/index.tsx → ...ents/questions/create/CategorySection.tsx
@@ -1,6 +1,6 @@
 import SelectTitle from "@/components/common/Text/SelectTitle";
-import { options } from "./data";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import { options } from "./utils/categoryData";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 import CategorySelect from "@/components/common/Select/CategorySelect";
 
 const CategorySection = () => {

diff --git a/...onForm/QuestionInputSection/EditInput.tsx → ...create/QuestionInputSection/EditInput.tsx b/...onForm/QuestionInputSection/EditInput.tsx → ...create/QuestionInputSection/EditInput.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { adjustHeight } from "../utils/textarea";
+import { adjustHeight } from "../utils/textareaHeight";
 
 interface EditInputProps {
   value: string;

diff --git a/...rm/QuestionInputSection/QuestionInput.tsx → ...te/QuestionInputSection/QuestionInput.tsx b/...rm/QuestionInputSection/QuestionInput.tsx → ...te/QuestionInputSection/QuestionInput.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from "react";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 import useToast from "@/hooks/useToast";
-import { adjustHeight } from "../utils/textarea";
+import { adjustHeight } from "../utils/textareaHeight";
 
 const QuestionInput = () => {
   const toast = useToast();

diff --git a/...orm/QuestionInputSection/QuestionList.tsx → ...ate/QuestionInputSection/QuestionList.tsx b/...orm/QuestionInputSection/QuestionList.tsx → ...ate/QuestionInputSection/QuestionList.tsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 import QuestionItem from "./QustionItem";
 import EditInput from "./EditInput";
 

diff --git a/...Form/QuestionInputSection/QustionItem.tsx → ...eate/QuestionInputSection/QustionItem.tsx b/...Form/QuestionInputSection/QustionItem.tsx → ...eate/QuestionInputSection/QustionItem.tsx
diff --git a/...estionForm/QuestionInputSection/index.tsx → ...ons/create/QuestionInputSection/index.tsx b/...estionForm/QuestionInputSection/index.tsx → ...ons/create/QuestionInputSection/index.tsx
@@ -1,7 +1,7 @@
 import SelectTitle from "@/components/common/Text/SelectTitle";
 import QuestionInput from "./QuestionInput";
 import QuestionList from "./QuestionList";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 
 const QuestionInputSection = () => {
   const questionList = useQuestionFormStore((state) => state.questionList);

diff --git a/...reate/QuestionForm/TitleSection/index.tsx → ...ponents/questions/create/TitleSection.tsx b/...reate/QuestionForm/TitleSection/index.tsx → ...ponents/questions/create/TitleSection.tsx
@@ -1,6 +1,6 @@
 import SelectTitle from "@/components/common/Text/SelectTitle";
 import TitleInput from "@/components/common/Input/TitleInput";
-import useQuestionFormStore from "@/stores/useQuestionFormStore";
+import useQuestionFormStore from "@/pages/CreateQuestionPage/stores/useQuestionFormStore";
 
 const TitleSection = () => {
   const { setQuestionTitle } = useQuestionFormStore();

diff --git a/...eate/QuestionForm/CategorySection/data.ts → ...ts/questions/create/utils/categoryData.ts b/...eate/QuestionForm/CategorySection/data.ts → ...ts/questions/create/utils/categoryData.ts
diff --git a/...ons/create/QuestionForm/utils/textarea.ts → .../questions/create/utils/textareaHeight.ts b/...ons/create/QuestionForm/utils/textarea.ts → .../questions/create/utils/textareaHeight.ts
diff --git a/...reate/SessionForm/AccessSection/index.tsx → ...ions/create/SessionForm/AccessSection.tsx b/...reate/SessionForm/AccessSection/index.tsx → ...ions/create/SessionForm/AccessSection.tsx
@@ -1,4 +1,4 @@
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 import SelectTitle from "@/components/common/Text/SelectTitle";
 import AccessButton from "@/components/common/Button/AccessButton";
 

diff --git a/...ate/SessionForm/CategorySection/index.tsx → ...ns/create/SessionForm/CategorySection.tsx b/...ate/SessionForm/CategorySection/index.tsx → ...ns/create/SessionForm/CategorySection.tsx
@@ -1,5 +1,5 @@
 import SelectTitle from "@/components/common/Text/SelectTitle";
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 import CategorySelect from "@/components/common/Select/CategorySelect";
 
 const options = [

diff --git a/frontend/src/components/sessions/create/SessionForm/ListSelectModal/CategoryTab/Category.tsx b/frontend/src/components/sessions/create/SessionForm/ListSelectModal/CategoryTab/Category.tsx
@@ -1,4 +1,4 @@
-import useSessionFormStore from "@stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 
 interface Props {
   tabName: "myList" | "savedList";
@@ -11,11 +11,10 @@ const Category = ({ tabName, tabText }: Props) => {
   return (
     <button
       className={`flex flex-row gap-1
-      ${
-        tab === tabName
+      ${tab === tabName
           ? "text-bold-s text-green-500"
           : "text-medium-l text-gray-400"
-      }`}
+        }`}
       onClick={() => setTab(tabName)}
     >
       <span

diff --git a/.../src/components/sessions/create/SessionForm/ListSelectModal/QuestionList/QuestionItem.tsx b/.../src/components/sessions/create/SessionForm/ListSelectModal/QuestionList/QuestionItem.tsx
@@ -1,6 +1,6 @@
 import { GrDown, GrUp } from "react-icons/gr";
 import { ImCheckmark } from "react-icons/im";
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 import axios from "axios";
 import { useState } from "react";
 import LoadingIndicator from "@components/common/LoadingIndicator.tsx";
@@ -105,10 +105,9 @@ const QuestionItem = ({ item }: { item: QuestionList }) => {
         </div>
         <button
           className={`flex items-center ml-auto w-10 h-10 rounded-custom-m
-            ${
-              isSelected
-                ? "bg-green-200 text-green-50"
-                : "bg-gray-300 text-gray-50"
+            ${isSelected
+              ? "bg-green-200 text-green-50"
+              : "bg-gray-300 text-gray-50"
             }`}
           onClick={() => {
             checkHandler(item.id, item.title);

diff --git a/frontend/src/components/sessions/create/SessionForm/ListSelectModal/QuestionList/index.tsx b/frontend/src/components/sessions/create/SessionForm/ListSelectModal/QuestionList/index.tsx
@@ -32,21 +32,13 @@ const QuestionList = ({ page }: { page: number }) => {
       setQuestionList([]);
     }
   };
-  //const { tab } = useSessionFormStore();
 
   const startIndex = (page - 1) * QUESTION_PER_PAGE;
   const endIndex = startIndex + QUESTION_PER_PAGE;
 
   return (
     <div className="mb-4 h-80 overflow-y-auto">
       <LoadingIndicator loadingState={questionLoading} />
-      {/*data[tab].map((item, id) => {
-          return (
-            <div key={id}>
-              <QuestionItem item={item} />
-            </div>
-          );
-        })*/}
       {questionList.slice(startIndex, endIndex).map((item, id) => {
         return (
           <div key={id}>

diff --git a/frontend/src/components/sessions/create/SessionForm/ListSelectModal/data.ts b/frontend/src/components/sessions/create/SessionForm/ListSelectModal/data.ts
diff --git a/frontend/src/components/sessions/create/SessionForm/ListSelectModal/index.tsx b/frontend/src/components/sessions/create/SessionForm/ListSelectModal/index.tsx
@@ -3,7 +3,7 @@ import { IoMdClose } from "react-icons/io";
 import CategoryTap from "@components/sessions/create/SessionForm/ListSelectModal/CategoryTab";
 import SearchBar from "@/components/common/Input/SearchBar";
 import QuestionList from "./QuestionList";
-import useSessionFormStore from "@stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 import Pagination from "@components/common/Pagination";
 
 interface UseModalReturn {

diff --git a/frontend/src/components/sessions/create/SessionForm/ParticipantSection/ParticpantButton.tsx b/frontend/src/components/sessions/create/SessionForm/ParticipantSection/ParticpantButton.tsx
@@ -1,4 +1,4 @@
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 
 interface Props {
   selectedValue: 1 | 2 | 3 | 4 | 5;
@@ -11,11 +11,10 @@ const ParticipantButton = ({ selectedValue, onClick }: Props) => {
   return (
     <button
       className={`flex-grow rounded-custom-m
-      ${
-        participant === selectedValue
+      ${participant === selectedValue
           ? "bg-green-50 border-2 border-green-200 text-semibold-r text-green-600"
           : "bg-gray-white border border-gray-100 text-medium-m text-gray-400"
-      }`}
+        }`}
       onClick={onClick}
     >
       {selectedValue}명

diff --git a/frontend/src/components/sessions/create/SessionForm/ParticipantSection/index.tsx b/frontend/src/components/sessions/create/SessionForm/ParticipantSection/index.tsx
@@ -1,6 +1,6 @@
 import ParticipantButton from "./ParticpantButton";
 import SelectTitle from "@/components/common/Text/SelectTitle";
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 const MEMBER_COUNTS = [1, 2, 3, 4, 5] as const;
 
 const ParticipantSection = () => {

diff --git a/...SessionForm/QuestionListSection/index.tsx → ...reate/SessionForm/QuestionListSection.tsx b/...SessionForm/QuestionListSection/index.tsx → ...reate/SessionForm/QuestionListSection.tsx
@@ -1,4 +1,4 @@
-import useSessionFormStore from "@/stores/useSessionFormStore";
+import useSessionFormStore from "@/pages/CreateSessionPage/stores/useSessionFormStore";
 import SelectTitle from "@/components/common/Text/SelectTitle";
 import { MdOutlineArrowForwardIos } from "react-icons/md";