Fix/s3 modal

app/create-post/page.tsx

@@ -106,6 +106,100 @@ const Toast = ({ message, type, onClose }: { message: string; type: 'success' |
   </div>
 )
 
+// 지역 매핑 함수
+const getRegionFromAddress = (address: string): string => {
+  const addressLower = address.toLowerCase();
+
+  // 1단계: 도/광역시명이 직접 포함된 경우 우선 매칭
+  const primaryMapping = [
+    { keywords: ['서울특별시', '서울시', '서울'], value: 'SEOUL' },
+    { keywords: ['경기도', '경기'], value: 'GYEONGGI' },
+    { keywords: ['강원도', '강원특별자치도', '강원'], value: 'GANGWON' },
+    { keywords: ['대전광역시', '대전시'], value: 'DAEJEON' },
+    { keywords: ['대구광역시', '대구시'], value: 'DAEGU' },
+    { keywords: ['인천광역시', '인천시'], value: 'INCHEON' },
+    { keywords: ['광주광역시', '광주시'], value: 'GWANGJU' },
+    { keywords: ['울산광역시', '울산시'], value: 'ULSAN' },
+    { keywords: ['부산광역시', '부산시'], value: 'BUSAN' },
+    { keywords: ['세종특별자치시', '세종시'], value: 'SEJONG' },
+    { keywords: ['충청남도', '충남'], value: 'CHUNGNAM' },
+    { keywords: ['충청북도', '충북'], value: 'CHUNGBUK' },
+    { keywords: ['전라북도', '전북'], value: 'JEONBUK' },
+    { keywords: ['전라남도', '전남'], value: 'JEONNAM' },
+    { keywords: ['경상북도', '경북'], value: 'GYEONGBUK' },
+    { keywords: ['경상남도', '경남'], value: 'GYEONGNAM' },
+    { keywords: ['제주특별자치도', '제주도'], value: 'JEJU' },
+  ];
+
+  // 1단계 매칭 시도
+  for (const region of primaryMapping) {
+    for (const keyword of region.keywords) {
+      if (addressLower.includes(keyword)) {
+        return region.value;
+      }
+    }
+  }
+
+  // 2단계: 고유한 시/군명으로 매칭 (중복되지 않는 것들만)
+  const uniqueCityMapping = [
+    // 경기도 고유 시/군
+    { keywords: ['수원시', '성남시', '고양시', '용인시', '부천시', '안산시', '안양시', '남양주시', '화성시', '평택시', '의정부시', '시흥시', '파주시', '광명시', '김포시', '군포시', '이천시', '양주시', '오산시', '구리시', '안성시', '포천시', '의왕시', '하남시', '여주시', '여주군', '양평군', '동두천시', '과천시', '가평군', '연천군'], value: 'GYEONGGI' },
+
+    // 강원도 고유 시/군
+    { keywords: ['춘천시', '원주시', '강릉시', '동해시', '태백시', '속초시', '삼척시', '홍천군', '횡성군', '영월군', '평창군', '정선군', '철원군', '화천군', '양구군', '인제군', '고성군', '양양군'], value: 'GANGWON' },
+
+    // 충청남도 고유 시/군
+    { keywords: ['천안시', '공주시', '보령시', '아산시', '서산시', '논산시', '계룡시', '당진시', '금산군', '부여군', '서천군', '청양군', '홍성군', '예산군', '태안군'], value: 'CHUNGNAM' },
+
+    // 충청북도 고유 시/군
+    { keywords: ['청주시', '충주시', '제천시', '보은군', '옥천군', '영동군', '증평군', '진천군', '괴산군', '음성군', '단양군'], value: 'CHUNGBUK' },
+
+    // 전라북도 고유 시/군
+    { keywords: ['전주시', '군산시', '익산시', '정읍시', '남원시', '김제시', '완주군', '진안군', '무주군', '장수군', '임실군', '순창군', '고창군', '부안군'], value: 'JEONBUK' },
+
+    // 전라남도 고유 시/군
+    { keywords: ['목포시', '여수시', '순천시', '나주시', '광양시', '담양군', '곡성군', '구례군', '고흥군', '보성군', '화순군', '장흥군', '강진군', '해남군', '영암군', '무안군', '함평군', '영광군', '장성군', '완도군', '진도군', '신안군'], value: 'JEONNAM' },
+
+    // 경상북도 고유 시/군
+    { keywords: ['포항시', '경주시', '김천시', '안동시', '구미시', '영주시', '영천시', '상주시', '문경시', '경산시', '군위군', '의성군', '청송군', '영양군', '영덕군', '청도군', '고령군', '성주군', '칠곡군', '예천군', '봉화군', '울진군', '울릉군'], value: 'GYEONGBUK' },
+
+    // 경상남도 고유 시/군
+    { keywords: ['창원시', '진주시', '통영시', '사천시', '김해시', '밀양시', '거제시', '양산시', '의령군', '함안군', '창녕군', '남해군', '하동군', '산청군', '함양군', '거창군', '합천군'], value: 'GYEONGNAM' },
+
+    // 제주도 고유 시
+    { keywords: ['제주시', '서귀포시'], value: 'JEJU' },
+  ];
+
+  // 2단계 매칭 시도
+  for (const region of uniqueCityMapping) {
+    for (const keyword of region.keywords) {
+      if (addressLower.includes(keyword)) {
+        return region.value;
+      }
+    }
+  }
+
+  // 3단계: 특별한 경우 처리 (대전, 대구, 광주의 경우 시명만으로도 매칭)
+  if (addressLower.includes('대전')) return 'DAEJEON';
+  if (addressLower.includes('대구')) return 'DAEGU';
+  if (addressLower.includes('광주')) return 'GWANGJU';
+  if (addressLower.includes('울산')) return 'ULSAN';
+  if (addressLower.includes('부산')) return 'BUSAN';
+  if (addressLower.includes('인천')) return 'INCHEON';
+  if (addressLower.includes('세종')) return 'SEJONG';
+  if (addressLower.includes('제주')) return 'JEJU';
+
+  return '';
+};
+
+const cleanAddress = (address: string): string => {
+  return address
+    .replace(/대한민국\s*/, '')
+    .replace(/Republic of Korea\s*/, '')
+    .replace(/South Korea\s*/, '')
+    .trim();
+};
+
 export default function CreatePostPage() {
   const router = useRouter()
   const [formData, setFormData] = useState({
@@ -135,7 +229,7 @@ export default function CreatePostPage() {
   const locationInputRef = useRef<HTMLInputElement>(null)
   const predictionsRef = useRef<HTMLDivElement>(null)
   const GOOGLE_PLACES_API_KEY = process.env.NEXT_PUBLIC_GOOGLE_PLACES_API_KEY || ""
-
+  
   // Google Places Autocomplete Service 초기화
   useEffect(() => {
     const loadGoogleMapsScript = () => {
@@ -157,7 +251,6 @@ export default function CreatePostPage() {
     loadGoogleMapsScript().catch(console.error)
   }, [])
 
-  // Google Places Autocomplete Service를 사용한 장소 예측
   const fetchPlacePredictions = async (input: string) => {
     if (!input.trim() || input.length < 1) {
       setPredictions([])
@@ -219,7 +312,7 @@ export default function CreatePostPage() {
         setPredictions([])
         setShowPredictions(false)
       }
-    }, 200) // 200ms로 줄여서 더 빠른 반응
+    }, 200)
 
     return () => clearTimeout(timeoutId)
   }, [formData.location])
@@ -241,10 +334,17 @@ export default function CreatePostPage() {
     return () => document.removeEventListener('mousedown', handleClickOutside)
   }, [])
 
-  // 예측 결과 선택 처리
   const handlePredictionSelect = (prediction: PlacePrediction) => {
-    // 주요 장소명만 설정 (주소는 제외)
-    setFormData(prev => ({ ...prev, location: prediction.structured_formatting.main_text }))
+
+    const cleanedAddress = cleanAddress(prediction.description);
+    const detectedRegion = getRegionFromAddress(prediction.description);
+
+    setFormData(prev => ({ 
+      ...prev, 
+      location: cleanedAddress,
+      town: detectedRegion
+    }));
+
     setShowPredictions(false)
     setPredictions([])
   }
@@ -475,65 +575,6 @@ export default function CreatePostPage() {
               </div>
             </div>
 
-            <div className="space-y-3">
-              <Label className="text-lg font-semibold text-gray-900">
-                지역 <span className="text-red-500">*</span>
-              </Label>
-              <div className="relative">
-                <Input
-                  placeholder="지역을 선택하세요"
-                  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-50 pr-14 cursor-pointer"
-                  onClick={() => settownModalOpen(true)}
-                  required
-                />
-                <button
-                  type="button"
-                  className="absolute right-4 top-1/2 -translate-y-1/2 p-2 hover:bg-gray-200 rounded-xl transition-colors"
-                  onClick={() => settownModalOpen(true)}
-                >
-                  <Search className="w-5 h-5 text-gray-500" />
-                </button>
-              </div>
-
-              {/* 지역 선택 모달 */}
-              {townModalOpen && (
-                <div className="fixed inset-0 flex items-center justify-center z-50 bg-black/40 p-4">
-                  <div className="bg-white rounded-3xl p-8 w-full max-w-md shadow-2xl">
-                    <h3 className="text-2xl font-bold text-gray-900 mb-6 text-center">지역 선택</h3>
-                    <div className="grid grid-cols-3 gap-3 mb-6">
-                      {townOptions.map((option) => (
-                        <button
-                          key={option.value}
-                          type="button"
-                          className={`p-3 rounded-xl border-2 transition-all ${
-                            formData.town === option.value 
-                              ? "border-black bg-black text-white" 
-                              : "border-gray-200 bg-white text-gray-700 hover:border-gray-300"
-                          }`}
-                          onClick={() => {
-                            setFormData(prev => ({ ...prev, town: option.value }))
-                            settownModalOpen(false)
-                          }}
-                        >
-                          {option.label}
-                        </button>
-                      ))}
-                    </div>
-                    <button
-                      type="button"
-                      className="w-full py-3 border-2 border-gray-200 rounded-2xl text-gray-700 font-semibold hover:bg-gray-50 transition-colors"
-                      onClick={() => settownModalOpen(false)}
-                    >
-                      닫기
-                    </button>
-                  </div>
-                </div>
-              )}
-            </div>
-
-            {/* Google Places API 자동완성이 적용된 상세 위치 입력 */}
             <div className="space-y-3 relative">
               <Label className="text-lg font-semibold text-gray-900">
                 상세 위치 <span className="text-red-500">*</span>
@@ -598,6 +639,23 @@ export default function CreatePostPage() {
               )}
             </div>
 
+            {/* 지역 선택 (자동으로 설정됨) */}
+            <div className="space-y-3">
+              <Label className="text-lg font-semibold text-gray-900">
+                지역 <span className="text-red-500">*</span>
+              </Label>
+              <div className="relative">
+                <Input
+                  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>
+
+            </div>
+
             <div className="space-y-4">
               <Label className="text-lg font-semibold text-gray-900">
                 날짜 및 시간 <span className="text-red-500">*</span>
@@ -756,7 +814,6 @@ export default function CreatePostPage() {
                 </div>
               </div>
             </div>
-
             <div className="pt-8">
               <button
                 type="submit"