YAPP-Github · seueooo · Jul 14, 2025 · Jul 13, 2025 · Jul 13, 2025 · Jul 13, 2025
@@ -10,7 +10,7 @@ tone_instructions: |
   보안, 성능, 유지보수성에 중점을 두고 리뷰해주세요.
 
 reviews:
-  profile: 'assertive'   # 리뷰 스타일: assertive(엄격), chill(관대)
+  profile: 'chill'   # 리뷰 스타일: assertive(엄격), chill(관대)
   request_changes_workflow: false
   high_level_summary: true   # PR 요약 생성
   poem: false   # 시(POEM) 생성 비활성화

@@ -5,7 +5,7 @@ const config: StorybookConfig = {
     "../shared/**/*.mdx",
     "../shared/**/*.stories.@(js|jsx|mjs|ts|tsx)",
   ],
-  addons: ["@storybook/addon-onboarding"],
+  addons: ["@storybook/addon-onboarding", "@storybook/addon-docs"],
   framework: {
     name: "@storybook/nextjs",
     options: {},

@@ -0,0 +1,26 @@
+import type { Preview } from "@storybook/nextjs";
+import { themeClass } from "../shared/styles/base/theme.css";
+
+// Global styles import
+import "@/shared/styles/base/global.css";
+import "@/shared/styles/base/reset.css";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+  decorators: [
+    (Story) => (
+      <div className={themeClass}>
+        <Story />
+      </div>
+    ),
+  ],
+};
+
+export default preview;
@@ -1,7 +1,7 @@
 {
   "editor.codeActionsOnSave": {
-    "source.organizeImports.biome": "explicit",
-    "source.fixAll.biome": "explicit"
+    "source.organizeImports.biome": "always",
+    "source.fixAll.biome": "always"
   },
   "editor.defaultFormatter": "biomejs.biome",
   "editor.formatOnSave": true

@@ -0,0 +1,9 @@
+const Explore = () => {
+  return (
+    <div>
+      <h1>explore</h1>
+    </div>
+  );
+};
+
+export default Explore;
@@ -0,0 +1,16 @@
+import type { ReactNode } from "react";
+
+import NavHome from "@/shared/ui/nav-home/nav-home";
+
+export default function MainLayout({
+  children,
+}: {
+  children: ReactNode;
+}) {
+  return (
+    <div>
+      <NavHome />
+      {children}
+    </div>
+  );
+}
@@ -0,0 +1,9 @@
+const My = () => {
+  return (
+    <div>
+      <h1>my</h1>
+    </div>
+  );
+};
+
+export default My;
@@ -0,0 +1,9 @@
+const Setting = () => {
+  return (
+    <div>
+      <h1>setting</h1>
+    </div>
+  );
+};
+
+export default Setting;
@@ -3,10 +3,15 @@ import { pretendard } from "@/shared/styles/base/font";
 import type { Metadata } from "next";
 import type { ReactNode } from "react";
 
-// TODO: 추후 수정
+import "@/shared/styles/base/global.css";
+import "@/shared/styles/base/reset.css";
+import { globalLayout, rootStyle } from "@/shared/styles/base/global.css";
+import { themeClass } from "@/shared/styles/base/theme.css";
+import SprinkleContainer from "@/shared/ui/sprinkle-container/sprinkle-container";
 
+// TODO: 추후 수정
 export const metadata: Metadata = {
-  title: "Create Next App",
+  title: "Lettie",
   description: "Generated by create next app",
 };
 
@@ -16,9 +21,12 @@ export default function RootLayout({
   children: ReactNode;
 }>) {
   return (
-    <html lang="ko" className={pretendard.className}>
-      <body>
-        <Providers>{children}</Providers>
+    <html lang="ko" className={`${pretendard.className} ${themeClass}`}>
+      <body className={rootStyle}>
+        <Providers>
+          <div className={globalLayout}>{children}</div>
+        </Providers>
+        <SprinkleContainer />
       </body>
     </html>
   );

@@ -1,10 +1,12 @@
-import Link from "next/link";
+import NavHome from "@/shared/ui/nav-home/nav-home";
 
 const Home = () => {
   return (
     <div>
-      <h1>Home</h1>
-      <Link href="/about">About</Link>
+      <NavHome />
+      <main>
+        <h1>Home</h1>
+      </main>
     </div>
   );
 };

@@ -23,6 +23,7 @@
     "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
     "ky": "^1.8.1",
+    "motion": "^12.23.3",
     "next": "15.3.5",
     "next-plugin-svgr": "^1.1.12",
     "pretendard": "^1.3.9",
@@ -34,6 +35,7 @@
     "@commitlint/cli": "^19.8.1",
     "@commitlint/config-conventional": "^19.8.1",
     "@playwright/test": "^1.53.1",
+    "@storybook/addon-docs": "^9.0.16",
     "@storybook/addon-onboarding": "^9.0.1",
     "@storybook/nextjs": "^9.0.1",
     "@types/node": "^22.0.0",
@@ -43,7 +45,7 @@
     "@vanilla-extract/webpack-plugin": "^2.3.19",
     "chromatic": "^12.0.0",
     "lefthook": "^1.11.13",
-    "storybook": "^9.0.1",
+    "storybook": "^9.0.16",
     "typescript": "^5"
   }
 }