용어사전 기능 추가

Author: 박승범

.eslintrc.json

@@ -0,0 +1,21 @@
+{
+  "extends": [
+    "next/core-web-vitals",
+    "prettier"
+  ],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "error",
+    "react/react-in-jsx-scope": "off",
+    "react/prop-types": "off",
+    "no-unused-vars": "warn",
+    "no-console": "warn",
+    "react-hooks/rules-of-hooks": "error",
+    "react-hooks/exhaustive-deps": "warn"
+  },
+  "env": {
+    "browser": true,
+    "es2021": true,
+    "node": true
+  }
+}

.prettierrc

@@ -0,0 +1,13 @@
+{
+  "semi": false,
+  "trailingComma": "es5",
+  "singleQuote": false,
+  "printWidth": 100,
+  "tabWidth": 2,
+  "useTabs": false,
+  "bracketSpacing": true,
+  "arrowParens": "always",
+  "endOfLine": "auto",
+  "jsxSingleQuote": false,
+  "jsxBracketSameLine": false
+}

components/login-page.tsx app/(auth)/login/page.tsxcomponents/login-page.tsx renamed to app/(auth)/login/page.tsx

@@ -3,18 +3,16 @@
 import type React from "react"
 
 import { useState } from "react"
+import { useRouter } from "next/navigation"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Separator } from "@/components/ui/separator"
 import { TrendingUp, Eye, EyeOff, ArrowLeft } from "lucide-react"
 
-interface LoginPageProps {
-  onNavigate: (page: string) => void
-}
-
-export default function LoginPage({ onNavigate }: LoginPageProps) {
+export default function LoginPage() {
+  const router = useRouter()
   const [showPassword, setShowPassword] = useState(false)
   const [formData, setFormData] = useState({
     email: "",
@@ -33,13 +31,13 @@ export default function LoginPage({ onNavigate }: LoginPageProps) {
     e.preventDefault()
     // 로그인 로직 구현
     console.log("로그인 시도:", formData)
-    onNavigate("dashboard")
+    router.push("/dashboard")
   }
 
   const handleKakaoLogin = () => {
-    // 카카오 로그인 로직 구현
-    console.log("카카오 로그인 시도")
-    onNavigate("dashboard")
+    // 카카오 OAuth URL로 리다이렉트
+    const kakaoAuthUrl = `https://kauth.kakao.com/oauth/authorize?client_id=${process.env.NEXT_PUBLIC_KAKAO_CLIENT_ID}&redirect_uri=${encodeURIComponent(process.env.NEXT_PUBLIC_KAKAO_REDIRECT_URI || '')}&response_type=code`
+    window.location.href = kakaoAuthUrl
   }
 
   return (
@@ -48,7 +46,7 @@ export default function LoginPage({ onNavigate }: LoginPageProps) {
         {/* Header */}
         <div className="text-center mb-8">
           <button
-            onClick={() => onNavigate("dashboard")}
+            onClick={() => router.push("/")}
             className="inline-flex items-center text-blue-600 hover:text-blue-800 mb-4"
           >
             <ArrowLeft className="w-4 h-4 mr-2" />
@@ -149,7 +147,7 @@ export default function LoginPage({ onNavigate }: LoginPageProps) {
 
             <div className="text-center">
               <span className="text-gray-600">아직 계정이 없으신가요? </span>
-              <button onClick={() => onNavigate("signup")} className="text-blue-600 hover:text-blue-800 font-medium">
+              <button onClick={() => router.push("/signup")} className="text-blue-600 hover:text-blue-800 font-medium">
                 회원가입
               </button>
             </div>
@@ -163,4 +161,4 @@ export default function LoginPage({ onNavigate }: LoginPageProps) {
       </div>
     </div>
   )
-}
+}

components/signup-page.tsx app/(auth)/signup/page.tsxcomponents/signup-page.tsx renamed to app/(auth)/signup/page.tsx

@@ -3,6 +3,7 @@
 import type React from "react"
 
 import { useState } from "react"
+import { useRouter } from "next/navigation"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
@@ -12,11 +13,8 @@ import { Progress } from "@/components/ui/progress"
 import { Badge } from "@/components/ui/badge"
 import { TrendingUp, Eye, EyeOff, ArrowLeft, Check, User, Target, BookOpen } from "lucide-react"
 
-interface SignupPageProps {
-  onNavigate: (page: string) => void
-}
-
-export default function SignupPage({ onNavigate }: SignupPageProps) {
+export default function SignupPage() {
+  const router = useRouter()
   const [currentStep, setCurrentStep] = useState(1)
   const [showPassword, setShowPassword] = useState(false)
   const [showConfirmPassword, setShowConfirmPassword] = useState(false)
@@ -64,7 +62,7 @@ export default function SignupPage({ onNavigate }: SignupPageProps) {
 
   const handleKakaoSignup = () => {
     console.log("카카오 회원가입 시도")
-    onNavigate("dashboard")
+    router.push("/dashboard")
   }
 
   const handleNextStep = () => {
@@ -82,7 +80,7 @@ export default function SignupPage({ onNavigate }: SignupPageProps) {
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault()
     console.log("회원가입 완료:", formData)
-    onNavigate("dashboard")
+    router.push("/dashboard")
   }
 
   const renderStepContent = () => {
@@ -373,7 +371,7 @@ export default function SignupPage({ onNavigate }: SignupPageProps) {
         {/* Header */}
         <div className="text-center mb-8">
           <button
-            onClick={() => onNavigate("dashboard")}
+            onClick={() => router.push("/")}
             className="inline-flex items-center text-blue-600 hover:text-blue-800 mb-4"
           >
             <ArrowLeft className="w-4 h-4 mr-2" />
@@ -431,7 +429,7 @@ export default function SignupPage({ onNavigate }: SignupPageProps) {
             {currentStep === 1 && (
               <div className="text-center mt-6">
                 <span className="text-gray-600">이미 계정이 있으신가요? </span>
-                <button onClick={() => onNavigate("login")} className="text-blue-600 hover:text-blue-800 font-medium">
+                <button onClick={() => router.push("/login")} className="text-blue-600 hover:text-blue-800 font-medium">
                   로그인
                 </button>
               </div>
@@ -446,4 +444,4 @@ export default function SignupPage({ onNavigate }: SignupPageProps) {
       </div>
     </div>
   )
-}
+}