Fix/s3 modal

app/create-post/page.tsx

@@ -48,6 +48,10 @@ const genderOptions = [
   { id: "FEMALE", name: "여성만" },
 ]
 
+export const MAX_COST = 1_000_000;
+export const krFormat = new Intl.NumberFormat("ko-KR");
+export const digitsOnly = (s: string) => s.replace(/[^\d]/g, "");
+
 // Google Maps API 타입 선언
 declare global {
   interface Window {
@@ -228,7 +232,7 @@ export default function CreatePostPage() {
   const [isLoadingPlaces, setIsLoadingPlaces] = useState(false)
   const locationInputRef = useRef<HTMLInputElement>(null)
   const predictionsRef = useRef<HTMLDivElement>(null)
-  const GOOGLE_PLACES_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_PLACES_API_KEY || ""
+  const GOOGLE_PLACES_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_PLACES_API_KEY || "AIzaSyAEdB2-APCc2ml50ipMsoTdtKEGOvT6Flc"
 
   // Google Places Autocomplete Service 초기화
   useEffect(() => {
@@ -363,6 +367,14 @@ export default function CreatePostPage() {
     setToasts(prev => prev.filter(toast => toast.id !== id))
   }
 
+  const pad2 = (n: number) => String(n).padStart(2, "0");
+
+  // 로컬 시간 기준 "YYYY-MM-DD"
+  const getTodayStr = () => {
+    const now = new Date();
+    return `${now.getFullYear()}-${pad2(now.getMonth() + 1)}-${pad2(now.getDate())}`;
+  };
+
   const handleParticipantChange = (increment: boolean) => {
     setFormData((prev) => ({
       ...prev,
@@ -375,11 +387,14 @@ export default function CreatePostPage() {
     const file = e.target.files?.[0]
     if (!file) return
 
-    // 파일 타입 체크
-    if (!file.type.startsWith('image/')) {
-      addToast("이미지 파일만 업로드 가능합니다.", 'error')
-      return
-    }
+    const allowedTypes = ['image/jpeg', 'image/png']
+
+    if (!allowedTypes.includes(file.type)) {
+    addToast("이미지는 JPG, PNG만 가능합니다.", 'error')
+
+    e.currentTarget.value = ""
+    return
+  }
 
     setSelectedImage(file)
     setError("")
@@ -411,6 +426,43 @@ export default function CreatePostPage() {
     setError("")
     setSuccessMessage("")
 
+    let hasError = false
+    if (!formData.title) {
+      addToast("제목을 입력하세요.", "error")
+      hasError = true
+    }
+    if (!formData.sport) {
+      addToast("운동 종목을 선택하세요.", "error")
+      hasError = true
+    }
+    if (!formData.location) {
+      addToast("상세 위치를 입력하세요.", "error")
+      hasError = true
+    }
+    if (hasError) {
+      setLoading(false)
+      return
+    }
+
+    if (!formData.date || !formData.time) {
+      setLoading(false)
+      setError("날짜와 시간을 입력해 주세요.")
+      addToast("날짜와 시간을 입력해 주세요.", "error")
+      return
+    }
+
+    // "YYYY-MM-DDTHH:mm(:ss)" → 로컬 기준 Date
+    const timeStr = formData.time.length === 5 ? formData.time + ":00" : formData.time
+    const selected = new Date(`${formData.date}T${timeStr}`)
+    const now = new Date()
+    // '이후'만 허용 → 같거나 과거면 막기
+    if (selected <= now) {
+      setLoading(false)
+      setError("현재 시간 이후로 설정해야 됩니다.")
+      addToast("현재 시간 이후로 설정해야 됩니다.", "error")
+      return
+    }
+
     try {
       const isoDateTime = `${formData.date}T${formData.time}`
 
@@ -441,7 +493,7 @@ export default function CreatePostPage() {
       }
 
       // 토큰 가져오기
-      const token = localStorage.getItem('auth_token') 
+      const token = sessionStorage.getItem('auth_token') 
       console.log('사용 중인 토큰:', token ? '토큰 있음' : '토큰 없음')
 
       const headers: HeadersInit = {}
@@ -546,7 +598,6 @@ export default function CreatePostPage() {
                 value={formData.title}
                 onChange={(e) => setFormData((prev) => ({ ...prev, title: e.target.value }))}
                 className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50"
-                required
               />
             </div>
 
@@ -593,7 +644,6 @@ export default function CreatePostPage() {
                     }
                   }}
                   className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50 pr-12"
-                  required
                 />
                 <MapPin className="absolute right-4 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
 
@@ -649,7 +699,6 @@ export default function CreatePostPage() {
                   value={townOptions.find(opt => opt.value === formData.town)?.label || ""}
                   readOnly
                   className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-100 pr-14 cursor-not-allowed"
-                  required
                 />
 
               </div>
@@ -666,9 +715,23 @@ export default function CreatePostPage() {
                   <Input
                     type="date"
                     value={formData.date}
-                    onChange={(e) => setFormData((prev) => ({ ...prev, date: e.target.value }))}
+                    min={getTodayStr()}
+                    onChange={(e) => {
+                    const today = getTodayStr();
+                    const selected = e.target.value;
+
+                    // 오늘 이전이면 강제로 오늘로 맞추고 에러/토스트
+                    if (selected < today) {
+                      setError("오늘 이후 날짜만 선택 가능합니다.");
+                      addToast?.("오늘 이후 날짜만 선택 가능합니다.", "error");
+                      setFormData((prev) => ({ ...prev, date: today }));
+                      return;
+                    }  else {
+                      setError("");
+                      setFormData((prev) => ({ ...prev, date: selected })); 
+                    }
+                  }}
                     className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50"
-                    required
                   />
                 </div>
                 <div className="space-y-2">
@@ -678,7 +741,6 @@ export default function CreatePostPage() {
                     value={formData.time}
                     onChange={(e) => setFormData((prev) => ({ ...prev, time: e.target.value }))}
                     className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50"
-                    required
                   />
                 </div>
               </div>
@@ -738,15 +800,27 @@ export default function CreatePostPage() {
               <Label className="text-lg font-semibold text-gray-900">1인당 참가비</Label>
               <div className="relative">
                 <Input
-                  type="number"
+                  type="text"
+                  inputMode="numeric"
                   placeholder="0"
-                  value={formData.cost}
-                  onChange={(e) => setFormData((prev) => ({ ...prev, cost: e.target.value }))}
-                  className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50 pr-12"
-                />
+                  value={formData.cost ? krFormat.format(Number(formData.cost)) : ""}
+                    onChange={(e) => {
+                      // 입력값에서 숫자만 추출
+                      const digits = e.target.value.replace(/[^\d]/g, "")
+                      if (digits === "") {
+                        setFormData(prev => ({ ...prev, cost: "" }))
+                        return
+                      }
+                      // 상한선 적용
+                      const clamped = Math.min(parseInt(digits, 10), MAX_COST)
+                      // 상태엔 "숫자 문자열"로만 저장 (콤마 없음)
+                      setFormData(prev => ({ ...prev, cost: String(clamped) }))
+                    }}
+                    className="h-14 text-lg border-2 border-gray-200 rounded-2xl focus:border-black focus:ring-0 bg-gray-50 pr-12"
+                  />
                 <span className="absolute right-4 top-1/2 -translate-y-1/2 text-lg font-medium text-gray-600">원</span>
               </div>
-            </div>
+            </div>      
 
             <div className="space-y-4">
               <Label className="text-lg font-semibold text-gray-900">구장 이미지</Label>

app/login/find-email/page.tsx

@@ -0,0 +1,75 @@
+"use client"
+
+import { useState } from "react"
+import { apiClient } from "@/lib/api-client"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import Link from "next/link"
+
+export default function FindEmailPage() {
+  const [nickname, setNickname] = useState("")
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState<string | null>(null)
+  const [maskedEmail, setMaskedEmail] = useState<string | null>(null)
+
+  const onSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setLoading(true); setError(null); setMaskedEmail(null)
+    try {
+      const res = await apiClient.findEmail(nickname.trim())
+      const email = (res as any)?.data?.email ?? (res as any)?.email
+      if (!email) {
+        setError("일치하는 계정이 없습니다.")
+      } else {
+        setMaskedEmail(email) // 마스킹된 이메일이 내려옴
+      }
+    } catch (e: any) {
+      setError(e?.message || "조회 중 오류가 발생했습니다.")
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-6">
+      <div className="w-full max-w-sm">
+        <h1 className="text-2xl font-bold mb-6">이메일 찾기</h1>
+
+        {error && <div className="mb-4 p-3 rounded bg-red-50 text-red-600">{error}</div>}
+        {maskedEmail && (
+          <div className="mb-4 p-3 rounded bg-green-50 text-green-700">
+            이메일: <span className="font-semibold">{maskedEmail}</span>
+          </div>
+        )}
+
+        <form onSubmit={onSubmit} className="space-y-6">
+          <div>
+            <Label htmlFor="nickname" className="mb-3 block">닉네임</Label>
+            <Input
+              id="nickname"
+              value={nickname}
+              onChange={(e) => setNickname(e.target.value)}
+              placeholder="닉네임을 입력하세요"
+              required
+            />
+          </div>
+          <Button type="submit" className="w-full" disabled={loading || !nickname.trim()}>
+            {loading ? "조회 중..." : "이메일 조회"}
+          </Button>
+        </form>
+
+        <div className="mt-6 text-sm text-gray-600">
+          비밀번호가 기억나지 않나요?{" "}
+          <Link href="/login/forgot-password" className="text-blue-500 hover:text-blue-600 font-semibold text-sm transition-colors">
+            비밀번호 재설정
+          </Link>
+        </div>
+
+        <div className="mt-3 text-sm">
+          <Link href="/login" className="text-blue-500 hover:text-blue-600 font-semibold transition-colors">← 로그인으로 돌아가기</Link>
+        </div>
+      </div>
+    </div>
+  )
+}

app/login/forgot-password/page.tsx

@@ -0,0 +1,79 @@
+"use client"
+
+import { useState } from "react"
+import { apiClient } from "@/lib/api-client"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import Link from "next/link"
+
+export default function ForgotPasswordPage() {
+  const [email, setEmail] = useState("")
+  const [loading, setLoading] = useState(false)
+  const [notice, setNotice] = useState<string | null>(null)
+  const [error, setError] = useState<string | null>(null)
+
+  const onSubmit = async (e: React.FormEvent) => {
+  e.preventDefault()
+  setLoading(true); setError(null); setNotice(null)
+  try {
+    const res = await apiClient.requestPasswordReset(email.trim())
+
+    if (res?.code === "USER208") {
+      setNotice("비밀번호 재설정 링크를 이메일로 보냈습니다. 받은 편지함/스팸함을 확인하세요.")
+      return
+    }
+
+    if (res?.code === "USER408") {
+      setError("가입된 이메일이 아닙니다.")
+      return
+    }
+
+  } catch (err: any) {
+    const code =
+      err?.code ||
+      err?.response?.data?.code ||
+      err?.data?.code
+
+    if (code === "USRE208") {
+      setNotice("비밀번호 재설정 링크를 이메일로 보냈습니다. 받은 편지함/스팸함을 확인하세요.")
+    } else if (code === "USER408") {
+      setError("가입된 이메일이 아닙니다.")
+    }
+    else {
+      setError(err?.response?.data?.message || err?.message || "비밀번호 재설정 요청 중 오류가 발생했습니다.")
+    }
+  } finally {
+    setLoading(false)
+  }
+}
+
+
+  return (
+    <div className="min-h-screen flex items-center justify-center px-6">
+      <div className="w-full max-w-sm">
+        <h1 className="text-2xl font-bold mb-6">비밀번호 재설정</h1>
+
+        {error && <div className="mb-4 p-3 rounded bg-red-50 text-red-600">{error}</div>}
+        {notice && <div className="mb-4 p-3 rounded bg-green-50 text-green-700">{notice}</div>}
+
+        <form onSubmit={onSubmit} className="space-y-6">
+          <div>
+            <Label htmlFor="email" className="mb-3 block">가입 이메일</Label>
+            <Input id="email" type="email" value={email}
+              onChange={(e) => setEmail(e.target.value)} placeholder="email@example.com" required />
+          </div>
+          <Button type="submit" className="w-full" disabled={loading || !email.trim()}>
+            {loading ? "요청 중..." : "재설정 링크 보내기"}
+          </Button>
+        </form>
+
+        <div className="mt-6 text-sm">
+          <Link href="/login" className="text-blue-500 hover:text-blue-600 font-semibold transition-colors">
+            ← 로그인으로 돌아가기
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}