refactor: FSD 아키텍처를 수정한다

.eslintrc.json → .eslintrc

@@ -1,6 +1,6 @@
 {
   "plugins": ["unused-imports", "simple-import-sort", "@tanstack/query"],
-  "extends": ["next", "prettier", "plugin:storybook/recommended"],
+  "extends": ["next", "prettier"],
   "rules": {
     "no-console": [
       "warn",

app/(site)/@modal/(.)i/image/[...info]/page.tsx

@@ -1,4 +1,4 @@
-import { MovieImageModal } from '@/entities/modal'
+import { MovieImageModal } from '@/widgets/modal/section'
 
 type Props = {
   params: { info: [movieId: string, 'poster' | 'backdrop', imageUrl: string] }

app/(site)/@modal/(.)i/info/[movieId]/page.tsx

@@ -1,4 +1,4 @@
-import { MovieDetailModal } from '@/entities/modal'
+import { MovieDetailModal } from '@/widgets/modal/section'
 
 type Props = {
   params: {

app/(site)/@modal/(.)i/sign-in/page.tsx

@@ -1,4 +1,4 @@
-import { SignInModal } from '@/entities/modal/SignInModal'
+import { SignInModal } from '@/widgets/auth/SignInModal'
 
 export default function Page() {
   return <SignInModal />

app/(site)/@modal/(.)i/sign-up/page.tsx

@@ -1,4 +1,4 @@
-import { SignUpModal } from '@/entities/modal'
+import { SignUpModal } from '@/widgets/auth'
 
 export default function Page() {
   return <SignUpModal />

app/(site)/i/image/[...info]/page.tsx

@@ -1,4 +1,4 @@
-import { MovieImageModal } from '@/entities/modal'
+import { MovieImageModal } from '@/widgets/modal/section'
 
 type Props = {
   params: { info: [string, 'backdrop' | 'poster', string] }

app/(site)/i/info/[movieId]/page.tsx

@@ -1,6 +1,6 @@
 'use client'
 
-import { MovieDetailModal } from '@/entities/modal'
+import { MovieDetailModal } from '@/widgets/modal/section'
 
 type Props = {
   params: {

app/(site)/layout.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react'
 
-import { Footer, Header } from '@/widgets/layout'
+import { Footer, Header } from '@/widgets/layout/section'
 
 import styles from './layout.module.scss'
 

app/(site)/list/[type]/page.tsx

@@ -1,8 +1,8 @@
 import { notFound } from 'next/navigation'
 
-import { MovieType } from '@/shared/api/model/movie-info'
-import RQProvider from '@/shared/lib/react-query/RQProvider'
-import { InfinityListPage } from '@/views'
+import { MovieType } from '@/entities/movie/model/movie'
+import { RQProvider } from '@/shared/ui'
+import { ListPage } from '@/views'
 
 type Props = {
   params: {
@@ -17,7 +17,7 @@ export default function Page({ params: { type } }: Props) {
     case 'top-rated':
       return (
         <RQProvider>
-          <InfinityListPage type={type} />
+          <ListPage type={type} />
         </RQProvider>
       )
     default:

app/(site)/profile/famous/page.tsx

@@ -1,4 +1,4 @@
-import { FamousBody } from '@/widgets/profile'
+import { FamousBody } from '@/widgets/profile/section'
 
 type Props = {
   searchParams: {

app/(site)/profile/layout.module.scss

@@ -8,7 +8,7 @@
   gap: 20px;
 }
 
-.section {
+.rightSection {
   width: calc(100% - 200px);
   min-height: 700px;
   border-radius: 20px;

app/(site)/profile/layout.tsx

@@ -1,14 +1,14 @@
 import { PropsWithChildren } from 'react'
 
-import { ProfileNavBar } from '@/widgets/profile'
+import { ProfileNavBar } from '@/widgets/profile/section'
 
 import styles from './layout.module.scss'
 
 export default function Layout({ children }: PropsWithChildren) {
   return (
     <div className={styles.container}>
       <ProfileNavBar />
-      <section className={styles.section}>{children}</section>
+      <section className={styles.rightSection}>{children}</section>
     </div>
   )
 }

app/(site)/profile/like/page.tsx

@@ -1,4 +1,4 @@
-import { LikeBody } from '@/widgets/profile'
+import { LikeBody } from '@/widgets/profile/section'
 
 type Props = {
   searchParams: {

app/(site)/profile/page.tsx

@@ -1,5 +1,5 @@
-import { ProfilePage } from '@/views'
+import { ProfileBody } from '@/widgets/profile/section'
 
 export default function Page() {
-  return <ProfilePage />
+  return <ProfileBody />
 }

app/(site)/profile/review/page.tsx

@@ -1,4 +1,4 @@
-import { ReviewBody } from '@/widgets/profile'
+import { ReviewBody } from '@/widgets/profile/section'
 
 type Props = {
   searchParams: {

app/layout.tsx

@@ -3,7 +3,7 @@ import './global.scss'
 import type { Metadata } from 'next'
 import { ReactNode } from 'react'
 
-import Provider from '@/app/Provider'
+import Provider from '@/app/provider/Provider'
 
 export const metadata: Metadata = {
   title: 'Movie Connect',

package.json

@@ -8,8 +8,6 @@
     "start": "next start",
     "lint": "next lint",
     "prepare": "husky install",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
     "format:fix": "prettier --write"
   },
   "lint-staged": {
@@ -41,21 +39,10 @@
     "react-dom": "^18.2.0",
     "react-intersection-observer": "^9.10.0",
     "react-youtube": "^10.1.0",
-    "sass": "^1.75.0",
-    "storybook": "8.0.6"
+    "sass": "^1.75.0"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "1.2.26",
     "@next/eslint-plugin-next": "^14.1.4",
-    "@storybook/addon-essentials": "^8.0.6",
-    "@storybook/addon-interactions": "^8.0.6",
-    "@storybook/addon-links": "^8.0.6",
-    "@storybook/addon-onboarding": "^8.0.6",
-    "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/blocks": "^8.0.6",
-    "@storybook/nextjs": "^8.0.6",
-    "@storybook/react": "^8.0.6",
-    "@storybook/test": "^8.0.6",
     "@tanstack/eslint-plugin-query": "^5.28.11",
     "@types/node": "^20.12.5",
     "@types/react": "^18.2.74",