[Refactor] 어드민과 서비스 페이지 그룹화

[aken-you]

☘️ 작업 내용

라우트 그룹

모각코 때 공유드린 것처럼 admin과 service 라우트 그룹을 만들었습니다.
어드민 페이지와 그 외의 페이지 서로 layout이 달라서 그룹을 만들었어요.

app
 ┣ (admin)
 ┃ ┣ admin
 ┃ ┃ ┗ page.tsx
 ┃ ┗ layout.tsx
 ┣ (service)
 ┃ ┣ (my)
 ┃ ┃ ┣ my-page
 ┃ ┃ ┃ ┗ page.tsx
 ┃ ┃ ┣ my-study
 ┃ ┃ ┃ ┗ page.tsx
 ┃ ┃ ┣ my-study-review
 ┃ ┃ ┃ ┗ page.tsx
 ┃ ┃ ┗ layout.tsx
 ┃ ┣ login
 ┃ ┃ ┗ page.tsx
 ┃ ┣ redirection
 ┃ ┃ ┗ page.tsx
 ┃ ┣ sign-up
 ┃ ┃ ┗ page.tsx
 ┃ ┣ layout.tsx
 ┃ ┗ page.tsx
 ┣ global.css
 ┗ not-found.tsx

이렇게 그룹을 지으면, app/layout.tsx를 만들 수 없더라구요. (공식문서)
그래서 app/(admin)/layout.tsx와 app/(service)/layout.tsx 공통되는 코드를 app/layout.tsx에 둘 수 없었습니다.

To create multiple root layouts, remove the top-level layout.js file, and add a layout.js file inside each route group. This is useful for partitioning an application into sections that have a completely different UI or experience. The and tags need to be added to each root layout.

어드민 페이지

사이드바와 테이블 UI 정도 만들었고, 없는 UI는 기능 구현할 때 붙일 예정입니다.
어드민 페이지 경로는 /admin입니다. 현재는 주소창에 직접 입력하여 접속 부탁드립니다.

[yeun38]

네! 확인했습니다:)