leeunduck · leeunduck · Oct 2, 2025 · Oct 2, 2025 · Oct 2, 2025 · Oct 2, 2025
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -1,71 +1 @@
-<<<<<<< HEAD
-<<<<<<< HEAD
-pnpm lint-staged
-=======
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-echo "🔎 pre-commit: lint-staged 실행 및 최종 점검 시작"
-
-# 0) 커밋에 포함된 파일 목록 (추가/복사/수정)
-STAGED_FILES="$(git diff --name-only --cached --diff-filter=ACMR)"
-if [ -z "$STAGED_FILES" ]; then
-  echo "ℹ️  스테이징된 파일이 없습니다. 건너뜁니다."
-  exit 0
-fi
-
-# 1) 변경 파일만 자동 수정 (eslint --fix, prettier --write)
-if ! pnpm lint-staged; then
-  echo
-  echo "❌ lint-staged 단계에서 오류가 발생했습니다."
-  echo "   - 자동수정 불가한 린트 에러가 있을 수 있어요."
-  echo "   - 로컬에서 'pnpm lint'로 에러를 확인하고 수정한 뒤 다시 커밋하세요."
-  exit 1
-fi
-
-# 2) 최종 점검: 스테이징된 파일만 대상으로 검사(수정 없이 실패만 감지)
-PRETTIER_FAIL=0
-ESLINT_FAIL=0
-
-# 개행만 구분자로 사용 (공백 포함 파일명 안전)
-IFS="$(printf '\n')"
-for f in $STAGED_FILES; do
-  case "$f" in
-    *.js|*.jsx|*.ts|*.tsx|*.json|*.css|*.md)
-      # Prettier 포맷 준수 확인 (수정 없이 검사)
-      pnpm -s prettier --check "$f" || PRETTIER_FAIL=1
-      ;;
-  esac
-done
-
-for f in $STAGED_FILES; do
-  case "$f" in
-    *.js|*.jsx|*.ts|*.tsx)
-      # ESLint 최종 확인 (수정 없이 검사)
-      pnpm -s eslint --max-warnings=0 "$f" || ESLINT_FAIL=1
-      ;;
-  esac
-done
-unset IFS
-
-if [ "$PRETTIER_FAIL" -ne 0 ]; then
-  echo
-  echo "❌ Prettier 포맷 위반이 남아 있습니다."
-  echo "   - 'pnpm format' 후 다시 커밋하세요."
-  exit 1
-fi
-
-if [ "$ESLINT_FAIL" -ne 0 ]; then
-  echo
-  echo "❌ ESLint 위반이 남아 있습니다."
-  echo "   - 'pnpm lint:fix' 또는 수동 수정 후 다시 커밋하세요."
-  exit 1
-fi
-
-COUNT="$(printf '%s\n' "$STAGED_FILES" | wc -l | tr -d ' ')"
-echo "✅ pre-commit 통과: ${COUNT}개 파일 점검 완료"
-exit 0
->>>>>>> 382ffc3 (Chore/code style commit convention)
-=======
-pnpm lint-staged
->>>>>>> 103f47c (Chore/lucide react)
+pnpm lint-staged
diff --git a/package.json b/package.json
@@ -25,13 +25,15 @@
   "dependencies": {
     "@fontsource/pretendard": "^5.2.5",
     "@radix-ui/react-slot": "^1.2.3",
+    "@tanstack/react-query": "^5.90.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.544.0",
     "next": "15.5.3",
     "react": "19.1.0",
     "react-dom": "19.1.0",
-    "tailwind-merge": "^3.3.1"
+    "tailwind-merge": "^3.3.1",
+    "zustand": "^5.0.8"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.8.1",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,5 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
+import { Providers } from "./providers";
 
 export const metadata: Metadata = {
   title: "Custom Daily Planner",
@@ -9,7 +10,23 @@ export const metadata: Metadata = {
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="ko">
-      <body>{children}</body>
+      <body>
+        {/*
+          Providers로 감싸는 이유:
+          - React Query의 QueryClientProvider를 전역 적용
+          - 모든 하위 컴포넌트가 동일한 client & cache 공유
+          - useQuery, useMutation 훅이 어디서든 정상 동작
+        */}
+        {/* 
+          ✅ 추후 확장 예시:
+          <AuthProvider>
+            <ThemeProvider>
+              <Providers>{children}</Providers>
+            </ThemeProvider>
+          </AuthProvider>
+        */}
+        <Providers>{children}</Providers>
+      </body>
     </html>
   );
 }
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
@@ -0,0 +1,17 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactNode, useState } from "react";
+
+export function Providers({ children }: { children: ReactNode }) {
+  const [client] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: { retry: 2, refetchOnWindowFocus: false, staleTime: 30_000, gcTime: 5 * 60_000 },
+        },
+      }),
+  );
+
+  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;
+}
diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx
@@ -9,7 +9,7 @@ function Input({ className, type, ...props }: React.ComponentProps<"input">) {
       data-slot="input"
       className={cn(
         // 크기/레이아웃
-        "h-10 w-full min-w-0 rounded-md px-3 py-2 text-sm outline-none transition-colors",
+        "h-12 w-full min-w-0 rounded-md px-3 py-2 text-sm outline-none transition-colors",
         // 기본 텍스트/배경
         "bg-white text-[#111827]",
         // 기본 테두리(1px, 회색)

diff --git a/src/stores/useUserStore.ts b/src/stores/useUserStore.ts
@@ -0,0 +1,18 @@
+import { create } from "zustand";
+
+type UserState = {
+  userId: string | null;
+  setUserId: (id: string | null) => void;
+  reset: () => void;
+  // 앞으로 확장될 수 있는 전역 UI 상태 예시
+  theme: "light" | "dark";
+  toggleTheme: () => void;
+};
+
+export const useUserStore = create<UserState>((set) => ({
+  userId: null,
+  setUserId: (id) => set({ userId: id }),
+  reset: () => set({ userId: null }),
+  theme: "light",
+  toggleTheme: () => set((s) => ({ theme: s.theme === "light" ? "dark" : "light" })),
+}));