의존성 추가

hamsurang · Mar 16, 2024 · 6ba69be · 6ba69be
1 parent 99e2ab9
commit 6ba69be
Show file tree

Hide file tree

Showing 11 changed files with 348 additions and 508 deletions.
diff --git a/apps/people/package.json b/apps/people/package.json
@@ -10,7 +10,10 @@
     "start": "next start -p 4001"
   },
   "dependencies": {
+    "@emotion/react": "^11.11.4",
+    "@jsxcss/emotion": "^1.3.9",
     "clsx": "^2.1.0",
+    "framer-motion": "^11.0.14",
     "next": "^14.1.3",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
@@ -20,9 +23,6 @@
     "@hamsurang/tsconfig": "workspace:*",
     "@next/eslint-plugin-next": "^14.1.3",
     "@types/react": "^18.2.65",
-    "@types/react-dom": "^18.2.21",
-    "autoprefixer": "^10.4.18",
-    "postcss": "^8.4.35",
-    "tailwindcss": "^3.4.1"
+    "@types/react-dom": "^18.2.21"
   }
 }
diff --git a/apps/people/postcss.config.js b/apps/people/postcss.config.js
diff --git a/apps/people/prettier.config.mjs b/apps/people/prettier.config.mjs
diff --git a/apps/people/src/app/global.css b/apps/people/src/app/global.css
diff --git a/apps/people/src/app/layout.tsx b/apps/people/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from 'next'
-import './global.css'
+import Providers from './providers'
 
 export const metadata: Metadata = {
   title: 'hamsurang - people',
@@ -12,7 +12,9 @@ export default function RootLayout({
 }) {
   return (
     <html lang="en">
-      <body>{children}</body>
+      <body>
+        <Providers>{children}</Providers>
+      </body>
     </html>
   )
 }
diff --git a/apps/people/src/app/page.tsx b/apps/people/src/app/page.tsx
@@ -1,3 +1,14 @@
+import { Stack } from '@jsxcss/emotion'
+
 export default function Home() {
-  return <div className="-mt-5 ml-4 mr-4 flex flex-1 justify-center">page</div>
+  return (
+    <div>
+      <Stack spacing={10}>
+        <div>hi</div>
+        <div>hi</div>
+        <div>hi</div>
+        <div>hi</div>
+      </Stack>
+    </div>
+  )
 }
diff --git a/apps/people/src/app/providers.tsx b/apps/people/src/app/providers.tsx
@@ -0,0 +1,6 @@
+import { MediaQueryProvider } from '@jsxcss/emotion'
+import { type ReactNode } from 'react'
+
+export default function Providers({ children }: { children: ReactNode }) {
+  return <MediaQueryProvider>{children}</MediaQueryProvider>
+}
diff --git a/apps/people/tailwind.config.js b/apps/people/tailwind.config.js
diff --git a/apps/people/tsconfig.json b/apps/people/tsconfig.json
@@ -16,13 +16,20 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next",
-      },
+        "name": "next"
+      }
     ],
     "paths": {
-      "~/*": ["./src/*"],
-    },
+      "~/*": ["./src/*"]
+    }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", "./.eslintrc.cjs", "next.config.js", "prettier.config.mjs"],
-  "exclude": ["node_modules", ".next"],
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "./.eslintrc.cjs",
+    "next.config.js"
+  ],
+  "exclude": ["node_modules", ".next"]
 }
diff --git a/package.json b/package.json
@@ -19,7 +19,6 @@
     "husky": "^9.0.11",
     "lint-staged": "^15.2.2",
     "prettier": "^3.2.5",
-    "prettier-plugin-tailwindcss": "^0.5.12",
     "sherif": "^0.8.1",
     "turbo": "^1.12.5",
     "typescript": "^5.4.2"