chore: 폴더 구조 및 이름 변경

src/components/learn/TaleLearn.tsx

@@ -2,21 +2,21 @@ import FinishScreen from "@components/common/FinishScreen";
 import NextBtn from "@components/common/NextBtn";
 import ProgressBar from "@components/common/progressBar/ProgressBar";
 import useLearning from "@hooks/useLearning";
-import ChoiceQuiz from "./ChoiceQuiz";
-import EssayQuiz from "./EssayQuiz";
-import SentenceQuiz from "./SentenceQuiz";
+import ChoiceQuiz from "./quiz/ChoiceQuiz";
+import SentenceQuiz from "./quiz/SentenceQuiz";
 import {
   EssayQuestions,
   MultipleChoices,
   QuizData,
   SentenceArrangements,
 } from "@type/learning";
 import { QUIZ_STAGES, QuizType } from "@utils/constants/QuizStage";
-import SpeakPractice from "./SpeakPractice";
+import SpeakPractice from "./quiz/SpeakPractice";
 import { useEffect } from "react";
 import { postAnswerCount } from "@apis/learning";
 import Header from "@components/common/header/Header";
 import styled from "styled-components";
+import EssayQuiz from "./quiz/EssayQuiz";
 
 interface TaleLearnProps {
   quizData?: QuizData;

src/components/learn/PreLearningQuestion.tsx → src/components/learn/pre/PreLearningQuestion.tsx

@@ -1,4 +1,4 @@
-import * as S from "./learn.styled";
+import * as S from "../learn.styled";
 import Header from "@common/header/Header";
 import { useLocation, useNavigate } from "react-router-dom";
 import ProgressBar from "@components/common/progressBar/ProgressBar";
@@ -8,10 +8,10 @@ import { nationElements } from "@utils/defaultData";
 import { useResult } from "@hooks/useResult";
 import { getLearnedHistory, getLearningLevel } from "@apis/learning";
 import { useEffect, useState } from "react";
-import CreateQuiz from "./CreateQuiz";
 import useSelectLevel from "@hooks/useSelectLevel";
 import SelectOptionList from "@common/selectOption/SelectOptionList";
 import styled from "styled-components";
+import CreateQuiz from "./CreateQuiz";
 
 const PreLearningQuestion = () => {
   const location = useLocation();

src/components/learn/ChoiceQuiz.tsx → src/components/learn/quiz/ChoiceQuiz.tsx

@@ -1,5 +1,5 @@
 import SelectOptionList from "@components/common/selectOption/SelectOptionList";
-import * as S from "./learn.styled";
+import * as S from "../learn.styled";
 import { useEffect, useState } from "react";
 import { ChoiceQuizProps } from "@type/learning";
 import { shuffleArray } from "@utils/learnUtil";

src/components/learn/EssayQuiz.tsx → src/components/learn/quiz/EssayQuiz.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import * as S from "./learn.styled";
+import * as S from "../learn.styled";
 import SelectBtn from "@components/common/selectOption/SelectBtn";
 import { EssayQuizProps } from "@type/learning";
 

src/components/learn/SentenceQuiz.tsx → src/components/learn/quiz/SentenceQuiz.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import * as S from "./learn.styled";
+import * as S from "../learn.styled";
 import { SentenceQuizProps } from "@type/learning";
 import { shuffleArray } from "@utils/learnUtil";
 

src/components/learn/SpeakPractice.tsx → src/components/learn/quiz/SpeakPractice.tsx

@@ -1,6 +1,6 @@
 import { SpeakPracticeProps } from "@type/learning";
 import { speakText } from "@utils/speechUtil";
-import * as S from "./speakPractice.styled";
+import * as S from "../speakPractice.styled";
 
 const SpeakPractice = ({ data }: { data: SpeakPracticeProps }) => {
   return (

src/components/home/Home.tsx → src/components/main/homeMain/Home.tsx

@@ -1,8 +1,8 @@
 import TabBar from "@components/common/tabBar/TabBar";
-import HomeHeader from "./homeHeader/HomeHeader";
 import * as S from "./Home.styled";
-import HomeStatus from "./homeStatus/HomeStatus";
 import HomeRecentTales from "./homeRecentTales/HomeRecentTales";
+import HomeStatus from "./homeStatus/HomeStatus";
+import HomeHeader from "./homeHeader/HomeHeader";
 // import Modal from "@components/common/modal/Modal";
 
 const Home = () => {

src/components/learn/learnMain/learned/Learned.tsx → src/components/main/learnMain/learned/Learned.tsx

@@ -4,7 +4,7 @@ import {
   CommonTitleWrapper,
   ItemWrapper,
 } from "@components/common/common.styled";
-import Card from "@components/home/homeRecentTales/Card";
+import Card from "@components/main/homeMain/homeRecentTales/Card";
 import { LearnedProps } from "@type/card";
 
 import { useEffect, useState } from "react";

src/components/learn/learnMain/learned/LearnedMore.tsx → src/components/main/learnMain/learned/LearnedMore.tsx

@@ -4,7 +4,7 @@ import {
   Shelf,
 } from "@components/common/common.styled";
 import Header from "@components/common/header/Header";
-import Card from "@components/home/homeRecentTales/Card";
+import Card from "@components/main/homeMain/homeRecentTales/Card";
 import { LearnedProps } from "@type/card";
 import { useMediaQuery } from "react-responsive";
 import { useLocation } from "react-router-dom";

src/components/learn/learnMain/unLearned/UnLearned.tsx → src/components/main/learnMain/unLearned/UnLearned.tsx

@@ -4,7 +4,7 @@ import {
   CommonTitleWrapper,
   ItemWrapper,
 } from "@components/common/common.styled";
-import Card from "@components/home/homeRecentTales/Card";
+import Card from "@components/main/homeMain/homeRecentTales/Card";
 import { UnLearnedProps } from "@type/card";
 
 import { useEffect, useState } from "react";

src/components/learn/learnMain/unLearned/UnLearnedMore.tsx → src/components/main/learnMain/unLearned/UnLearnedMore.tsx

@@ -4,7 +4,7 @@ import {
   Shelf,
 } from "@components/common/common.styled";
 import Header from "@components/common/header/Header";
-import Card from "@components/home/homeRecentTales/Card";
+import Card from "@components/main/homeMain/homeRecentTales/Card";
 import { UnLearnedProps } from "@type/card";
 import { useMediaQuery } from "react-responsive";
 import { useLocation } from "react-router-dom";

src/pages/HomePage.tsx

@@ -1,4 +1,4 @@
-import Home from "@components/home/Home";
+import Home from "@components/main/homeMain/Home";
 
 const HomePage = () => {
   return <Home />;

src/pages/LearningPage.tsx

@@ -1,4 +1,4 @@
-import Learn from "@components/learn/learnMain/Learn";
+import Learn from "@components/main/learnMain/Learn";
 
 const LearningPage = () => {
   return (

src/pages/PreLearningQuestionPage.tsx

@@ -1,4 +1,4 @@
-import PreLearningQuestion from "@components/learn/PreLearningQuestion";
+import PreLearningQuestion from "@components/learn/pre/PreLearningQuestion";
 
 const PreLearningQuestionPage = () => {
   return <PreLearningQuestion />;

src/router.tsx

@@ -12,11 +12,11 @@ import CreateMainPage from "@pages/CreateMainPage";
 import CreateTalePage from "@pages/CreateTalePage";
 import TaleLearnPage from "@pages/TaleLearnPage";
 import PreLearningQuestionPage from "@pages/PreLearningQuestionPage";
-import MoreRecentTales from "@components/home/homeRecentTales/MoreRecentTales";
+import MoreRecentTales from "@components/main/homeMain/homeRecentTales/MoreRecentTales";
 import PrivateRoute from "@utils/PrivateRoute";
-import WordMore from "@components/learn/learnMain/word/WordMore";
-import UnLearnedMore from "@components/learn/learnMain/unLearned/UnLearnedMore";
-import LearnedMore from "@components/learn/learnMain/learned/LearnedMore";
+import WordMore from "@components/main/learnMain/word/WordMore";
+import UnLearnedMore from "@components/main/learnMain/unLearned/UnLearnedMore";
+import LearnedMore from "@components/main/learnMain/learned/LearnedMore";
 
 const router = createBrowserRouter([
   {