[Fix] minor code improvements

fe/src/app/event-maps/[id]/load-mappin/components/NameField.tsx

@@ -15,7 +15,6 @@ export default function NameField({
   const [localErrorType, setLocalErrorType] = useState<"invalid" | null>(null);
 
   useEffect(() => {
-    // 공백, 특수문자, 숫자 불가 오류가 없을 경우만 `exists` 오류를 표시
     if (errorType === "exists" && !localErrorType) {
       setLocalErrorType(null);
     }
@@ -24,15 +23,14 @@ export default function NameField({
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     const inputValue = e.target.value;
 
-    // 글자 수가 6자 이하이며 유효한 입력일 때만 상태 업데이트
     if (/^[ㄱ-ㅎ가-힣a-zA-Z]*$/.test(inputValue) && inputValue.length <= 6) {
-      setLocalErrorType(null); // Clear local error if valid input
+      setLocalErrorType(null);
       onChange(inputValue);
     } else if (
       inputValue.length <= 6 &&
       !/^[ㄱ-ㅎ가-힣a-zA-Z]*$/.test(inputValue)
     ) {
-      setLocalErrorType("invalid"); // Set error type only if input is invalid
+      setLocalErrorType("invalid");
     }
   };
 
@@ -48,7 +46,6 @@ export default function NameField({
     return "focus:ring-grayscale-80";
   };
 
-  // 조건에 따라 표시할 메시지 설정
   let message = null;
   if (errorType === "exists" && !localErrorType) {
     message = <div className="text-danger-base">이미 존재하는 이름이에요</div>;

fe/src/app/event-maps/[id]/load-mappin/page.tsx

@@ -16,7 +16,7 @@ export default function Page() {
           <button
             type="button"
             className="w-[24px] h-[24px]"
-            onClick={() => router.back()} // 뒤로 가기 기능
+            onClick={() => router.back()}
           >
             <Image
               src="/images/ArrowBack.svg"

fe/src/app/event-maps/[id]/load-mappin/stores/useMarkerStore.ts

@@ -9,17 +9,16 @@ interface Ping {
   nonMembers: { nonMemberId: number; name: string }[];
 }
 
-// nonMembers가 없는 Ping 타입
 export type PingWithoutNonMembers = Omit<Ping, "nonMembers">;
 
 interface MarkerStoreState {
   customMarkers: Ping[];
-  setCustomMarkers: (pings: Ping[] | PingWithoutNonMembers[]) => void; // PingWithoutNonMembers[]도 허용
+  setCustomMarkers: (pings: Ping[] | PingWithoutNonMembers[]) => void;
   resetMarkers: () => void;
 }
 
 export const useMarkerStore = create<MarkerStoreState>((set) => ({
   customMarkers: [],
-  setCustomMarkers: (pings) => set({ customMarkers: pings as Ping[] }), // 타입 단언을 사용하여 맞춤 마커 설정
+  setCustomMarkers: (pings) => set({ customMarkers: pings as Ping[] }),
   resetMarkers: () => set({ customMarkers: [] }),
 }));

fe/src/app/event-maps/[id]/page.tsx

@@ -39,7 +39,7 @@ export default function Page() {
   const { id } = useParams();
   const parsedId = Array.isArray(id) ? id[0] : id;
   const [data, setData] = useState<Data | null>(null);
-  const [isModalOpen, setIsModalOpen] = useState(false); // 모달 열림 상태 추가
+  const [isModalOpen, setIsModalOpen] = useState(false);
   const moveToLocation = useLocationStore((state) => state.moveToLocation);
   const setCustomMarkers = useMarkerStore((state) => state.setCustomMarkers);
   const router = useRouter();
@@ -91,16 +91,16 @@ export default function Page() {
   }, [id, data, moveToLocation, setCustomMarkers]);
 
   const handleBackbtn = () => {
-    setIsModalOpen(true); // 뒤로 가기 버튼 클릭 시 모달 열기
+    setIsModalOpen(true);
   };
 
   const handleExit = () => {
     setIsModalOpen(false);
-    router.replace("/eventcreate-page"); // UUID 초기화 후 이벤트 생성 페이지로 이동
+    router.replace("/eventcreate-page");
   };
 
   const handleCancel = () => {
-    setIsModalOpen(false); // 모달 닫기
+    setIsModalOpen(false);
   };
 
   const bind = useDrag(
@@ -149,7 +149,6 @@ export default function Page() {
           </a.div>
         </>
       )}
-      {/* isModalOpen 상태에 따라 모달을 조건부 렌더링 */}
       {isModalOpen && <ExitModal onCancel={handleCancel} onExit={handleExit} />}
     </div>
   );

fe/src/app/event-maps/[id]/stores/useDataStore.ts

@@ -1,6 +1,5 @@
 import { create } from "zustand";
 
-// 데이터 형식을 정의
 interface NonMember {
   nonMemberId: number;
   name: string;
@@ -12,10 +11,9 @@ interface Data {
   password: string;
   bookmarkUrls: string[];
   storeUrls: string[];
-  nonMembers: NonMember[]; // nonMembers 추가
+  nonMembers: NonMember[];
 }
 
-// 스토어 타입 정의
 interface DataStore {
   data: Data | null;
   setData: (data: Data) => void;

fe/src/app/event-maps/[id]/stores/useLocationStore.ts

@@ -1,10 +1,9 @@
 import { create } from "zustand";
 import { LocationState } from "../types/types";
 
-// 위치 상태를 zustand로 관리
 export const useLocationStore = create<LocationState>((set) => ({
   center: {
-    latitude: 37.5665, // 초기값: 서울
+    latitude: 37.5665,
     longitude: 126.978,
   },
   moveToLocation: (latitude, longitude) =>

fe/src/app/event-maps/[id]/types/types.ts

@@ -1,10 +1,8 @@
-// 위치 정보를 담는 타입 정의
 export interface Location {
   latitude: number;
   longitude: number;
 }
 
-// 상태 관리용 LocationState 타입 정의
 export interface LocationState {
   center: {
     latitude: number;
@@ -13,7 +11,6 @@ export interface LocationState {
   moveToLocation: (latitude: number, longitude: number) => void;
 }
 
-// MapComponent의 props 타입 정의
 export interface MapComponentProps {
   mapInstance: React.MutableRefObject<naver.maps.Map>;
 }

fe/src/app/eventcreate-page/components/LocationInput.tsx

@@ -4,7 +4,7 @@ import React, { useEffect, useState } from "react";
 import { useRouter } from "next/navigation";
 import Image from "next/image";
 import { useLocationStore } from "@/app/eventcreate-page/stores/useLocationStore";
-import { LocationInputProps } from "@/app/eventcreate-page/types/types"; // Place 임포트 제거
+import { LocationInputProps } from "@/app/eventcreate-page/types/types";
 
 function LocationInput({
   className,
@@ -15,17 +15,15 @@ function LocationInput({
   const { selectedLocation } = useLocationStore();
   const [location, setLocationState] = useState(value);
 
-  // selectedLocation이 변경될 때 location 상태를 업데이트
   useEffect(() => {
     if (selectedLocation && selectedLocation.name !== location) {
       setLocationState(selectedLocation.name);
       if (onSelect) {
-        onSelect(selectedLocation); // selectedLocation을 상위 컴포넌트로 전달
+        onSelect(selectedLocation);
       }
     }
   }, [selectedLocation, onSelect, location]);
 
-  // input 필드의 value가 변경될 때 상태를 업데이트
   useEffect(() => {
     setLocationState(value);
   }, [value]);

fe/src/app/eventcreate-page/components/SearchResultsItem.tsx

@@ -29,10 +29,10 @@ function SearchResultItem({
                 isHighlighted
                   ? `highlight-${part}-${index}`
                   : `text-${part}-${index}`
-              } // Use a combination of part and index for keys
+              }
               style={
                 isHighlighted ? { color: "#3a91ea" } : { color: "#4a4a4a" }
-              } // Use a gray color for non-highlighted text
+              }
               className={isHighlighted ? "font-semibold" : "text-gray-800"}
             >
               {part}

fe/src/app/eventcreate-page/location-search/page.tsx

@@ -1,5 +1,3 @@
-// src/app/eventcreate-page/location-search/page.tsx
-
 "use client";
 
 import React, { useState, useEffect, useCallback } from "react";
@@ -17,7 +15,6 @@ interface Place {
 }
 
 function LocationSearch() {
-  // 화살표 함수 대신 일반 함수 선언
   const [location, setLocation] = useState<string>("");
   const [results, setResults] = useState<Place[]>([]);
   const [isFetching, setIsFetching] = useState(false);
@@ -81,8 +78,8 @@ function LocationSearch() {
   };
 
   const handleSelectPlace = (place: Place) => {
-    setStoreLocation(place); // 선택된 위치를 저장
-    router.push("/eventcreate-page"); // EventCreatePage로 이동
+    setStoreLocation(place);
+    router.push("/eventcreate-page");
   };
 
   const handleClearLocation = () => {

fe/src/app/eventcreate-page/page.tsx

@@ -10,7 +10,7 @@ import { useLocationStore } from "@/app/eventcreate-page/stores/useLocationStore
 
 function EventCreatePage() {
   const router = useRouter();
-  const { selectedLocation, setLocation } = useLocationStore(); // Get location info from useLocationStore
+  const { selectedLocation, setLocation } = useLocationStore();
   const [eventName, setEventName] = useState("");
   const [isFormComplete, setIsFormComplete] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -34,7 +34,7 @@ function EventCreatePage() {
     px?: number;
     py?: number;
   }) => {
-    setLocation(place); // Save the selected location to LocationStore
+    setLocation(place);
   };
 
   useEffect(() => {
@@ -89,7 +89,7 @@ function EventCreatePage() {
   }, [uuid, router]);
 
   const handleBackClick = () => {
-    router.push("/"); // 메인 페이지로 이동
+    router.push("/");
   };
 
   return (

fe/src/app/eventcreate-page/types/types.tsx

@@ -1,14 +1,10 @@
-// src/types.ts
-
-// EventNameInput 컴포넌트의 Props 타입
 export interface EventNameInputProps {
   value: string;
   onChange: (name: string) => void;
   className?: string;
   selectedLocation?: string;
 }
 
-// Location 관련 타입
 export interface LocationState {
   center: {
     latitude: number;
@@ -17,24 +13,21 @@ export interface LocationState {
   moveToLocation: (latitude: number, longitude: number) => void;
 }
 
-// 장소 정보 타입
 export interface Place {
   name: string;
   address: string;
   px?: number;
   py?: number;
 }
 
-// LocationInput 컴포넌트의 Props 타입
 export interface LocationInputProps {
   className?: string;
   value: string;
-  onSelect: (place: Place) => void; // onSelect 함수로 Place 정보를 전달
+  onSelect: (place: Place) => void;
 }
 
-// Navigation 컴포넌트의 Props 타입
 export interface NavigationProps {
   showBackButton?: boolean;
   title?: string;
-  onBack?: () => void; // Optional onBack function for handling back navigation
+  onBack?: () => void;
 }