Myong

package.json

@@ -1,4 +1,3 @@
-
 {
   "name": "final-project-app",
   "version": "0.1.0",
@@ -24,13 +23,13 @@
     "@tailwindcss/postcss": "^4",
     "@types/bcrypt": "^5.0.2",
     "@types/jsonwebtoken": "^9.0.9",
-    "@types/node": "^20",
-    "@types/react": "^19",
+    "@types/node": "20.17.45",
+    "@types/react": "19.1.3",
     "@types/react-dom": "^19",
     "eslint": "^9",
     "eslint-config-next": "15.3.1",
     "prisma": "^6.7.0",
     "tailwindcss": "^4",
-    "typescript": "^5"
+    "typescript": "5.8.3"
   }
 }

src/pages/_app.tsx

@@ -1,11 +1,24 @@
 // src/pages/_app.tsx
+
+// next-auth에서 SessionProvider를 import 합니다.
 import { SessionProvider } from 'next-auth/react';
+// 글로벌 CSS 파일을 올바른 경로로 import 합니다.
+// './globals.css' 경로는 실제 파일 위치에 맞게 수정해야 합니다.
+// 만약 globals.css가 src/globals.css에 있다면 '../globals.css'
+// 만약 globals.css가 src/styles/globals.css에 있다면 '../styles/globals.css'
+// 만약 globals.css가 src/pages/globals.css에 있다면 './globals.css'
+import './globals.css';
+
 import type { AppProps } from 'next/app';
 
-export default function App({ Component, pageProps: { session, ...pageProps } }: AppProps) {
+function MyApp({ Component, pageProps }: AppProps) {
+  // 애플리케이션의 모든 페이지 컴포넌트와 하위 컴포넌트들이
+  // 세션 정보에 접근할 수 있도록 SessionProvider로 감쌉니다.
   return (
-    <SessionProvider session={session}>
+    <SessionProvider session={pageProps.session}>
       <Component {...pageProps} />
     </SessionProvider>
   );
 }
+
+export default MyApp;

src/pages/layout.tsx

@@ -1,6 +1,5 @@
-import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
-import "./globals.css";
+
 
 const geistSans = Geist({
   variable: "--font-geist-sans",
@@ -12,11 +11,6 @@ const geistMono = Geist_Mono({
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = {
-  title: "Create Next App",
-  description: "Generated by create next app",
-};
-
 export default function RootLayout({
   children,
 }: Readonly<{