From 15c2100ba27b879092b64ffd0d9a088aac0520ed Mon Sep 17 00:00:00 2001
From: corpi <lj845854@gmail.com>
Date: Fri, 13 Feb 2026 11:36:21 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EC=84=A4=EC=A0=95=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EC=83=9D=EC=84=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/settings/page.tsx | 40 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)
 create mode 100644 src/app/settings/page.tsx

diff --git a/src/app/settings/page.tsx b/src/app/settings/page.tsx
new file mode 100644
index 0000000..23025d5
--- /dev/null
+++ b/src/app/settings/page.tsx
@@ -0,0 +1,40 @@
+'use client';
+
+import { useEffect, useState } from 'react';
+import { getPreferences, savePreferences } from '@/lib/store';
+
+export default function SettingsPage() {
+  const [hideSeconds, setHideSeconds] = useState(false);
+
+  useEffect(() => {
+    const prefs = getPreferences();
+    setHideSeconds(prefs.hideSeconds);
+  }, []);
+
+  const handleToggle = () => {
+    const newValue = !hideSeconds;
+    setHideSeconds(newValue);
+    savePreferences({ hideSeconds: newValue });
+  };
+
+  return (
+    <div className="p-6">
+      <h1 className="text-xl font-bold text-slate-100 mb-8">설정</h1>
+      
+      <div className="space-y-6">
+        <div className="flex items-center justify-between bg-slate-900/40 p-4 rounded-xl border border-slate-800">
+          <div>
+            <h3 className="font-medium text-slate-200">초 단위 숨기기</h3>
+            <p className="text-xs text-slate-500">타이머에서 분 단위만 표시하여 불안감을 줄입니다.</p>
+          </div>
+          <button 
+            onClick={handleToggle}
+            className={`w-12 h-6 rounded-full transition-colors relative ${hideSeconds ? 'bg-indigo-600' : 'bg-slate-700'}`}
+          >
+            <div className={`absolute top-1 w-4 h-4 rounded-full bg-white transition-transform ${hideSeconds ? 'left-7' : 'left-1'}`} />
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}