From 9c315c608376ecbd270025679cdb93e63567da34 Mon Sep 17 00:00:00 2001
From: rachel4w2 <rachel4w2@naver.com>
Date: Fri, 10 Nov 2023 04:19:27 +0900
Subject: [PATCH] =?UTF-8?q?refactor=20:=20=ED=94=84=EB=A1=9C=EC=A0=9D?=
 =?UTF-8?q?=ED=8A=B8=20=ED=8F=B4=EB=8D=94=20=EA=B5=AC=EC=A1=B0=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 폴더 구조를 app 아래 project, recruitment로 구분
---
 frontend/src/app/layout.tsx                   |  5 +-
 .../(read)/post/[postId]/page.tsx             | 24 +++---
 .../(search)/search-post/[postName]/page.tsx  |  8 +-
 .../(search)/search-user/[userName]/page.tsx  |  6 +-
 .../(submit)/modification/page.tsx            | 31 +++----
 .../{ => project}/(submit)/new-post/page.tsx  | 16 ++--
 .../app/{ => project}/(user)/login/error.tsx  |  0
 .../app/{ => project}/(user)/login/page.tsx   | 10 +--
 .../(user)/profile/[userName]/page.tsx        |  8 +-
 .../app/{ => project}/(user)/profile/page.tsx |  2 +-
 .../(user)/registration/error.tsx             |  0
 .../(user)/registration/page.tsx              | 12 +--
 frontend/src/app/project/layout.tsx           |  9 ++
 frontend/src/app/{ => project}/page.tsx       | 12 +--
 frontend/src/app/recruitment/layout.tsx       |  9 ++
 .../{(error)/error => recruitment}/page.tsx   |  0
 .../general/{NavBar.tsx => ProjectNavBar.tsx} | 12 +--
 .../components/general/RecruitmentNavBar.tsx  |  7 ++
 .../components/{ => project}/main/Banner.tsx  |  2 +-
 .../{ => project}/main/ProjectCard.tsx        | 10 +--
 .../{ => project}/read/GptModal.tsx           | 16 ++--
 .../{ => project}/read/PutReply.tsx           |  2 +-
 .../{ => project}/read/ReadReReply.tsx        |  8 +-
 .../{ => project}/read/ReadReply.tsx          | 10 +--
 .../components/{ => project}/read/Reply.tsx   |  2 +-
 .../{ => project}/read/ToastViewer.tsx        |  2 +-
 .../{ => project}/read/WriteReReply.tsx       |  4 +-
 .../{ => project}/submit/imageUploader.tsx    |  4 +-
 .../submit/techStackSelection.tsx             |  4 +-
 .../{ => project}/submit/toastUIEditor.tsx    |  4 +-
 .../{ => project}/user/FollowListModal.tsx    |  6 +-
 .../{ => project}/user/WritedPost.tsx         |  2 +-
 frontend/yarn.lock                            | 82 ++++++++++++-------
 33 files changed, 187 insertions(+), 142 deletions(-)
 rename frontend/src/app/{ => project}/(read)/post/[postId]/page.tsx (93%)
 rename frontend/src/app/{ => project}/(search)/search-post/[postName]/page.tsx (90%)
 rename frontend/src/app/{ => project}/(search)/search-user/[userName]/page.tsx (94%)
 rename frontend/src/app/{ => project}/(submit)/modification/page.tsx (88%)
 rename frontend/src/app/{ => project}/(submit)/new-post/page.tsx (93%)
 rename frontend/src/app/{ => project}/(user)/login/error.tsx (100%)
 rename frontend/src/app/{ => project}/(user)/login/page.tsx (96%)
 rename frontend/src/app/{ => project}/(user)/profile/[userName]/page.tsx (94%)
 rename frontend/src/app/{ => project}/(user)/profile/page.tsx (95%)
 rename frontend/src/app/{ => project}/(user)/registration/error.tsx (100%)
 rename frontend/src/app/{ => project}/(user)/registration/page.tsx (96%)
 create mode 100644 frontend/src/app/project/layout.tsx
 rename frontend/src/app/{ => project}/page.tsx (91%)
 create mode 100644 frontend/src/app/recruitment/layout.tsx
 rename frontend/src/app/{(error)/error => recruitment}/page.tsx (100%)
 rename frontend/src/components/general/{NavBar.tsx => ProjectNavBar.tsx} (92%)
 create mode 100644 frontend/src/components/general/RecruitmentNavBar.tsx
 rename frontend/src/components/{ => project}/main/Banner.tsx (97%)
 rename frontend/src/components/{ => project}/main/ProjectCard.tsx (92%)
 rename frontend/src/components/{ => project}/read/GptModal.tsx (98%)
 rename frontend/src/components/{ => project}/read/PutReply.tsx (98%)
 rename frontend/src/components/{ => project}/read/ReadReReply.tsx (94%)
 rename frontend/src/components/{ => project}/read/ReadReply.tsx (95%)
 rename frontend/src/components/{ => project}/read/Reply.tsx (99%)
 rename frontend/src/components/{ => project}/read/ToastViewer.tsx (94%)
 rename frontend/src/components/{ => project}/read/WriteReReply.tsx (96%)
 rename frontend/src/components/{ => project}/submit/imageUploader.tsx (95%)
 rename frontend/src/components/{ => project}/submit/techStackSelection.tsx (96%)
 rename frontend/src/components/{ => project}/submit/toastUIEditor.tsx (95%)
 rename frontend/src/components/{ => project}/user/FollowListModal.tsx (95%)
 rename frontend/src/components/{ => project}/user/WritedPost.tsx (96%)

diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx
index 5e8299c0..b8733d8a 100644
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@@ -2,7 +2,6 @@ import './globals.css'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 import Provider from '../components/general/Provider'
-import NavBar from '../components/general/NavBar'
 
 const inter = Inter({ subsets: ['latin'] })
 
@@ -19,9 +18,7 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <Provider>
-          <NavBar>{children}</NavBar>
-        </Provider>
+        <Provider>{children}</Provider>
       </body>
     </html>
   )
diff --git a/frontend/src/app/(read)/post/[postId]/page.tsx b/frontend/src/app/project/(read)/post/[postId]/page.tsx
similarity index 93%
rename from frontend/src/app/(read)/post/[postId]/page.tsx
rename to frontend/src/app/project/(read)/post/[postId]/page.tsx
index 2fa9d733..45c0a546 100644
--- a/frontend/src/app/(read)/post/[postId]/page.tsx
+++ b/frontend/src/app/project/(read)/post/[postId]/page.tsx
@@ -4,11 +4,11 @@ import Image from 'next/image'
 import { useEffect, useState, useCallback } from 'react'
 import { useRouter } from 'next/navigation'
 import { useRecoilState, useRecoilValue } from 'recoil'
-import gptIcon from '../../../../../public/images/svg/gptIcon.svg'
-import ProfileIcon from '../../../../../public/images/svg/profileIcon.svg'
-import GptModal from '../../../../components/read/GptModal'
-import ToastViewer from '../../../../components/read/ToastViewer'
-import Reply from '../../../../components/read/Reply'
+import gptIcon from '../../../../../../public/images/svg/gptIcon.svg'
+import ProfileIcon from '../../../../../../public/images/svg/profileIcon.svg'
+import GptModal from '../../../../../components/project/read/GptModal'
+import ToastViewer from '../../../../../components/project/read/ToastViewer'
+import Reply from '../../../../../components/project/read/Reply'
 
 import {
   contentsState,
@@ -16,8 +16,8 @@ import {
   titleState,
   tldrState,
   refreshState,
-} from '../../../../utils/atoms'
-import AllStacks from '../../../../utils/stacks'
+} from '../../../../../utils/atoms'
+import AllStacks from '../../../../../utils/stacks'
 
 type ReadReplyObject = {
   commentId: number
@@ -54,11 +54,11 @@ export default function ReadingPage({ params }: ParamsType) {
   }, [isOpenModal])
 
   function toWrite() {
-    router.push('/write')
+    router.push('/project/write')
   }
 
   function toModify() {
-    router.push('/modify')
+    router.push('/project/modification')
   }
   // GET요청 보내서 데이터 가져오고 받은 데이터 변수에 넣어주는 함수
   async function getData() {
@@ -79,7 +79,7 @@ export default function ReadingPage({ params }: ParamsType) {
         alert('프로젝트 상세 조회 실패')
         throw new Error('프로젝트 상세 조회 실패')
       }
-      router.push('/')
+      router.push('/project')
     }
 
     const resData = await res.json()
@@ -119,10 +119,10 @@ export default function ReadingPage({ params }: ParamsType) {
           alert('프로젝트 삭제 실패')
           throw new Error('프로젝트 삭제 실패')
         }
-        router.push('/')
+        router.push('/project')
       } else {
         alert('프로젝트 삭제 성공')
-        router.push('/')
+        router.push('/project')
       }
     }
   }
diff --git a/frontend/src/app/(search)/search-post/[postName]/page.tsx b/frontend/src/app/project/(search)/search-post/[postName]/page.tsx
similarity index 90%
rename from frontend/src/app/(search)/search-post/[postName]/page.tsx
rename to frontend/src/app/project/(search)/search-post/[postName]/page.tsx
index d9bb46f6..8750ee56 100644
--- a/frontend/src/app/(search)/search-post/[postName]/page.tsx
+++ b/frontend/src/app/project/(search)/search-post/[postName]/page.tsx
@@ -3,9 +3,9 @@
 import { useEffect, useState } from 'react'
 import { useRouter } from 'next/navigation'
 
-import WriteIcon from '../../../../../public/images/svg/pencil-square.svg'
-import Banner from '../../../../components/main/Banner'
-import ProjectCard from '../../../../components/main/ProjectCard'
+import WriteIcon from '../../../../../../public/images/svg/pencil-square.svg'
+import Banner from '../../../../../components/project/main/Banner'
+import ProjectCard from '../../../../../components/project/main/ProjectCard'
 
 type DataObject = {
   id: number
@@ -27,7 +27,7 @@ export default function SearchProjectPage({ params }: ParamsType) {
   const router = useRouter() // react-router-dom useNavigate 사용 선언
 
   function toWrite() {
-    router.push('/write')
+    router.push('/project/write')
   }
 
   async function getData() {
diff --git a/frontend/src/app/(search)/search-user/[userName]/page.tsx b/frontend/src/app/project/(search)/search-user/[userName]/page.tsx
similarity index 94%
rename from frontend/src/app/(search)/search-user/[userName]/page.tsx
rename to frontend/src/app/project/(search)/search-user/[userName]/page.tsx
index 119bf57d..92ace1cc 100644
--- a/frontend/src/app/(search)/search-user/[userName]/page.tsx
+++ b/frontend/src/app/project/(search)/search-user/[userName]/page.tsx
@@ -5,9 +5,9 @@ import { useRouter } from 'next/navigation'
 import { v4 as uuidv4 } from 'uuid'
 import Image from 'next/image'
 
-import WriteIcon from '../../../../../public/images/svg/pencil-square.svg'
-import ProfileIcon from '../../../../../public/images/svg/profileIcon.svg'
-import Banner from '../../../../components/main/Banner'
+import WriteIcon from '../../../../../../public/images/svg/arrow-right.svg'
+import ProfileIcon from '../../../../../../public/images/svg/arrow-left.svg'
+import Banner from '../../../../../components/project/main/Banner'
 
 type DataObject = {
   nickname: string
diff --git a/frontend/src/app/(submit)/modification/page.tsx b/frontend/src/app/project/(submit)/modification/page.tsx
similarity index 88%
rename from frontend/src/app/(submit)/modification/page.tsx
rename to frontend/src/app/project/(submit)/modification/page.tsx
index c6fd64d7..05230cb8 100644
--- a/frontend/src/app/(submit)/modification/page.tsx
+++ b/frontend/src/app/project/(submit)/modification/page.tsx
@@ -7,8 +7,8 @@ import dynamic from 'next/dynamic'
 
 // TODO: NavBar 만들어야 함
 // import NavBar from '../../components/general/NavBar'
-import ImageUploader from '../../../components/submit/imageUploader'
-import TechStackSelection from '../../../components/submit/techStackSelection'
+import ImageUploader from '../../../../components/project/submit/imageUploader'
+import TechStackSelection from '../../../../components/project/submit/techStackSelection'
 import {
   contentsState,
   projectIdState,
@@ -16,10 +16,10 @@ import {
   thumbnailUrlState,
   titleState,
   tldrState,
-} from '../../../utils/atoms'
+} from '../../../../utils/atoms'
 
 const ToastUIEditor = dynamic(
-  () => import('../../../components/submit/toastUIEditor'),
+  () => import('../../../../components/project/submit/toastUIEditor'),
   { ssr: false },
 )
 
@@ -65,14 +65,17 @@ export default function NewPost() {
       thumbNail: thumbnailUrl,
     }
 
-    const res = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/projects`, {
-      method: 'PUT',
-      headers: {
-        'Content-Type': 'application/json',
-        Authorization: `Bearer ${accessToken || persistToken}`,
+    const res = await fetch(
+      `${process.env.NEXT_PUBLIC_BASE_URL}/projects/${projectId}`,
+      {
+        method: 'PUT',
+        headers: {
+          'Content-Type': 'application/json',
+          Authorization: `Bearer ${accessToken || persistToken}`,
+        },
+        body: JSON.stringify(data),
       },
-      body: JSON.stringify(data),
-    })
+    )
 
     if (!res.ok) {
       if (!navigator.onLine) {
@@ -89,12 +92,12 @@ export default function NewPost() {
     }
 
     setThumbnailUrl('')
-    router.push(`/read/${projectId}`)
+    router.push(`/project/post/${projectId}`)
   }
 
   // 취소 버튼 누를시 메인페이지 이동
   function toMain() {
-    router.push('/')
+    router.push('/project')
   }
 
   useEffect(() => {
@@ -104,7 +107,7 @@ export default function NewPost() {
     if (!(accessToken || persistToken)) {
       // eslint-disable-next-line no-alert
       alert('로그인시 이용하실 수 있습니다.')
-      router.push('/')
+      router.push('/project')
     }
   }, [])
 
diff --git a/frontend/src/app/(submit)/new-post/page.tsx b/frontend/src/app/project/(submit)/new-post/page.tsx
similarity index 93%
rename from frontend/src/app/(submit)/new-post/page.tsx
rename to frontend/src/app/project/(submit)/new-post/page.tsx
index c5f1e983..7fb1b17a 100644
--- a/frontend/src/app/(submit)/new-post/page.tsx
+++ b/frontend/src/app/project/(submit)/new-post/page.tsx
@@ -5,10 +5,8 @@ import { useRouter } from 'next/navigation'
 import { useRecoilState } from 'recoil'
 import dynamic from 'next/dynamic'
 
-// TODO: NavBar 만들어야 함
-// import NavBar from '../../components/general/NavBar'
-import ImageUploader from '../../../components/submit/imageUploader'
-import TechStackSelection from '../../../components/submit/techStackSelection'
+import ImageUploader from '../../../../components/project/submit/imageUploader'
+import TechStackSelection from '../../../../components/project/submit/techStackSelection'
 import {
   contentsState,
   projectIdState,
@@ -16,10 +14,10 @@ import {
   thumbnailUrlState,
   titleState,
   tldrState,
-} from '../../../utils/atoms'
+} from '../../../../utils/atoms'
 
 const ToastUIEditor = dynamic(
-  () => import('../../../components/submit/toastUIEditor'),
+  () => import('../../../../components/project/submit/toastUIEditor'),
   { ssr: false },
 )
 
@@ -92,12 +90,12 @@ export default function NewPost() {
 
     setProjectId(resData.data.projectId)
     setThumbnailUrl('')
-    router.push(`/read/${resData.data.projectId}`)
+    router.push(`/project/post/${resData.data.projectId}`)
   }
 
   // 취소 버튼 누를시 메인페이지 이동
   function toMain() {
-    router.push('/')
+    router.push('/project')
   }
 
   useEffect(() => {
@@ -107,7 +105,7 @@ export default function NewPost() {
     if (!(accessToken || persistToken)) {
       // eslint-disable-next-line no-alert
       alert('로그인시 이용하실 수 있습니다.')
-      router.push('/')
+      router.push('/project')
     }
     // 글쓰기 페이지 렌더링 시 변수 초기화
     setTitle('')
diff --git a/frontend/src/app/(user)/login/error.tsx b/frontend/src/app/project/(user)/login/error.tsx
similarity index 100%
rename from frontend/src/app/(user)/login/error.tsx
rename to frontend/src/app/project/(user)/login/error.tsx
diff --git a/frontend/src/app/(user)/login/page.tsx b/frontend/src/app/project/(user)/login/page.tsx
similarity index 96%
rename from frontend/src/app/(user)/login/page.tsx
rename to frontend/src/app/project/(user)/login/page.tsx
index c33a49fc..33309929 100644
--- a/frontend/src/app/(user)/login/page.tsx
+++ b/frontend/src/app/project/(user)/login/page.tsx
@@ -10,8 +10,8 @@ import { useRecoilState } from 'recoil'
 import * as yup from 'yup'
 
 import Image from 'next/image'
-import Email from '../../../../public/images/svg/email.svg'
-import { autoLoginState, usernameState } from '../../../utils/atoms'
+import Email from '../../../../../public/images/svg/email.svg'
+import { autoLoginState, usernameState } from '../../../../utils/atoms'
 
 type DataObject = {
   email: string
@@ -60,11 +60,11 @@ export default function Login() {
   })
 
   function toMain() {
-    router.push('/')
+    router.push('/project')
   }
 
   function toRegistration() {
-    router.push('/registration')
+    router.push('/project/registration')
   }
 
   const onSubmit: SubmitHandler<DataObject> = async (data: DataObject) => {
@@ -112,7 +112,7 @@ export default function Login() {
 
     setUsername(myInfoData.data.nickname)
 
-    router.push('/')
+    router.push('/project')
   }
 
   useEffect(() => {
diff --git a/frontend/src/app/(user)/profile/[userName]/page.tsx b/frontend/src/app/project/(user)/profile/[userName]/page.tsx
similarity index 94%
rename from frontend/src/app/(user)/profile/[userName]/page.tsx
rename to frontend/src/app/project/(user)/profile/[userName]/page.tsx
index b05d8b20..6db83f5b 100644
--- a/frontend/src/app/(user)/profile/[userName]/page.tsx
+++ b/frontend/src/app/project/(user)/profile/[userName]/page.tsx
@@ -4,10 +4,10 @@ import { useEffect, useState, useCallback } from 'react'
 import { useRouter } from 'next/navigation'
 import Image from 'next/image'
 
-import WritedPost from '../../../../components/user/WritedPost'
-import myProfile from '../../../../../public/images/png/myProfile.png'
-import WriteIcon from '../../../../../public/images/svg/pencil-square.svg'
-import FollowListModal from '../../../../components/user/FollowListModal'
+import WritedPost from '../../../../../components/project/user/WritedPost'
+import myProfile from '../../../../../../public/images/png/myProfile.png'
+import WriteIcon from '../../../../../../public/images/svg/pencil-square.svg'
+import FollowListModal from '../../../../../components/project/user/FollowListModal'
 
 type GetProjectInfoResponse = {
   id: number
diff --git a/frontend/src/app/(user)/profile/page.tsx b/frontend/src/app/project/(user)/profile/page.tsx
similarity index 95%
rename from frontend/src/app/(user)/profile/page.tsx
rename to frontend/src/app/project/(user)/profile/page.tsx
index c4608db4..0ef9b2a0 100644
--- a/frontend/src/app/(user)/profile/page.tsx
+++ b/frontend/src/app/project/(user)/profile/page.tsx
@@ -50,7 +50,7 @@ export default function MyPage() {
     }
 
     if (resData.data !== undefined) {
-      router.push(`/profile/${resData.data.nickname}`)
+      router.push(`/project/profile/${resData.data.nickname}`)
     }
   }
 
diff --git a/frontend/src/app/(user)/registration/error.tsx b/frontend/src/app/project/(user)/registration/error.tsx
similarity index 100%
rename from frontend/src/app/(user)/registration/error.tsx
rename to frontend/src/app/project/(user)/registration/error.tsx
diff --git a/frontend/src/app/(user)/registration/page.tsx b/frontend/src/app/project/(user)/registration/page.tsx
similarity index 96%
rename from frontend/src/app/(user)/registration/page.tsx
rename to frontend/src/app/project/(user)/registration/page.tsx
index 9fbc4718..416c25be 100644
--- a/frontend/src/app/(user)/registration/page.tsx
+++ b/frontend/src/app/project/(user)/registration/page.tsx
@@ -10,8 +10,8 @@ import { useRecoilState, useRecoilValue } from 'recoil'
 import * as yup from 'yup'
 
 import Image from 'next/image'
-import Email from '../../../../public/images/svg/email.svg'
-import { autoLoginState, usernameState } from '../../../utils/atoms'
+import Email from '../../../../../public/images/svg/email.svg'
+import { autoLoginState, usernameState } from '../../../../utils/atoms'
 
 type DataObject = {
   email: string
@@ -65,11 +65,11 @@ export default function Registration() {
   })
 
   function toMain() {
-    router.push('/')
+    router.push('/project')
   }
 
   function toLogin() {
-    router.push('/login')
+    router.push('/project/login')
   }
 
   const onSubmit: SubmitHandler<DataObject> = async (data: DataObject) => {
@@ -142,7 +142,7 @@ export default function Registration() {
 
     setUsername(myInfoData.data.nickname)
 
-    router.push('/')
+    router.push('/project')
   }
 
   useEffect(() => {
@@ -152,7 +152,7 @@ export default function Registration() {
     if (accessToken || persistToken) {
       // eslint-disable-next-line no-alert
       alert('이미 로그인 상태입니다.')
-      router.push('/')
+      router.push('/project')
     }
   }, [])
 
diff --git a/frontend/src/app/project/layout.tsx b/frontend/src/app/project/layout.tsx
new file mode 100644
index 00000000..f6e765db
--- /dev/null
+++ b/frontend/src/app/project/layout.tsx
@@ -0,0 +1,9 @@
+import ProjectNavBar from '../../components/general/ProjectNavBar'
+
+export default function ProjectLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <ProjectNavBar>{children}</ProjectNavBar>
+}
diff --git a/frontend/src/app/page.tsx b/frontend/src/app/project/page.tsx
similarity index 91%
rename from frontend/src/app/page.tsx
rename to frontend/src/app/project/page.tsx
index 211715f6..ef0c4b94 100644
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/project/page.tsx
@@ -6,10 +6,10 @@ import { useRouter } from 'next/navigation'
 import { useRecoilValue } from 'recoil'
 import Image from 'next/image'
 
-import WriteIcon from '../../public/images/svg/pencil-square.svg'
-import Banner from '../components/main/Banner'
-import ProjectCard from '../components/main/ProjectCard'
-import { searchTextState } from '../utils/atoms'
+import WriteIcon from '../../../public/images/svg/pencil-square.svg'
+import Banner from '../../components/project/main/Banner'
+import ProjectCard from '../../components/project/main/ProjectCard'
+import { searchTextState } from '../../utils/atoms'
 
 type DataObject = {
   id: number
@@ -20,13 +20,13 @@ type DataObject = {
   thumbNail: string
 }
 
-export default function Main() {
+export default function ProjectMain() {
   const searchText = useRecoilValue(searchTextState)
 
   const router = useRouter()
 
   function toWrite() {
-    router.push('/write')
+    router.push('/project/write')
   }
 
   async function getData({ pageParam = 1 }) {
diff --git a/frontend/src/app/recruitment/layout.tsx b/frontend/src/app/recruitment/layout.tsx
new file mode 100644
index 00000000..bda59322
--- /dev/null
+++ b/frontend/src/app/recruitment/layout.tsx
@@ -0,0 +1,9 @@
+import RecruitmentNavBar from '../../components/general/RecruitmentNavBar'
+
+export default function ProjectLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <RecruitmentNavBar>{children}</RecruitmentNavBar>
+}
diff --git a/frontend/src/app/(error)/error/page.tsx b/frontend/src/app/recruitment/page.tsx
similarity index 100%
rename from frontend/src/app/(error)/error/page.tsx
rename to frontend/src/app/recruitment/page.tsx
diff --git a/frontend/src/components/general/NavBar.tsx b/frontend/src/components/general/ProjectNavBar.tsx
similarity index 92%
rename from frontend/src/components/general/NavBar.tsx
rename to frontend/src/components/general/ProjectNavBar.tsx
index 9b60efc8..5e518af5 100644
--- a/frontend/src/components/general/NavBar.tsx
+++ b/frontend/src/components/general/ProjectNavBar.tsx
@@ -40,9 +40,9 @@ export default function NavBar({ children }: { children: React.ReactNode }) {
       router.push('/')
     } else if (searchText.charAt(0) === '@') {
       const searchUserName = searchText.substring(1)
-      router.push(`/search-user/${searchUserName}`)
+      router.push(`/project/search-user/${searchUserName}`)
     } else {
-      router.push(`/search-post/${searchText}`)
+      router.push(`/project/search-post/${searchText}`)
     }
   }
 
@@ -51,7 +51,7 @@ export default function NavBar({ children }: { children: React.ReactNode }) {
       signOut()
       setBtnText('로그인')
     } else {
-      router.push('/login')
+      router.push('/project/login')
     }
   }
 
@@ -63,7 +63,7 @@ export default function NavBar({ children }: { children: React.ReactNode }) {
     }
   }, [pathname])
 
-  if (pathname === '/login' || pathname === '/registration') {
+  if (pathname === '/project/login' || pathname === '/project/registration') {
     return children
   }
 
@@ -122,7 +122,7 @@ export default function NavBar({ children }: { children: React.ReactNode }) {
         <button
           className="invisible mx-auto mr-4 flex h-0 w-0 shrink-0 flex-row flex-nowrap items-center rounded-full bg-graphyblue text-white sm:visible sm:mr-5
         sm:h-auto sm:w-auto sm:px-4 sm:py-1"
-          onClick={() => router.push('/new-post')}
+          onClick={() => router.push('/project/new-post')}
           aria-label="toWritePage"
           type="button"
         >
@@ -134,7 +134,7 @@ export default function NavBar({ children }: { children: React.ReactNode }) {
           className="mr-12"
           style={{ display: btnText === '로그인' ? 'none' : 'block' }}
           type="button"
-          onClick={() => router.push(`/profile/${username}`)}
+          onClick={() => router.push(`/project/profile/${username}`)}
         >
           <Image
             className="fixed top-4 right-4 h-8 w-8 appearance-none"
diff --git a/frontend/src/components/general/RecruitmentNavBar.tsx b/frontend/src/components/general/RecruitmentNavBar.tsx
new file mode 100644
index 00000000..caae1ea9
--- /dev/null
+++ b/frontend/src/components/general/RecruitmentNavBar.tsx
@@ -0,0 +1,7 @@
+export default function RecruitmentNavBar({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <div>{children}</div>
+}
diff --git a/frontend/src/components/main/Banner.tsx b/frontend/src/components/project/main/Banner.tsx
similarity index 97%
rename from frontend/src/components/main/Banner.tsx
rename to frontend/src/components/project/main/Banner.tsx
index c5d9f34b..3287be5b 100644
--- a/frontend/src/components/main/Banner.tsx
+++ b/frontend/src/components/project/main/Banner.tsx
@@ -3,7 +3,7 @@ import { Pagination, Autoplay } from 'swiper/modules'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import 'swiper/css'
 import 'swiper/scss/pagination'
-import lotties from '../../utils/lotties'
+import lotties from '../../../utils/lotties'
 
 export default function Banner() {
   return (
diff --git a/frontend/src/components/main/ProjectCard.tsx b/frontend/src/components/project/main/ProjectCard.tsx
similarity index 92%
rename from frontend/src/components/main/ProjectCard.tsx
rename to frontend/src/components/project/main/ProjectCard.tsx
index c8936e86..05b00992 100644
--- a/frontend/src/components/main/ProjectCard.tsx
+++ b/frontend/src/components/project/main/ProjectCard.tsx
@@ -3,10 +3,10 @@
 import { useRouter } from 'next/navigation'
 import { useRecoilState } from 'recoil'
 import Image from 'next/image'
-import project from '../../../public/images/png/project.png'
+import project from '../../../../public/images/png/project.png'
 
-import { projectIdState } from '../../utils/atoms'
-import AllStacks from '../../utils/stacks'
+import { projectIdState } from '../../../utils/atoms'
+import AllStacks from '../../../utils/stacks'
 
 type ProjectCardProps = {
   items: {
@@ -42,7 +42,7 @@ export default function ProjectCard({ items, index }: ProjectCardProps) {
 
       messageChannel.port1.onmessage = (event) => {
         if (event.data.hasMatch) {
-          router.push(`/post/${items.id}`)
+          router.push(`project/post/${items.id}`)
           setProjectId(items.id)
         } else {
           alert('오프라인 상태입니다. 네트워크 연결을 확인해주세요.')
@@ -58,7 +58,7 @@ export default function ProjectCard({ items, index }: ProjectCardProps) {
         }
       })
     } else {
-      router.push(`/post/${items.id}`)
+      router.push(`project/post/${items.id}`)
       setProjectId(items.id)
     }
   }
diff --git a/frontend/src/components/read/GptModal.tsx b/frontend/src/components/project/read/GptModal.tsx
similarity index 98%
rename from frontend/src/components/read/GptModal.tsx
rename to frontend/src/components/project/read/GptModal.tsx
index 94268c6b..80aa8a41 100644
--- a/frontend/src/components/read/GptModal.tsx
+++ b/frontend/src/components/project/read/GptModal.tsx
@@ -6,12 +6,12 @@ import { v4 as uuidv4 } from 'uuid'
 
 import Image from 'next/image'
 import arrowLeftIcon from 'public/images/svg/arrow-left.svg'
-import arrowRightIcon from '../../../public/images/svg/arrow-right.svg'
-import desktop from '../../../public/images/png/desktop.png'
-import eyes from '../../../public/images/png/eyes.png'
-import monster from '../../../public/images/png/monster.png'
-import pick from '../../../public/images/png/pick.png'
-import plus from '../../../public/images/svg/plus-circle.svg'
+import arrowRightIcon from '../../../../public/images/svg/arrow-right.svg'
+import desktop from '../../../../public/images/png/desktop.png'
+import eyes from '../../../../public/images/png/eyes.png'
+import monster from '../../../../public/images/png/monster.png'
+import pick from '../../../../public/images/png/pick.png'
+import plus from '../../../../public/images/svg/plus-circle.svg'
 import {
   featuresState,
   gptLoadingState,
@@ -22,8 +22,8 @@ import {
   techStacksState,
   tldrState,
   topicState,
-} from '../../utils/atoms'
-import AllStacks from '../../utils/stacks'
+} from '../../../utils/atoms'
+import AllStacks from '../../../utils/stacks'
 
 function findImage(tag: string) {
   return AllStacks.map((x) => x.image)[
diff --git a/frontend/src/components/read/PutReply.tsx b/frontend/src/components/project/read/PutReply.tsx
similarity index 98%
rename from frontend/src/components/read/PutReply.tsx
rename to frontend/src/components/project/read/PutReply.tsx
index 2fc82afb..07ee9781 100644
--- a/frontend/src/components/read/PutReply.tsx
+++ b/frontend/src/components/project/read/PutReply.tsx
@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react'
 import { useRecoilState } from 'recoil'
 
-import { refreshState } from '../../utils/atoms'
+import { refreshState } from '../../../utils/atoms'
 
 type PutReplyProps = {
   contents: {
diff --git a/frontend/src/components/read/ReadReReply.tsx b/frontend/src/components/project/read/ReadReReply.tsx
similarity index 94%
rename from frontend/src/components/read/ReadReReply.tsx
rename to frontend/src/components/project/read/ReadReReply.tsx
index b9caa97b..e08aef41 100644
--- a/frontend/src/components/read/ReadReReply.tsx
+++ b/frontend/src/components/project/read/ReadReReply.tsx
@@ -3,10 +3,10 @@ import { useRecoilState } from 'recoil'
 import Image from 'next/image'
 
 import PutReply from './PutReply'
-import delete_reply from '../../../public/images/svg/delete.svg'
-import pencil_square from '../../../public/images/svg/pencil-square.svg'
-import reply_icon from '../../../public/images/svg/reply_icon.svg'
-import { refreshState } from '../../utils/atoms'
+import delete_reply from '../../../../public/images/svg/delete.svg'
+import pencil_square from '../../../../public/images/svg/pencil-square.svg'
+import reply_icon from '../../../../public/images/svg/reply_icon.svg'
+import { refreshState } from '../../../utils/atoms'
 
 type ReadReReplyProps = {
   contents: {
diff --git a/frontend/src/components/read/ReadReply.tsx b/frontend/src/components/project/read/ReadReply.tsx
similarity index 95%
rename from frontend/src/components/read/ReadReply.tsx
rename to frontend/src/components/project/read/ReadReply.tsx
index 484eed79..6336036a 100644
--- a/frontend/src/components/read/ReadReply.tsx
+++ b/frontend/src/components/project/read/ReadReply.tsx
@@ -7,11 +7,11 @@ import Image from 'next/image'
 import PutReply from './PutReply'
 import ReadReReply from './ReadReReply'
 import WriteReReply from './WriteReReply'
-import delete_reply from '../../../public/images/svg/delete.svg'
-import nested_reply from '../../../public/images/svg/nested_reply.svg'
-import pencil_square from '../../../public/images/svg/pencil-square.svg'
-import { refreshState } from '../../utils/atoms'
-import useDidMountEffect from '../../hooks/useDidMountEffect'
+import delete_reply from '../../../../public/images/svg/delete.svg'
+import nested_reply from '../../../../public/images/svg/nested_reply.svg'
+import pencil_square from '../../../../public/images/svg/pencil-square.svg'
+import { refreshState } from '../../../utils/atoms'
+import useDidMountEffect from '../../../hooks/useDidMountEffect'
 
 type ReadReReplyObject = {
   commentId: number
diff --git a/frontend/src/components/read/Reply.tsx b/frontend/src/components/project/read/Reply.tsx
similarity index 99%
rename from frontend/src/components/read/Reply.tsx
rename to frontend/src/components/project/read/Reply.tsx
index b5e16aa0..177afc56 100644
--- a/frontend/src/components/read/Reply.tsx
+++ b/frontend/src/components/project/read/Reply.tsx
@@ -4,7 +4,7 @@ import { useEffect, useRef, useState } from 'react'
 import { useRecoilState, useRecoilValue } from 'recoil'
 
 import ReadReply from './ReadReply'
-import { projectIdState, refreshState } from '../../utils/atoms'
+import { projectIdState, refreshState } from '../../../utils/atoms'
 
 type ReadReplyObject = {
   commentId: number
diff --git a/frontend/src/components/read/ToastViewer.tsx b/frontend/src/components/project/read/ToastViewer.tsx
similarity index 94%
rename from frontend/src/components/read/ToastViewer.tsx
rename to frontend/src/components/project/read/ToastViewer.tsx
index aaa26bd6..c5d6fa67 100644
--- a/frontend/src/components/read/ToastViewer.tsx
+++ b/frontend/src/components/project/read/ToastViewer.tsx
@@ -6,7 +6,7 @@ import Prism from 'prismjs'
 import codeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight'
 
 import { useRecoilState } from 'recoil'
-import { contentsState } from '../../utils/atoms'
+import { contentsState } from '../../../utils/atoms'
 
 export default function ToastViewer() {
   const [contents, setContents] = useRecoilState(contentsState)
diff --git a/frontend/src/components/read/WriteReReply.tsx b/frontend/src/components/project/read/WriteReReply.tsx
similarity index 96%
rename from frontend/src/components/read/WriteReReply.tsx
rename to frontend/src/components/project/read/WriteReReply.tsx
index 2aeda363..e5476c6e 100644
--- a/frontend/src/components/read/WriteReReply.tsx
+++ b/frontend/src/components/project/read/WriteReReply.tsx
@@ -4,8 +4,8 @@ import { useEffect, useRef, useState } from 'react'
 import { useRecoilState, useRecoilValue } from 'recoil'
 import Image from 'next/image'
 
-import reply_icon from '../../../public/images/svg/reply_icon.svg'
-import { projectIdState, refreshState } from '../../utils/atoms'
+import reply_icon from '../../../../public/images/svg/reply_icon.svg'
+import { projectIdState, refreshState } from '../../../utils/atoms'
 
 interface WriteReReplyProps {
   contents: {
diff --git a/frontend/src/components/submit/imageUploader.tsx b/frontend/src/components/project/submit/imageUploader.tsx
similarity index 95%
rename from frontend/src/components/submit/imageUploader.tsx
rename to frontend/src/components/project/submit/imageUploader.tsx
index 34cc60a7..32888ef4 100644
--- a/frontend/src/components/submit/imageUploader.tsx
+++ b/frontend/src/components/project/submit/imageUploader.tsx
@@ -4,8 +4,8 @@ import React, { useEffect, useRef, useState } from 'react'
 import { useRecoilState } from 'recoil'
 
 import Image from 'next/image'
-import imginsert from '../../../public/images/svg/imginsert.svg'
-import { thumbnailUrlState } from '../../utils/atoms'
+import imginsert from '../../../../public/images/svg/imginsert.svg'
+import { thumbnailUrlState } from '../../../utils/atoms'
 
 function ImageUploader() {
   const [image, setImage] = useState<File | null>()
diff --git a/frontend/src/components/submit/techStackSelection.tsx b/frontend/src/components/project/submit/techStackSelection.tsx
similarity index 96%
rename from frontend/src/components/submit/techStackSelection.tsx
rename to frontend/src/components/project/submit/techStackSelection.tsx
index d9bacfbd..ccf5da25 100644
--- a/frontend/src/components/submit/techStackSelection.tsx
+++ b/frontend/src/components/project/submit/techStackSelection.tsx
@@ -3,8 +3,8 @@
 import { useState } from 'react'
 import { useRecoilState } from 'recoil'
 
-import { selectedStackState } from '../../utils/atoms'
-import AllStacks from '../../utils/stacks'
+import { selectedStackState } from '../../../utils/atoms'
+import AllStacks from '../../../utils/stacks'
 
 export default function TechStackSelection() {
   const [selectedStack, setSelectedStack] = useRecoilState(selectedStackState)
diff --git a/frontend/src/components/submit/toastUIEditor.tsx b/frontend/src/components/project/submit/toastUIEditor.tsx
similarity index 95%
rename from frontend/src/components/submit/toastUIEditor.tsx
rename to frontend/src/components/project/submit/toastUIEditor.tsx
index cfbab986..d8b6968b 100644
--- a/frontend/src/components/submit/toastUIEditor.tsx
+++ b/frontend/src/components/project/submit/toastUIEditor.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import '../../../public/css/toastui-editor.css'
+import '../../../../public/css/toastui-editor.css'
 import '@toast-ui/editor/dist/i18n/ko-kr'
 import 'tui-color-picker/dist/tui-color-picker.css'
 import '@toast-ui/editor-plugin-color-syntax/dist/toastui-editor-plugin-color-syntax.css'
@@ -13,7 +13,7 @@ import Prism from 'prismjs'
 import codeSyntaxHighlight from '@toast-ui/editor-plugin-code-syntax-highlight'
 import { useEffect, useRef, useState } from 'react'
 import { useRecoilState } from 'recoil'
-import { contentsState } from '../../utils/atoms'
+import { contentsState } from '../../../utils/atoms'
 
 export default function ToastUIEditor() {
   const toastRef = useRef<Editor>(null)
diff --git a/frontend/src/components/user/FollowListModal.tsx b/frontend/src/components/project/user/FollowListModal.tsx
similarity index 95%
rename from frontend/src/components/user/FollowListModal.tsx
rename to frontend/src/components/project/user/FollowListModal.tsx
index 5edb072f..b1e31576 100644
--- a/frontend/src/components/user/FollowListModal.tsx
+++ b/frontend/src/components/project/user/FollowListModal.tsx
@@ -3,9 +3,9 @@
 import Image from 'next/image'
 import { useEffect, useState } from 'react'
 
-import followerIcon from '../../../public/images/svg/followerIcon.svg'
-import followingIcon from '../../../public/images/svg/followingIcon.svg'
-import LikeIcon from '../../../public/images/svg/likeIcon.svg'
+import followerIcon from '../../../../public/images/svg/followerIcon.svg'
+import followingIcon from '../../../../public/images/svg/followingIcon.svg'
+import LikeIcon from '../../../../public/images/svg/likeIcon.svg'
 
 function modeText(modenumber: number) {
   if (modenumber === 0) {
diff --git a/frontend/src/components/user/WritedPost.tsx b/frontend/src/components/project/user/WritedPost.tsx
similarity index 96%
rename from frontend/src/components/user/WritedPost.tsx
rename to frontend/src/components/project/user/WritedPost.tsx
index cb03011c..13dd5448 100644
--- a/frontend/src/components/user/WritedPost.tsx
+++ b/frontend/src/components/project/user/WritedPost.tsx
@@ -1,7 +1,7 @@
 import Image from 'next/image'
 import Link from 'next/link'
 
-import Like from '../../../public/images/svg/Like.svg'
+import Like from '../../../../public/images/svg/Like.svg'
 
 type GetProjectInfoResponse = {
   id: number
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 548e760a..59c075ab 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -12,35 +12,6 @@
   resolved "https://registry.yarnpkg.com/@alloc/quick-lru/-/quick-lru-5.2.0.tgz#7bf68b20c0a350f936915fcae06f58e32007ce30"
   integrity sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==
 
-"@babel/code-frame@^7.10.4":
-  version "7.22.13"
-  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
-  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
-  dependencies:
-    "@babel/highlight" "^7.22.13"
-    chalk "^2.4.2"
-
-"@babel/helper-validator-identifier@^7.22.20":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
-  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
-
-"@babel/highlight@^7.22.13":
-  version "7.22.20"
-  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54"
-  integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==
-  dependencies:
-    "@babel/helper-validator-identifier" "^7.22.20"
-    chalk "^2.4.2"
-    js-tokens "^4.0.0"
-
-"@babel/runtime@^7.12.5":
-  version "7.23.1"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.1.tgz#72741dc4d413338a91dcb044a86f3c0bc402646d"
-  integrity sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==
-  dependencies:
-    regenerator-runtime "^0.14.0"
-    
 "@aws-crypto/crc32@3.0.0":
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/@aws-crypto/crc32/-/crc32-3.0.0.tgz#07300eca214409c33e3ff769cd5697b57fdd38fa"
@@ -597,6 +568,35 @@
   dependencies:
     tslib "^2.5.0"
 
+"@babel/code-frame@^7.10.4":
+  version "7.22.13"
+  resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.22.13.tgz#e3c1c099402598483b7a8c46a721d1038803755e"
+  integrity sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==
+  dependencies:
+    "@babel/highlight" "^7.22.13"
+    chalk "^2.4.2"
+
+"@babel/helper-validator-identifier@^7.22.20":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz#c4ae002c61d2879e724581d96665583dbc1dc0e0"
+  integrity sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==
+
+"@babel/highlight@^7.22.13":
+  version "7.22.20"
+  resolved "https://registry.yarnpkg.com/@babel/highlight/-/highlight-7.22.20.tgz#4ca92b71d80554b01427815e06f2df965b9c1f54"
+  integrity sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==
+  dependencies:
+    "@babel/helper-validator-identifier" "^7.22.20"
+    chalk "^2.4.2"
+    js-tokens "^4.0.0"
+
+"@babel/runtime@^7.12.5":
+  version "7.23.1"
+  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.23.1.tgz#72741dc4d413338a91dcb044a86f3c0bc402646d"
+  integrity sha512-hC2v6p8ZSI/W0HUzh3V8C5g+NwSKzKPtJwSpTjwl0o297GP9+ZLQSkdvHz46CM3LqyoXxq+5G9komY+eSqSO0g==
+  dependencies:
+    regenerator-runtime "^0.14.0"
+
 "@babel/runtime@^7.20.7":
   version "7.22.15"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.22.15.tgz#38f46494ccf6cf020bd4eed7124b425e83e523b8"
@@ -1231,6 +1231,29 @@
     "@tanstack/query-core" "4.35.7"
     use-sync-external-store "^1.2.0"
 
+"@testing-library/dom@^9.0.0":
+  version "9.3.3"
+  resolved "https://registry.yarnpkg.com/@testing-library/dom/-/dom-9.3.3.tgz#108c23a5b0ef51121c26ae92eb3179416b0434f5"
+  integrity sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==
+  dependencies:
+    "@babel/code-frame" "^7.10.4"
+    "@babel/runtime" "^7.12.5"
+    "@types/aria-query" "^5.0.1"
+    aria-query "5.1.3"
+    chalk "^4.1.0"
+    dom-accessibility-api "^0.5.9"
+    lz-string "^1.5.0"
+    pretty-format "^27.0.2"
+
+"@testing-library/react@^14.0.0":
+  version "14.1.0"
+  resolved "https://registry.yarnpkg.com/@testing-library/react/-/react-14.1.0.tgz#01d64915111db99b50f8361d51d7217606805989"
+  integrity sha512-hcvfZEEyO0xQoZeHmUbuMs7APJCGELpilL7bY+BaJaMP57aWc6q1etFwScnoZDheYjk4ESdlzPdQ33IbsKAK/A==
+  dependencies:
+    "@babel/runtime" "^7.12.5"
+    "@testing-library/dom" "^9.0.0"
+    "@types/react-dom" "^18.0.0"
+
 "@toast-ui/editor-plugin-code-syntax-highlight@^3.1.0":
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/@toast-ui/editor-plugin-code-syntax-highlight/-/editor-plugin-code-syntax-highlight-3.1.0.tgz#3a8b537e03ec495bde8a25d2571a1c28caaa0a4b"
@@ -3412,7 +3435,6 @@ prosemirror-transform@^1.0.0, prosemirror-transform@^1.1.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/prosemirror-transform/-/prosemirror-transform-1.8.0.tgz#a47c64a3c373c1bd0ff46e95be3210c8dda0cd11"
   integrity sha512-BaSBsIMv52F1BVVMvOmp1yzD3u65uC3HTzCBQV1WDPqJRQ2LuHKcyfn0jwqodo8sR9vVzMzZyI+Dal5W9E6a9A==
-
   dependencies:
     prosemirror-model "^1.0.0"