From b447c462075540590583ed4c9bf074bd13e0ae43 Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 09:52:05 +0900
Subject: [PATCH 1/9] =?UTF-8?q?feat:=20=EB=AF=B8=EC=84=B1=EB=85=84?=
 =?UTF-8?q?=EC=9E=90=20=EA=B0=80=EC=9E=85=20=EC=A0=9C=ED=95=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/SignupPage/PersonalInfo/index.jsx | 28 ++++++++-------------
 1 file changed, 10 insertions(+), 18 deletions(-)

diff --git a/src/pages/SignupPage/PersonalInfo/index.jsx b/src/pages/SignupPage/PersonalInfo/index.jsx
index c6a5caa5..4c4277e9 100644
--- a/src/pages/SignupPage/PersonalInfo/index.jsx
+++ b/src/pages/SignupPage/PersonalInfo/index.jsx
@@ -66,7 +66,16 @@ function PersonalInfo({
   const sendCode = async (e) => {
     e.preventDefault();
 
-    if (!/^010\d{8}$/.test(phoneNumber) || !isValidation()) {
+    const fullBirthYear =
+      Number(birthDate.slice(0, 2)) > 20
+        ? `19${birthDate.slice(0, 2)}`
+        : `20${birthDate.slice(0, 2)}`;
+
+    if (new Date().getFullYear() - fullBirthYear + 1 < 20) {
+      setErrorMessage("회원가입은 20세 이상부터 가능합니다.");
+      setShowErrorModal(true);
+      return;
+    } else if (!/^010\d{8}$/.test(phoneNumber) || !isValidation()) {
       setErrorMessage(
         "성함, 주민등록번호, 통신사, 휴대폰 번호를\n 모두 정확하게 입력해 주세요."
       );
@@ -139,23 +148,6 @@ function PersonalInfo({
     }
   };
 
-  useEffect(() => {
-    if (birthDate.length !== 6) return;
-
-    const Today = new Date();
-    const year = Today.getFullYear() - 14;
-    const month = String(Today.getMonth() + 1).padStart(2, "0");
-    const day = String(Today.getDate()).padStart(2, "0");
-
-    const fullBirthDate =
-      Number(birthDate.slice(0, 2)) > 20 ? `19${birthDate}` : `20${birthDate}`;
-
-    if (fullBirthDate > year + month + day) {
-      setErrorMessage("회원가입은 만 14세 이상부터\n가능합니다.");
-      setShowErrorModal(true);
-    }
-  }, [birthDate]);
-
   useEffect(() => {
     return () => {
       timer && clearInterval(timer);

From 8932da27b52cc1f0d4d77cefe59f4b94a0281590 Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 22:08:24 +0900
Subject: [PATCH 2/9] =?UTF-8?q?fix:=20=EB=93=9C=EB=9D=BC=EC=9D=B4=EB=B2=84?=
 =?UTF-8?q?=20=ED=94=84=EB=A1=9C=ED=95=84=20=EC=88=98=EC=A0=95=20>=20?=
 =?UTF-8?q?=ED=99=9C=EB=8F=99=20=EA=B0=80=EB=8A=A5=20=EC=A7=80=EC=97=AD=20?=
 =?UTF-8?q?=EB=B3=B5=EC=88=98=20=EC=84=A0=ED=83=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BasicInfo/RegionModal/Region/index.jsx            | 11 ++++++++---
 .../DriverProfile/BasicInfo/RegionModal/index.jsx     |  6 +++++-
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/Region/index.jsx b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/Region/index.jsx
index c582eb37..b19b13a1 100644
--- a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/Region/index.jsx
+++ b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/Region/index.jsx
@@ -2,9 +2,14 @@ function Region({ region, image, name, setRegion }) {
   return (
     <div
       className={`relative h-40 md:h-56 cursor-pointer rounded-lg ${
-        region === name && "ring ring-primary"
+        region.includes(name) && "ring ring-primary"
       }`}
-      onClick={() => setRegion(name)}
+      onClick={() => {
+        if (region.includes(name)) {
+          const newRegions = region.filter((item) => item !== name);
+          setRegion(newRegions);
+        } else setRegion([...region, name]);
+      }}
     >
       <img
         className="absolute top-0 left-0 object-cover object-center w-full h-full overflow-hidden rounded-lg"
@@ -14,7 +19,7 @@ function Region({ region, image, name, setRegion }) {
       <div className="absolute top-0 left-0 flex flex-col items-center justify-center w-full h-full text-xl text-white z-10">
         <div>{name}</div>
       </div>
-      {region === name ? (
+      {region.includes(name) && "ring ring-primary" ? (
         <div className="absolute top-0 left-0 w-full h-full bg-primary rounded-lg opacity-50"></div>
       ) : (
         <div className="absolute top-0 left-0 w-full h-full bg-black bg-opacity-20 rounded-lg" />
diff --git a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
index 5fc46902..694363a0 100644
--- a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
+++ b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
@@ -20,7 +20,7 @@ function RegionModal({ showModal, setShowModal, driverInfo, setDriverInfo }) {
   const cancelHandler = () => setShowModal(false);
 
   const confirmHandler = () => {
-    setDriverInfo({ ...driverInfo, region: region });
+    setDriverInfo({ ...driverInfo, region });
     setShowModal(false);
   };
 
@@ -45,6 +45,10 @@ function RegionModal({ showModal, setShowModal, driverInfo, setDriverInfo }) {
     };
   }, [showModal]);
 
+  useEffect(() => {
+    setDriverInfo({ ...driverInfo, region });
+  }, [region]);
+
   useEffect(() => {
     getPartyRegionListFunc();
   }, []);

From acea225092180110feed9aafa3e46a7ed1220997 Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 23:03:46 +0900
Subject: [PATCH 3/9] =?UTF-8?q?fix:=20api=20=EC=A3=BC=EC=86=8C=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD=20=EB=B0=8F=20data=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/region.js                             | 14 +++++------
 .../Region/RegionList/EditFormModal/index.jsx |  4 ++--
 .../RegionList/NewRegion/FormModal/index.jsx  |  4 ++--
 .../Region/RegionList/RegionItem/index.jsx    | 24 +++++++++----------
 .../Management/Region/RegionList/index.jsx    |  4 ++--
 .../RegionModal/RegionButton/index.jsx        | 24 ++++++++++---------
 .../UserInfo/UserTable/RegionModal/index.jsx  |  6 ++---
 .../RegionList/Region/index.jsx               |  4 ++--
 .../DriverApplyPage/RegionList/index.jsx      | 17 ++++++++-----
 .../RegionModal/RegionButton/index.jsx        | 17 +++++--------
 .../PartyFilter/RegionModal/index.jsx         |  2 +-
 .../BasicInfo/RegionModal/index.jsx           |  6 ++---
 .../Region/RegionButton/index.jsx             | 16 ++++++-------
 src/pages/NewPartyPage/Region/index.jsx       |  2 +-
 14 files changed, 73 insertions(+), 71 deletions(-)

diff --git a/src/api/region.js b/src/api/region.js
index df4f6de4..08957d99 100644
--- a/src/api/region.js
+++ b/src/api/region.js
@@ -1,15 +1,15 @@
 import { GET, POST, PUT, DELETE } from "../utils/axios";
 
-export const getPartyRegionList = async () => await GET("/party/region");
+export const getPartyRegionList = async () => await GET("/region");
 
 export const postNewPartyRegion = async (body) =>
   await POST("/region", body, true);
 
-export const putPartyRegion = async (partyRegionId, body) =>
-  await PUT(`/region/${partyRegionId}`, body, true);
+export const putPartyRegion = async (regionId, body) =>
+  await PUT(`/region/${regionId}`, body, true);
 
-export const deletePartyRegion = async (partyRegionId) =>
-  await DELETE(`/region/${partyRegionId}`, true);
+export const deletePartyRegion = async (regionId) =>
+  await DELETE(`/region/${regionId}`, true);
 
-export const getPartyRegionDriverList = async (partyRegionId) =>
-  await GET(`/region/${partyRegionId}`, true);
+export const getPartyRegionDriverList = async (regionId) =>
+  await GET(`/region/${regionId}`, true);
diff --git a/src/pages/AdminPage/Management/Region/RegionList/EditFormModal/index.jsx b/src/pages/AdminPage/Management/Region/RegionList/EditFormModal/index.jsx
index e1a0abee..f1da36b7 100644
--- a/src/pages/AdminPage/Management/Region/RegionList/EditFormModal/index.jsx
+++ b/src/pages/AdminPage/Management/Region/RegionList/EditFormModal/index.jsx
@@ -24,8 +24,8 @@ function EditFormModal({
           ? regionImg
           : await uploadImage(regionImg);
       const body = {
-        region: region,
-        regionImg: regionImgURL,
+        name: region,
+        image: regionImgURL,
       };
 
       await putPartyRegion(editTarget.partyRegionId, body);
diff --git a/src/pages/AdminPage/Management/Region/RegionList/NewRegion/FormModal/index.jsx b/src/pages/AdminPage/Management/Region/RegionList/NewRegion/FormModal/index.jsx
index b517404c..c371c1e1 100644
--- a/src/pages/AdminPage/Management/Region/RegionList/NewRegion/FormModal/index.jsx
+++ b/src/pages/AdminPage/Management/Region/RegionList/NewRegion/FormModal/index.jsx
@@ -16,8 +16,8 @@ function FormModal({ showModal, setShowModal, getPartyRegionListFunc }) {
     try {
       const regionImgURL = await uploadImage(regionImg);
       const body = {
-        region: region,
-        regionImg: regionImgURL,
+        name: region,
+        image: regionImgURL,
       };
 
       await postNewPartyRegion(body);
diff --git a/src/pages/AdminPage/Management/Region/RegionList/RegionItem/index.jsx b/src/pages/AdminPage/Management/Region/RegionList/RegionItem/index.jsx
index bf1e6071..fb6ea825 100644
--- a/src/pages/AdminPage/Management/Region/RegionList/RegionItem/index.jsx
+++ b/src/pages/AdminPage/Management/Region/RegionList/RegionItem/index.jsx
@@ -3,9 +3,9 @@ import { useNavigate } from "react-router-dom";
 import { deletePartyRegion } from "../../../../../../api/region";
 
 function RegionItem({
-  partyRegionId,
-  regionImg,
-  region,
+  regionId,
+  image,
+  name,
   setEditTarget,
   setShowEditModal,
   getPartyRegionListFunc,
@@ -16,7 +16,7 @@ function RegionItem({
 
   const deleteHandler = async () => {
     try {
-      const result = await deletePartyRegion(partyRegionId);
+      const result = await deletePartyRegion(regionId);
       if (result.statusCode === 409) return setShowDeleteErrorModal(true);
       alert("성공적으로 지역을 삭제했습니다.");
       getPartyRegionListFunc();
@@ -33,21 +33,21 @@ function RegionItem({
     >
       <img
         className="absolute top-0 left-0 object-cover object-center w-full h-full overflow-hidden rounded-lg"
-        src={regionImg}
-        alt={region}
+        src={image}
+        alt={name}
       />
       {!isHover ? (
         <div className="absolute top-0 left-0 flex items-center justify-center w-full h-full text-xl text-white font-bold">
-          {region}
+          {name}
         </div>
       ) : (
         <div className="absolute top-0 left-0 flex flex-col items-center justify-around w-full h-full rounded-lg bg-black/30">
-          <p className="text-xl text-white font-bold">{region}</p>
+          <p className="text-xl text-white font-bold">{name}</p>
           <button
             className="px-4 py-1 text-sm text-white bg-primary rounded-full"
             onClick={() =>
               navigation(
-                `/admin/region?region_id=${partyRegionId}&region_name=${region}`
+                `/admin/region?region_id=${regionId}&region_name=${name}`
               )
             }
           >
@@ -58,9 +58,9 @@ function RegionItem({
               className="px-4 py-1 text-sm text-primary font-bold border-2 border-primary rounded-full"
               onClick={() => {
                 setEditTarget({
-                  partyRegionId: partyRegionId,
-                  region: region,
-                  regionImg: regionImg,
+                  partyRegionId: regionId,
+                  region: name,
+                  regionImg: image,
                 });
                 setShowEditModal(true);
               }}
diff --git a/src/pages/AdminPage/Management/Region/RegionList/index.jsx b/src/pages/AdminPage/Management/Region/RegionList/index.jsx
index 996b3cdb..3d7622a8 100644
--- a/src/pages/AdminPage/Management/Region/RegionList/index.jsx
+++ b/src/pages/AdminPage/Management/Region/RegionList/index.jsx
@@ -16,10 +16,10 @@ function RegionList({
     <>
       <div className="grid grid-cols-1 gap-10 px-6 mx-auto py-8 lg:grid-cols-3 xl:grid-cols-4 overflow-auto">
         {regionData
-          .filter((region) => region.region.includes(searchKeyword))
+          .filter((region) => region.name.includes(searchKeyword))
           .map((item) => (
             <RegionItem
-              key={item.partyRegionId}
+              key={item.regionId}
               setShowEditModal={setShowEditModal}
               setEditTarget={setEditTarget}
               getPartyRegionListFunc={getPartyRegionListFunc}
diff --git a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
index 0c95b351..b54f93ac 100644
--- a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
+++ b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
@@ -1,25 +1,27 @@
 import regionCheck from "../../../../../../../assets/svg/region-check.svg";
 
-function RegionButton({
-  regionImg,
-  region,
-  selectedRegion,
-  setSelectedRegion,
-}) {
+function RegionButton({ image, name, selectedRegion, setSelectedRegion }) {
   return (
     <div
       className="relative cursor-pointer"
-      onClick={() => setSelectedRegion(region)}
+      onClick={() => {
+        if (selectedRegion.includes(name)) {
+          const newRegions = selectedRegion.filter((item) => item !== name);
+          setSelectedRegion(newRegions);
+        } else {
+          setSelectedRegion({ ...selectedRegion, region: name });
+        }
+      }}
     >
       <img
         className="w-full h-48 object-cover object-center overflow-hidden rounded-xl"
-        src={regionImg}
-        alt={region}
+        src={image}
+        alt={name}
       />
       <div className="w-full mt-2.5 text-base text-boldgray font-medium text-center">
-        {region}
+        {name}
       </div>
-      {region === selectedRegion && (
+      {selectedRegion.includes(name) && (
         <div className="w-full h-48 absolute top-0 left-0 flex justify-center items-center rounded-xl bg-black bg-opacity-70">
           <img src={regionCheck} />
         </div>
diff --git a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/index.jsx b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/index.jsx
index ac9a7e87..e32553fb 100644
--- a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/index.jsx
+++ b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/index.jsx
@@ -8,7 +8,7 @@ import RegionButton from "./RegionButton";
 function RegionModal({ showModal, setShowModal, userId }) {
   const navigation = useNavigate();
   const modalRef = useRef();
-  const [selectedRegion, setSelectedRegion] = useState("");
+  const [selectedRegion, setSelectedRegion] = useState([]);
   const [regionData, setRegionData] = useState([]);
 
   const regionClickHandler = async () => {
@@ -45,7 +45,7 @@ function RegionModal({ showModal, setShowModal, userId }) {
     if (!showModal) return document.body.classList.remove("overflow-hidden");
     document.body.classList.add("overflow-hidden");
 
-    setSelectedRegion("");
+    setSelectedRegion([]);
 
     document.addEventListener("keydown", handleKeyPress);
     return () => {
@@ -99,7 +99,7 @@ function RegionModal({ showModal, setShowModal, userId }) {
           <div className="grid grid-cols-2 gap-10 px-6 mx-auto py-8 sm:grid-cols-3 h-full bg-white rounded-t-xl max-h-[400px] md:max-h-[500px] overflow-auto noScrollBar">
             {regionData.map((item) => (
               <RegionButton
-                key={item.partyRegionId}
+                key={item.regionId}
                 selectedRegion={selectedRegion}
                 setSelectedRegion={setSelectedRegion}
                 {...item}
diff --git a/src/pages/DriverApplyPage/RegionList/Region/index.jsx b/src/pages/DriverApplyPage/RegionList/Region/index.jsx
index 9eece85c..3c9eb6df 100644
--- a/src/pages/DriverApplyPage/RegionList/Region/index.jsx
+++ b/src/pages/DriverApplyPage/RegionList/Region/index.jsx
@@ -2,7 +2,7 @@ function Region({ region, image, name, regionHandler }) {
   return (
     <div
       className={`relative h-64 cursor-pointer rounded-lg ${
-        region === name && "ring ring-primary"
+        region.includes(name) && "ring ring-primary"
       }`}
       onClick={() => regionHandler(name)}
     >
@@ -14,7 +14,7 @@ function Region({ region, image, name, regionHandler }) {
       <div className="absolute top-0 left-0 flex flex-col items-center justify-center w-full h-full text-xl text-white z-10">
         <div>{name}</div>
       </div>
-      {region === name ? (
+      {region.includes(name) ? (
         <div className="absolute top-0 left-0 w-full h-full bg-primary rounded-lg opacity-50" />
       ) : (
         <div className="absolute top-0 left-0 w-full h-full bg-black bg-opacity-20 rounded-lg" />
diff --git a/src/pages/DriverApplyPage/RegionList/index.jsx b/src/pages/DriverApplyPage/RegionList/index.jsx
index 33550aca..658bf270 100644
--- a/src/pages/DriverApplyPage/RegionList/index.jsx
+++ b/src/pages/DriverApplyPage/RegionList/index.jsx
@@ -15,12 +15,17 @@ function RegionList({ setActiveNext, region, setRegion }) {
   };
 
   const regionHandler = (name) => {
-    setRegion(name);
-    setActiveNext(true);
+    if (!region.includes(name)) {
+      setRegion([...region, name]);
+      setActiveNext(true);
+    } else {
+      setRegion(region.filter((item) => item !== name));
+    }
   };
 
   useEffect(() => {
-    if (region) setActiveNext(true);
+    if (region.length !== 0) setActiveNext(true);
+    else setActiveNext(false);
   }, [region]);
 
   useEffect(() => {
@@ -31,10 +36,10 @@ function RegionList({ setActiveNext, region, setRegion }) {
     <div className="grid grid-cols-2 gap-10 px-10 py-8 md:grid-cols-3 lg:grid-cols-4 h-full bg-white rounded-xl overflow-auto">
       {regionData.map((item) => (
         <Region
-          key={item.partyRegionId}
+          key={item.regionId}
           region={region}
-          image={item.regionImg}
-          name={item.region}
+          image={item.image}
+          name={item.name}
           regionHandler={regionHandler}
         />
       ))}
diff --git a/src/pages/LandingPage/PartyFilter/RegionModal/RegionButton/index.jsx b/src/pages/LandingPage/PartyFilter/RegionModal/RegionButton/index.jsx
index ffd77670..7d77d9f9 100644
--- a/src/pages/LandingPage/PartyFilter/RegionModal/RegionButton/index.jsx
+++ b/src/pages/LandingPage/PartyFilter/RegionModal/RegionButton/index.jsx
@@ -1,25 +1,20 @@
 import regionCheck from "../../../../../assets/svg/region-check.svg";
 
-function RegionButton({
-  regionImg,
-  region,
-  selectedRegion,
-  setSelectedRegion,
-}) {
+function RegionButton({ image, name, selectedRegion, setSelectedRegion }) {
   return (
     <div
       className="relative cursor-pointer"
-      onClick={() => setSelectedRegion(region)}
+      onClick={() => setSelectedRegion(name)}
     >
       <img
         className="w-full h-48 object-cover object-center overflow-hidden rounded-xl"
-        src={regionImg}
-        alt={region}
+        src={image}
+        alt={name}
       />
       <div className="w-full mt-2.5 text-base text-boldgray font-medium text-center">
-        {region}
+        {name}
       </div>
-      {region === selectedRegion && (
+      {name === selectedRegion && (
         <div className="w-full h-48 absolute top-0 left-0 flex justify-center items-center rounded-xl bg-black bg-opacity-70">
           <img src={regionCheck} />
         </div>
diff --git a/src/pages/LandingPage/PartyFilter/RegionModal/index.jsx b/src/pages/LandingPage/PartyFilter/RegionModal/index.jsx
index 959db70f..9f3de8a9 100644
--- a/src/pages/LandingPage/PartyFilter/RegionModal/index.jsx
+++ b/src/pages/LandingPage/PartyFilter/RegionModal/index.jsx
@@ -98,7 +98,7 @@ function RegionModal({ showModal, setShowModal, setShowKakaoChatModal }) {
           <div className="grid grid-cols-2 gap-10 px-6 mx-auto py-8 sm:grid-cols-3 h-full bg-white rounded-t-xl max-h-[400px] md:max-h-[500px] overflow-auto noScrollBar">
             {regionData.map((item) => (
               <RegionButton
-                key={item.partyRegionId}
+                key={item.regionId}
                 selectedRegion={selectedRegion}
                 setSelectedRegion={setSelectedRegion}
                 {...item}
diff --git a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
index 694363a0..9b55252c 100644
--- a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
+++ b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
@@ -89,10 +89,10 @@ function RegionModal({ showModal, setShowModal, driverInfo, setDriverInfo }) {
             <div className="grid grid-cols-2 gap-5 py-4 px-2 md:grid-cols-3 h-full bg-white rounded-xl overflow-auto">
               {regionData.map((item) => (
                 <Region
-                  key={item.partyRegionId}
+                  key={item.regionId}
                   region={region}
-                  image={item.regionImg}
-                  name={item.region}
+                  image={item.image}
+                  name={item.name}
                   setRegion={setRegion}
                 />
               ))}
diff --git a/src/pages/NewPartyPage/Region/RegionButton/index.jsx b/src/pages/NewPartyPage/Region/RegionButton/index.jsx
index 65410dbe..5479b55e 100644
--- a/src/pages/NewPartyPage/Region/RegionButton/index.jsx
+++ b/src/pages/NewPartyPage/Region/RegionButton/index.jsx
@@ -1,8 +1,8 @@
 import { useNavigate } from "react-router-dom";
 
 function RegionButton({
-  region,
-  regionImg,
+  name,
+  image,
   setRegion,
   member,
   driverId,
@@ -12,10 +12,10 @@ function RegionButton({
   const navigation = useNavigate();
 
   const clickHandler = () => {
-    if (region.includes("그 외")) return setShowKakaoChatModal(true);
-    setRegion(region);
+    if (name.includes("그 외")) return setShowKakaoChatModal(true);
+    setRegion(name);
     navigation(
-      `/party/new/2?region=${region}&member=${member}&date=${date}&driverId=${driverId}`
+      `/party/new/2?region=${name}&member=${member}&date=${date}&driverId=${driverId}`
     );
   };
 
@@ -23,11 +23,11 @@ function RegionButton({
     <div className="relative h-64 cursor-pointer" onClick={clickHandler}>
       <img
         className="absolute top-0 left-0 object-cover object-center w-full h-full overflow-hidden rounded-lg"
-        src={regionImg}
-        alt={region}
+        src={image}
+        alt={name}
       />
       <div className="absolute top-0 left-0 flex items-center justify-center w-full h-full text-xl text-white z-10">
-        {region}
+        {name}
       </div>
       <div className="absolute top-0 left-0 w-full h-full bg-black bg-opacity-20 rounded-lg" />
     </div>
diff --git a/src/pages/NewPartyPage/Region/index.jsx b/src/pages/NewPartyPage/Region/index.jsx
index 5ac474b0..f3956f83 100644
--- a/src/pages/NewPartyPage/Region/index.jsx
+++ b/src/pages/NewPartyPage/Region/index.jsx
@@ -39,7 +39,7 @@ function Region({ setRegion, member, driverId, date }) {
         {regionData.map((item) => (
           <RegionButton
             {...item}
-            key={item.partyRegionId}
+            key={item.regionId}
             setRegion={setRegion}
             member={member}
             driverId={driverId}

From f44a26d3e5a1547c8dc7f4dc941421800e160994 Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 23:05:20 +0900
Subject: [PATCH 4/9] =?UTF-8?q?fix:=20=EC=BD=94=EC=8A=A4=20=EC=B6=9C?=
 =?UTF-8?q?=EB=B0=9C=EC=A7=80=EC=97=90=20=EB=94=B0=EB=A5=B8=20=EC=A7=80?=
 =?UTF-8?q?=EC=97=AD=20=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CourseMap/index.jsx      | 42 ++++++++++++++++++++++++-
 src/pages/PartyPage/EditMap/index.jsx   |  3 +-
 src/pages/PartyPage/EditModal/index.jsx |  2 ++
 src/pages/PartyPage/index.jsx           | 12 ++++++-
 4 files changed, 56 insertions(+), 3 deletions(-)

diff --git a/src/components/CourseMap/index.jsx b/src/components/CourseMap/index.jsx
index 10bd86c3..1add3e5f 100644
--- a/src/components/CourseMap/index.jsx
+++ b/src/components/CourseMap/index.jsx
@@ -1,15 +1,55 @@
 import { useEffect, useRef, useState } from "react";
 import axios from "axios";
+import { getPartyRegionList } from "../../api/region";
 import startMarker from "../../assets/svg/start_marker.svg";
 import endMarker from "../../assets/svg/end_marker.svg";
 import pointMarker from "../../assets/svg/point_marker.svg";
 import DestinationModal from "../PlaceMap/DestinationModal";
 
-function CourseMap({ markerData, reload, mapName }) {
+function CourseMap({ markerData, reload, mapName, setRegion, courseData }) {
   const mapRef = useRef();
   const [isDrawMap, setIsDrawMap] = useState(false);
   const [showDestinationModal, setShowDestinationModal] = useState(false);
   const [clickedData, setClickedData] = useState({});
+  const [regionData, setRegionData] = useState([]);
+
+  const getPartyRegionListFunc = async () => {
+    try {
+      const result = await getPartyRegionList();
+      setRegionData(result.payload);
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  useEffect(() => {
+    getPartyRegionListFunc();
+  }, []);
+
+  useEffect(() => {
+    if (regionData.length > 0 && setRegion)
+      for (let item of regionData) {
+        if (item.name !== "그 외(서비스 준비 중)") {
+          for (let word of item.name.split(" ")) {
+            if (word !== "전남") {
+              if (markerData[0].address.includes(word)) {
+                setRegion(word);
+                return;
+              } else if (markerData[1].address.includes(word)) {
+                setRegion(word);
+                return;
+              } else if (
+                markerData.length > 2 &&
+                markerData[2].address.includes(word)
+              ) {
+                setRegion(word);
+                return;
+              }
+            }
+          }
+        }
+      }
+  }, [regionData, courseData]);
 
   const addMarker = (destinationId, name, lat, lon, tag, map) => {
     let imgURL = null;
diff --git a/src/pages/PartyPage/EditMap/index.jsx b/src/pages/PartyPage/EditMap/index.jsx
index 470e9052..05621faf 100644
--- a/src/pages/PartyPage/EditMap/index.jsx
+++ b/src/pages/PartyPage/EditMap/index.jsx
@@ -3,7 +3,7 @@ import CourseMap from "../../../components/CourseMap";
 import PlaceMap from "../../../components/PlaceMap";
 import ToggleButton from "./ToggleButton";
 
-function EditMap({ courseData, setCourseData }) {
+function EditMap({ courseData, setCourseData, setRegion }) {
   const [showSearchMap, setShowSearchMap] = useState(true);
 
   useEffect(() => {
@@ -32,6 +32,7 @@ function EditMap({ courseData, setCourseData }) {
           markerData={courseData}
           reload={true}
           mapName="TMAP_COURSE"
+          setRegion={setRegion}
         />
       )}
     </div>
diff --git a/src/pages/PartyPage/EditModal/index.jsx b/src/pages/PartyPage/EditModal/index.jsx
index 6c6c310c..9def71f6 100644
--- a/src/pages/PartyPage/EditModal/index.jsx
+++ b/src/pages/PartyPage/EditModal/index.jsx
@@ -17,6 +17,7 @@ function EditModal({
   course,
   myParty,
   courseData,
+  region,
 }) {
   const navigation = useNavigate();
   const modalRef = useRef();
@@ -43,6 +44,7 @@ function EditModal({
                   destinations: courseData.map((item) => item.destinationId),
                 },
               ],
+              region: region,
             },
           }
         : {
diff --git a/src/pages/PartyPage/index.jsx b/src/pages/PartyPage/index.jsx
index ffe6daa6..c37d31e8 100644
--- a/src/pages/PartyPage/index.jsx
+++ b/src/pages/PartyPage/index.jsx
@@ -56,6 +56,7 @@ function PartyPage() {
   const [showJoinErrorModal, setShowJoinErrorModal] = useState(false);
   const [joinErrorMessage, setJoinErrorMessage] = useState("");
   const [courseData, setCourseData] = useState([]);
+  const [region, setRegion] = useState("");
   const [companions, setCompanions] = useState(
     Array.from({ length: 10 }, () => ({
       name: "",
@@ -345,6 +346,8 @@ function PartyPage() {
             markerData={partyData.proposal.course.days[0].destinations}
             reload={false}
             mapName="TMAP_COURSE_NEW"
+            setRegion={setRegion}
+            courseData={courseData}
           />
           <hr className="w-full max-w-[900px] bg-darkgray/30 my-20 mx-auto h-px border-0" />
         </>
@@ -359,7 +362,11 @@ function PartyPage() {
             courseData={courseData}
             setCourseData={setCourseData}
           />
-          <EditMap courseData={courseData} setCourseData={setCourseData} />
+          <EditMap
+            courseData={courseData}
+            setCourseData={setCourseData}
+            setRegion={setRegion}
+          />
         </>
       ) : (
         <>
@@ -383,6 +390,8 @@ function PartyPage() {
             markerData={partyData.course.days[0].destinations}
             reload={false}
             mapName="TMAP_COURSE_BEFORE"
+            setRegion={setRegion}
+            courseData={courseData}
           />
         </>
       )}
@@ -464,6 +473,7 @@ function PartyPage() {
         course={partyData.course}
         myParty={partyData.myParty}
         courseData={courseData}
+        region={region}
       />
       <ConfirmModal
         showModal={showJoinErrorModal}

From 1f103f329b56fca3e318b6d96c4aec06904a381b Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 23:06:16 +0900
Subject: [PATCH 5/9] =?UTF-8?q?fix:=20region=20data=20type=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AdminPage/User/DriverInfo/DriverCourse/index.jsx   | 10 +++++++++-
 .../User/DriverInfo/DriverTable/Body/index.jsx         |  6 +++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx b/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
index 6ec3a36d..26fcb786 100644
--- a/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
+++ b/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
@@ -26,6 +26,7 @@ function DriverCourse() {
   const navigation = useNavigate();
   const [searchParams] = useSearchParams();
   const [loading, setLoading] = useState(true);
+  const [region, setRegion] = useState([]);
   const [name, setName] = useState("");
   const [images, setImages] = useState([]);
   const [capacity, setCapacity] = useState(0);
@@ -90,6 +91,7 @@ function DriverCourse() {
             startTime: startTime,
           },
         ],
+        region: region,
         images: [...imagesURL, ...destinationImages],
         name: name,
         totalDays: 1,
@@ -130,6 +132,7 @@ function DriverCourse() {
 
       if (courseId !== "new") {
         const courseResult = await getDriverCourseDetail(driverId, courseId);
+        setRegion(courseResult.payload.region);
         setName(courseResult.payload.name);
         setImages(courseResult.payload.images);
         setCapacity(courseResult.payload.capacity);
@@ -144,6 +147,7 @@ function DriverCourse() {
         );
         setPriceIndex(beforePriceIndex === -1 ? 0 : beforePriceIndex);
       } else {
+        setRegion([]);
         setName("");
         setImages([]);
         setPriceIndex(0);
@@ -225,7 +229,11 @@ function DriverCourse() {
           endTime={endTime}
           setStartTime={setStartTime}
         />
-        <EditMap courseData={destinations} setCourseData={setDestinations} />
+        <EditMap
+          courseData={destinations}
+          setCourseData={setDestinations}
+          setRegion={setRegion}
+        />
         <SaveButton
           courseId={courseId}
           saveHandler={() => setShowCheckModal(true)}
diff --git a/src/pages/AdminPage/User/DriverInfo/DriverTable/Body/index.jsx b/src/pages/AdminPage/User/DriverInfo/DriverTable/Body/index.jsx
index a1466157..12448e51 100644
--- a/src/pages/AdminPage/User/DriverInfo/DriverTable/Body/index.jsx
+++ b/src/pages/AdminPage/User/DriverInfo/DriverTable/Body/index.jsx
@@ -23,7 +23,11 @@ function Body({
           </span>
         )}
       </p>
-      <p className="px-1 text-gray700 font-medium">{driverRegion}</p>
+      <p className="px-1 text-gray700 font-medium">
+        {Array.isArray(driverRegion) && driverRegion.length > 1
+          ? "다수"
+          : driverRegion}
+      </p>
       <p className="px-1 text-gray700 font-medium">
         {makePhoneNumber(phoneNumber)}
       </p>

From de33d144bff010d181b883eaeb308f800c70ca5e Mon Sep 17 00:00:00 2001
From: seorinn <seorin@ajou.ac.kr>
Date: Wed, 10 Jul 2024 23:07:17 +0900
Subject: [PATCH 6/9] =?UTF-8?q?fix:=20region=20data=20type=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/DriverApplyPage/index.jsx               |  2 +-
 src/pages/DriverCoursePage/index.jsx              | 10 +++++++++-
 .../DriverProfilePage/ServiceRegion/index.jsx     |  4 +++-
 src/pages/DriverProfilePage/index.jsx             | 15 ++++++++++++++-
 .../UserProfile/Information/index.jsx             |  4 ++--
 src/pages/MyProfilePage/index.jsx                 |  2 +-
 src/pages/NewPartyPage/Atom/CreateModal/index.jsx |  2 ++
 src/pages/NewPartyPage/Atom/TextArea/index.jsx    |  4 +++-
 src/pages/NewPartyPage/Course/index.jsx           |  2 ++
 src/pages/NewPartyPage/Edit/index.jsx             | 13 ++++++++++++-
 src/pages/NewPartyPage/Reservation/index.jsx      |  4 ++++
 src/pages/NewPartyPage/index.jsx                  |  5 +++++
 12 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/src/pages/DriverApplyPage/index.jsx b/src/pages/DriverApplyPage/index.jsx
index 840e5b8c..1f7eef99 100644
--- a/src/pages/DriverApplyPage/index.jsx
+++ b/src/pages/DriverApplyPage/index.jsx
@@ -33,7 +33,7 @@ function DriverApplyPage() {
   const [carImages, setCarImages] = useState([]);
   const [modelName, setModelName] = useState("");
   const [maxNum, setMaxNum] = useState("");
-  const [region, setRegion] = useState("");
+  const [region, setRegion] = useState([]);
   const [bank, setBank] = useState("");
   const [name, setName] = useState("");
   const [accoutNumber, setAccoutNumber] = useState("");
diff --git a/src/pages/DriverCoursePage/index.jsx b/src/pages/DriverCoursePage/index.jsx
index 78268f7f..5fd74bad 100644
--- a/src/pages/DriverCoursePage/index.jsx
+++ b/src/pages/DriverCoursePage/index.jsx
@@ -26,6 +26,7 @@ function DriverCoursePage() {
   const navigation = useNavigate();
   const { courseId } = useParams();
   const [loading, setLoading] = useState(true);
+  const [region, setRegion] = useState("");
   const [name, setName] = useState("");
   const [images, setImages] = useState([]);
   const [capacity, setCapacity] = useState(0);
@@ -88,6 +89,7 @@ function DriverCoursePage() {
             startTime: startTime,
           },
         ],
+        region: region,
         images: [...imagesURL, ...destinationImages],
         name: name,
         totalDays: 1,
@@ -128,6 +130,7 @@ function DriverCoursePage() {
 
       if (courseId !== "new") {
         const courseResult = await getCourseDetail(courseId);
+        setRegion(courseResult.payload.region);
         setName(courseResult.payload.name);
         setImages(courseResult.payload.images);
         setCapacity(courseResult.payload.capacity);
@@ -142,6 +145,7 @@ function DriverCoursePage() {
         );
         setPriceIndex(beforePriceIndex === -1 ? 0 : beforePriceIndex);
       } else {
+        setRegion([]);
         setName("");
         setImages([]);
         setPriceIndex(0);
@@ -221,7 +225,11 @@ function DriverCoursePage() {
         endTime={endTime}
         setStartTime={setStartTime}
       />
-      <EditMap courseData={destinations} setCourseData={setDestinations} />
+      <EditMap
+        courseData={destinations}
+        setCourseData={setDestinations}
+        setRegion={setRegion}
+      />
       <SaveButton
         courseId={courseId}
         saveHandler={() => setShowCheckModal(true)}
diff --git a/src/pages/DriverProfilePage/ServiceRegion/index.jsx b/src/pages/DriverProfilePage/ServiceRegion/index.jsx
index 140e991c..92a6adeb 100644
--- a/src/pages/DriverProfilePage/ServiceRegion/index.jsx
+++ b/src/pages/DriverProfilePage/ServiceRegion/index.jsx
@@ -2,7 +2,9 @@ function ServiceRegion({ region }) {
   return (
     <div className="flex flex-col gap-1 my-7">
       <p className="text-lg text-black font-bold">서비스 지역</p>
-      <p className="text-sm text-darkgray font-medium">{region}</p>
+      <p className="text-sm text-darkgray font-medium">
+        {Array.isArray(region) && region.join(" ")}
+      </p>
     </div>
   );
 }
diff --git a/src/pages/DriverProfilePage/index.jsx b/src/pages/DriverProfilePage/index.jsx
index e5507e99..b301eff8 100644
--- a/src/pages/DriverProfilePage/index.jsx
+++ b/src/pages/DriverProfilePage/index.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { getDriverInfo } from "../../api/driver";
+import { getCourseDetail } from "../../api/course";
 import PageContainer from "../../components/PageContainer";
 import ImageBox from "../../components/ImageBox";
 import CommentList from "../../components/Comment/CommentList";
@@ -17,6 +18,7 @@ function DriverProfilePage() {
   const [searchParams] = useSearchParams();
   const { driverId } = useParams();
   const [driverInfo, setDriverInfo] = useState({});
+  const [courseRegion, setCourseRegion] = useState("");
   const [selectedCourseId, setSelectedCourseId] = useState(0);
   const courseImgs = driverInfo?.courses?.map((item) => item.courseImg);
 
@@ -29,6 +31,15 @@ function DriverProfilePage() {
     }
   };
 
+  const getCourseDetailFunc = async () => {
+    try {
+      const result = await getCourseDetail(selectedCourseId);
+      setCourseRegion(result.payload.region);
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
   useEffect(() => {
     settingDriverInfo();
   }, [driverId]);
@@ -39,8 +50,10 @@ function DriverProfilePage() {
     const memberParam = searchParams.get("member");
     const dateParam = searchParams.get("date");
 
+    getCourseDetailFunc();
+
     navigation(
-      `/party/new/4?region=${driverInfo.region}&member=${memberParam || 0}&date=${dateParam || null}&driverId=${driverId}&selectedCourseId=${selectedCourseId}`
+      `/party/new/4?region=${courseRegion}&member=${memberParam || 0}&date=${dateParam || null}&driverId=${driverId}&selectedCourseId=${selectedCourseId}`
     );
   }, [selectedCourseId]);
 
diff --git a/src/pages/MyProfilePage/UserProfile/Information/index.jsx b/src/pages/MyProfilePage/UserProfile/Information/index.jsx
index 7ec0af02..6aac777a 100644
--- a/src/pages/MyProfilePage/UserProfile/Information/index.jsx
+++ b/src/pages/MyProfilePage/UserProfile/Information/index.jsx
@@ -10,7 +10,7 @@ function Information({
     return (
       <div className="flex justify-between py-4 px-6 rounded-xl bg-lightgray text-sm text-darkgray">
         <span>{title}</span>
-        <span>{content}</span>
+        <span>{Array.isArray(content) ? content.join(" ") : content}</span>
       </div>
     );
   else
@@ -28,7 +28,7 @@ function Information({
             className={`w-full focus:outline-none text-right ${
               modifyMode ? "bg-skyblue" : "bg-lightgray"
             } ${modifyMode && onClick && "cursor-pointer caret-transparent"}`}
-            value={content}
+            value={Array.isArray(content) ? content.join(" ") : content}
             onChange={onChangeHandler}
             disabled={!modifyMode}
           />
diff --git a/src/pages/MyProfilePage/index.jsx b/src/pages/MyProfilePage/index.jsx
index b6ba10c3..ca348dac 100644
--- a/src/pages/MyProfilePage/index.jsx
+++ b/src/pages/MyProfilePage/index.jsx
@@ -21,7 +21,7 @@ function MyProfilePage() {
     phoneNumber: "",
     prices: [],
     profileImg: "",
-    region: "",
+    region: [],
     vehicleCapacity: 0,
     vehicleImgs: "",
     vehicleModel: "",
diff --git a/src/pages/NewPartyPage/Atom/CreateModal/index.jsx b/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
index 373af1eb..7d5d8123 100644
--- a/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
+++ b/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
@@ -14,6 +14,7 @@ function CreateModal({
   course,
   courseData,
   driverId,
+  region,
 }) {
   const navigation = useNavigate();
   const modalRef = useRef();
@@ -49,6 +50,7 @@ function CreateModal({
               destinations: courseData.map((item) => item.destinationId),
             },
           ],
+          region: region,
         },
       };
 
diff --git a/src/pages/NewPartyPage/Atom/TextArea/index.jsx b/src/pages/NewPartyPage/Atom/TextArea/index.jsx
index a2ede397..6582f466 100644
--- a/src/pages/NewPartyPage/Atom/TextArea/index.jsx
+++ b/src/pages/NewPartyPage/Atom/TextArea/index.jsx
@@ -2,7 +2,9 @@ function TextArea({ title, content }) {
   return (
     <div className="flex flex-col gap-1 my-7">
       <p className="text-lg text-black font-bold">{title}</p>
-      <p className="text-sm text-darkgray font-medium">{content}</p>
+      <p className="text-sm text-darkgray font-medium">
+        {Array.isArray(content) && content.join(" ")}
+      </p>
     </div>
   );
 }
diff --git a/src/pages/NewPartyPage/Course/index.jsx b/src/pages/NewPartyPage/Course/index.jsx
index 64651769..3f650ef7 100644
--- a/src/pages/NewPartyPage/Course/index.jsx
+++ b/src/pages/NewPartyPage/Course/index.jsx
@@ -19,6 +19,7 @@ function Course({
   setSelectedCourseId,
   member,
   region,
+  setRegion,
   settingDriverInfo,
 }) {
   const navigation = useNavigate();
@@ -64,6 +65,7 @@ function Course({
         markerData={planData.days[0].destinations}
         reload={true}
         mapName="TMAP_COURSE"
+        setRegion={setRegion}
       />
       <ReservationButton
         joinHandler={() =>
diff --git a/src/pages/NewPartyPage/Edit/index.jsx b/src/pages/NewPartyPage/Edit/index.jsx
index 73cbfcae..39e35ac0 100644
--- a/src/pages/NewPartyPage/Edit/index.jsx
+++ b/src/pages/NewPartyPage/Edit/index.jsx
@@ -19,10 +19,12 @@ import JoinAgreement from "../../PartyPage/JoinAgreement";
 function Edit({
   date,
   driverInfo,
+  setDriverInfo,
   planData,
   selectedCourseId,
   setSelectedCourseId,
   member,
+  region,
 }) {
   const companionsRef = useRef();
   const creditRef = useRef();
@@ -44,6 +46,10 @@ function Edit({
     }))
   );
 
+  const setRegion = (region) => {
+    setDriverInfo([...driverInfo, region]);
+  };
+
   const joinHandler = () => {
     // 동행자 정보 입력 체크
     if (memberCount > 1) {
@@ -162,7 +168,11 @@ function Edit({
         newName={newName}
         setNewName={setNewName}
       />
-      <EditMap courseData={courseData} setCourseData={setCourseData} />
+      <EditMap
+        courseData={courseData}
+        setCourseData={setCourseData}
+        setRegion={setRegion}
+      />
       <Credit
         shakeCredit={shakeCredit}
         register={registerCredit}
@@ -190,6 +200,7 @@ function Edit({
         course={planData}
         courseData={courseData}
         driverId={driverInfo.driverId}
+        region={region}
       />
     </div>
   );
diff --git a/src/pages/NewPartyPage/Reservation/index.jsx b/src/pages/NewPartyPage/Reservation/index.jsx
index 773294c3..a6b09856 100644
--- a/src/pages/NewPartyPage/Reservation/index.jsx
+++ b/src/pages/NewPartyPage/Reservation/index.jsx
@@ -23,6 +23,8 @@ function Reservation({
   selectedCourseId,
   setSelectedCourseId,
   member,
+  region,
+  setRegion,
 }) {
   const companionsRef = useRef();
   const creditRef = useRef();
@@ -154,6 +156,7 @@ function Reservation({
         markerData={planData.days[0].destinations}
         reload={true}
         mapName="TMAP_COURSE"
+        setRegion={setRegion}
       />
       <Credit
         shakeCredit={shakeCredit}
@@ -181,6 +184,7 @@ function Reservation({
         course={planData}
         courseData={planData.days[0].destinations}
         driverId={driverInfo.driverId}
+        region={region}
       />
     </div>
   );
diff --git a/src/pages/NewPartyPage/index.jsx b/src/pages/NewPartyPage/index.jsx
index 6e069bf7..9537bb85 100644
--- a/src/pages/NewPartyPage/index.jsx
+++ b/src/pages/NewPartyPage/index.jsx
@@ -154,6 +154,7 @@ function NewPartyPage() {
           setSelectedCourseId={setSelectedCourseId}
           member={member}
           region={region}
+          setRegion={setRegion}
           settingDriverInfo={settingDriverInfo}
         />
       )}
@@ -161,10 +162,12 @@ function NewPartyPage() {
         <Edit
           date={date}
           driverInfo={driverInfo}
+          setDriverInfo={setDriverInfo}
           planData={planData}
           selectedCourseId={selectedCourseId}
           setSelectedCourseId={setSelectedCourseId}
           member={member}
+          region={region}
         />
       )}
       {step === "6" && (
@@ -175,6 +178,8 @@ function NewPartyPage() {
           selectedCourseId={selectedCourseId}
           setSelectedCourseId={setSelectedCourseId}
           member={member}
+          region={region}
+          setRegion={setRegion}
         />
       )}
       <ConfirmModal

From a3c1fd3b71a4107d030cc5beeb3b7f3bb1c6f40d Mon Sep 17 00:00:00 2001
From: Daehee <mok9550@ajou.ac.kr>
Date: Thu, 11 Jul 2024 03:24:36 +0900
Subject: [PATCH 7/9] =?UTF-8?q?fix:=20=EB=93=9C=EB=9D=BC=EC=9D=B4=EB=B2=84?=
 =?UTF-8?q?=20=EB=8B=A4=EC=A4=91=20=EC=A7=80=EC=97=AD=20=ED=99=9C=EB=8F=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/region.js                             |  2 +-
 src/components/CourseMap/index.jsx            | 42 +------------------
 .../User/DriverInfo/DriverCourse/index.jsx    |  4 +-
 .../RegionModal/RegionButton/index.jsx        |  6 +--
 .../DriverCoursePage/CourseImage/index.jsx    | 10 +++--
 src/pages/DriverCoursePage/index.jsx          | 12 +++---
 .../DriverProfilePage/ServiceRegion/index.jsx |  2 +-
 .../BasicInfo/RegionModal/index.jsx           |  2 +-
 .../UserProfile/Information/index.jsx         |  2 +-
 .../NewPartyPage/Atom/CreateModal/index.jsx   |  3 +-
 .../NewPartyPage/Atom/TextArea/index.jsx      |  2 +-
 src/pages/NewPartyPage/Edit/index.jsx         | 10 ++---
 .../MemberAndDate/PageButton/index.jsx        |  2 +-
 src/pages/NewPartyPage/Reservation/index.jsx  |  1 +
 src/pages/NewPartyPage/index.jsx              | 17 +++-----
 src/pages/PartyPage/EditMap/index.jsx         | 31 +++++++++++++-
 16 files changed, 68 insertions(+), 80 deletions(-)

diff --git a/src/api/region.js b/src/api/region.js
index 08957d99..4d722528 100644
--- a/src/api/region.js
+++ b/src/api/region.js
@@ -12,4 +12,4 @@ export const deletePartyRegion = async (regionId) =>
   await DELETE(`/region/${regionId}`, true);
 
 export const getPartyRegionDriverList = async (regionId) =>
-  await GET(`/region/${regionId}`, true);
+  await GET(`/region/driver/${regionId}`, true);
diff --git a/src/components/CourseMap/index.jsx b/src/components/CourseMap/index.jsx
index 1add3e5f..10bd86c3 100644
--- a/src/components/CourseMap/index.jsx
+++ b/src/components/CourseMap/index.jsx
@@ -1,55 +1,15 @@
 import { useEffect, useRef, useState } from "react";
 import axios from "axios";
-import { getPartyRegionList } from "../../api/region";
 import startMarker from "../../assets/svg/start_marker.svg";
 import endMarker from "../../assets/svg/end_marker.svg";
 import pointMarker from "../../assets/svg/point_marker.svg";
 import DestinationModal from "../PlaceMap/DestinationModal";
 
-function CourseMap({ markerData, reload, mapName, setRegion, courseData }) {
+function CourseMap({ markerData, reload, mapName }) {
   const mapRef = useRef();
   const [isDrawMap, setIsDrawMap] = useState(false);
   const [showDestinationModal, setShowDestinationModal] = useState(false);
   const [clickedData, setClickedData] = useState({});
-  const [regionData, setRegionData] = useState([]);
-
-  const getPartyRegionListFunc = async () => {
-    try {
-      const result = await getPartyRegionList();
-      setRegionData(result.payload);
-    } catch (e) {
-      console.log(e);
-    }
-  };
-
-  useEffect(() => {
-    getPartyRegionListFunc();
-  }, []);
-
-  useEffect(() => {
-    if (regionData.length > 0 && setRegion)
-      for (let item of regionData) {
-        if (item.name !== "그 외(서비스 준비 중)") {
-          for (let word of item.name.split(" ")) {
-            if (word !== "전남") {
-              if (markerData[0].address.includes(word)) {
-                setRegion(word);
-                return;
-              } else if (markerData[1].address.includes(word)) {
-                setRegion(word);
-                return;
-              } else if (
-                markerData.length > 2 &&
-                markerData[2].address.includes(word)
-              ) {
-                setRegion(word);
-                return;
-              }
-            }
-          }
-        }
-      }
-  }, [regionData, courseData]);
 
   const addMarker = (destinationId, name, lat, lon, tag, map) => {
     let imgURL = null;
diff --git a/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx b/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
index 26fcb786..ecc16754 100644
--- a/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
+++ b/src/pages/AdminPage/User/DriverInfo/DriverCourse/index.jsx
@@ -26,7 +26,7 @@ function DriverCourse() {
   const navigation = useNavigate();
   const [searchParams] = useSearchParams();
   const [loading, setLoading] = useState(true);
-  const [region, setRegion] = useState([]);
+  const [region, setRegion] = useState("");
   const [name, setName] = useState("");
   const [images, setImages] = useState([]);
   const [capacity, setCapacity] = useState(0);
@@ -132,7 +132,6 @@ function DriverCourse() {
 
       if (courseId !== "new") {
         const courseResult = await getDriverCourseDetail(driverId, courseId);
-        setRegion(courseResult.payload.region);
         setName(courseResult.payload.name);
         setImages(courseResult.payload.images);
         setCapacity(courseResult.payload.capacity);
@@ -147,7 +146,6 @@ function DriverCourse() {
         );
         setPriceIndex(beforePriceIndex === -1 ? 0 : beforePriceIndex);
       } else {
-        setRegion([]);
         setName("");
         setImages([]);
         setPriceIndex(0);
diff --git a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
index b54f93ac..4ef420e5 100644
--- a/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
+++ b/src/pages/AdminPage/User/UserInfo/UserTable/RegionModal/RegionButton/index.jsx
@@ -5,11 +5,11 @@ function RegionButton({ image, name, selectedRegion, setSelectedRegion }) {
     <div
       className="relative cursor-pointer"
       onClick={() => {
-        if (selectedRegion.includes(name)) {
+        if (selectedRegion.indexOf(name) > -1) {
           const newRegions = selectedRegion.filter((item) => item !== name);
           setSelectedRegion(newRegions);
         } else {
-          setSelectedRegion({ ...selectedRegion, region: name });
+          setSelectedRegion([...selectedRegion, name]);
         }
       }}
     >
@@ -21,7 +21,7 @@ function RegionButton({ image, name, selectedRegion, setSelectedRegion }) {
       <div className="w-full mt-2.5 text-base text-boldgray font-medium text-center">
         {name}
       </div>
-      {selectedRegion.includes(name) && (
+      {selectedRegion.indexOf(name) > -1 && (
         <div className="w-full h-48 absolute top-0 left-0 flex justify-center items-center rounded-xl bg-black bg-opacity-70">
           <img src={regionCheck} />
         </div>
diff --git a/src/pages/DriverCoursePage/CourseImage/index.jsx b/src/pages/DriverCoursePage/CourseImage/index.jsx
index 04fd04cf..990b8381 100644
--- a/src/pages/DriverCoursePage/CourseImage/index.jsx
+++ b/src/pages/DriverCoursePage/CourseImage/index.jsx
@@ -15,6 +15,7 @@ function CourseImage({ images, setImages }) {
     <div className="flex flex-col gap-2 my-8">
       <p className="text-lg text-black font-bold">파티 코스 이미지</p>
       <div className="flex gap-4 overflow-x-auto noScrollBar">
+        <ImageInput images={images} setImages={setImages} />
         <DragDropContext onDragEnd={handleChange}>
           <Droppable droppableId="imagelist" direction="horizontal">
             {(provided) => (
@@ -24,14 +25,18 @@ function CourseImage({ images, setImages }) {
                 ref={provided.innerRef}
               >
                 {images.map((image, index) => (
-                  <Draggable draggableId={image} index={index} key={image}>
+                  <Draggable
+                    draggableId={typeof image === "string" ? image : image.name}
+                    index={index}
+                    key={typeof image === "string" ? image : image.name}
+                  >
                     {(provided, snapshot) => {
                       return (
                         <div
                           {...provided.draggableProps}
                           {...provided.dragHandleProps}
                           ref={provided.innerRef}
-                          className={`ml-4 ${
+                          className={`mr-4 ${
                             snapshot.isDragging &&
                             "ring ring-primary rounded-lg"
                           }`}
@@ -53,7 +58,6 @@ function CourseImage({ images, setImages }) {
             )}
           </Droppable>
         </DragDropContext>
-        <ImageInput images={images} setImages={setImages} />
       </div>
     </div>
   );
diff --git a/src/pages/DriverCoursePage/index.jsx b/src/pages/DriverCoursePage/index.jsx
index 5fd74bad..6b70eb27 100644
--- a/src/pages/DriverCoursePage/index.jsx
+++ b/src/pages/DriverCoursePage/index.jsx
@@ -26,7 +26,6 @@ function DriverCoursePage() {
   const navigation = useNavigate();
   const { courseId } = useParams();
   const [loading, setLoading] = useState(true);
-  const [region, setRegion] = useState("");
   const [name, setName] = useState("");
   const [images, setImages] = useState([]);
   const [capacity, setCapacity] = useState(0);
@@ -39,6 +38,8 @@ function DriverCoursePage() {
   const [showErrorModal, setShowErrorModal] = useState(false);
   const [showCheckModal, setShowCheckModal] = useState(false);
   const [commissionRate, setCommissionRate] = useState(0);
+  const [driverRegion, setDriverRegion] = useState([]);
+  const [courseRegion, setCourseRegion] = useState("");
 
   const saveCourse = async () => {
     const destinationImages = destinations.reduce((acc, cur) => {
@@ -89,7 +90,7 @@ function DriverCoursePage() {
             startTime: startTime,
           },
         ],
-        region: region,
+        region: courseRegion || driverRegion[0],
         images: [...imagesURL, ...destinationImages],
         name: name,
         totalDays: 1,
@@ -127,10 +128,11 @@ function DriverCoursePage() {
       const driverResult = await getDriverMyInfo();
       setCapacity(driverResult.payload.vehicleCapacity);
       setPrices(driverResult.payload.prices);
+      setDriverRegion(driverResult.payload.region);
 
       if (courseId !== "new") {
         const courseResult = await getCourseDetail(courseId);
-        setRegion(courseResult.payload.region);
+        setCourseRegion(courseResult.payload.region);
         setName(courseResult.payload.name);
         setImages(courseResult.payload.images);
         setCapacity(courseResult.payload.capacity);
@@ -145,7 +147,7 @@ function DriverCoursePage() {
         );
         setPriceIndex(beforePriceIndex === -1 ? 0 : beforePriceIndex);
       } else {
-        setRegion([]);
+        setCourseRegion("");
         setName("");
         setImages([]);
         setPriceIndex(0);
@@ -228,7 +230,7 @@ function DriverCoursePage() {
       <EditMap
         courseData={destinations}
         setCourseData={setDestinations}
-        setRegion={setRegion}
+        setRegion={setCourseRegion}
       />
       <SaveButton
         courseId={courseId}
diff --git a/src/pages/DriverProfilePage/ServiceRegion/index.jsx b/src/pages/DriverProfilePage/ServiceRegion/index.jsx
index 92a6adeb..babd07b4 100644
--- a/src/pages/DriverProfilePage/ServiceRegion/index.jsx
+++ b/src/pages/DriverProfilePage/ServiceRegion/index.jsx
@@ -3,7 +3,7 @@ function ServiceRegion({ region }) {
     <div className="flex flex-col gap-1 my-7">
       <p className="text-lg text-black font-bold">서비스 지역</p>
       <p className="text-sm text-darkgray font-medium">
-        {Array.isArray(region) && region.join(" ")}
+        {Array.isArray(region) && region.join(" / ")}
       </p>
     </div>
   );
diff --git a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
index 9b55252c..47da2440 100644
--- a/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
+++ b/src/pages/MyProfilePage/DriverProfile/BasicInfo/RegionModal/index.jsx
@@ -86,7 +86,7 @@ function RegionModal({ showModal, setShowModal, driverInfo, setDriverInfo }) {
             <h3 className="mb-4 text-xl font-bold text-gray-900">
               활동 가능한 지역 수정하기
             </h3>
-            <div className="grid grid-cols-2 gap-5 py-4 px-2 md:grid-cols-3 h-full bg-white rounded-xl overflow-auto">
+            <div className="grid grid-cols-2 gap-5 py-4 px-2 md:grid-cols-3 h-full max-h-[600px] bg-white rounded-xl overflow-scroll noScrollBar">
               {regionData.map((item) => (
                 <Region
                   key={item.regionId}
diff --git a/src/pages/MyProfilePage/UserProfile/Information/index.jsx b/src/pages/MyProfilePage/UserProfile/Information/index.jsx
index 6aac777a..1cb45593 100644
--- a/src/pages/MyProfilePage/UserProfile/Information/index.jsx
+++ b/src/pages/MyProfilePage/UserProfile/Information/index.jsx
@@ -28,7 +28,7 @@ function Information({
             className={`w-full focus:outline-none text-right ${
               modifyMode ? "bg-skyblue" : "bg-lightgray"
             } ${modifyMode && onClick && "cursor-pointer caret-transparent"}`}
-            value={Array.isArray(content) ? content.join(" ") : content}
+            value={Array.isArray(content) ? content.join(" / ") : content}
             onChange={onChangeHandler}
             disabled={!modifyMode}
           />
diff --git a/src/pages/NewPartyPage/Atom/CreateModal/index.jsx b/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
index 7d5d8123..e6e3fdcf 100644
--- a/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
+++ b/src/pages/NewPartyPage/Atom/CreateModal/index.jsx
@@ -15,6 +15,7 @@ function CreateModal({
   courseData,
   driverId,
   region,
+  courseRegion,
 }) {
   const navigation = useNavigate();
   const modalRef = useRef();
@@ -50,7 +51,7 @@ function CreateModal({
               destinations: courseData.map((item) => item.destinationId),
             },
           ],
-          region: region,
+          region: courseRegion || region,
         },
       };
 
diff --git a/src/pages/NewPartyPage/Atom/TextArea/index.jsx b/src/pages/NewPartyPage/Atom/TextArea/index.jsx
index 6582f466..926fd129 100644
--- a/src/pages/NewPartyPage/Atom/TextArea/index.jsx
+++ b/src/pages/NewPartyPage/Atom/TextArea/index.jsx
@@ -3,7 +3,7 @@ function TextArea({ title, content }) {
     <div className="flex flex-col gap-1 my-7">
       <p className="text-lg text-black font-bold">{title}</p>
       <p className="text-sm text-darkgray font-medium">
-        {Array.isArray(content) && content.join(" ")}
+        {Array.isArray(content) ? content.join(" / ") : content}
       </p>
     </div>
   );
diff --git a/src/pages/NewPartyPage/Edit/index.jsx b/src/pages/NewPartyPage/Edit/index.jsx
index 39e35ac0..e4539a61 100644
--- a/src/pages/NewPartyPage/Edit/index.jsx
+++ b/src/pages/NewPartyPage/Edit/index.jsx
@@ -19,7 +19,8 @@ import JoinAgreement from "../../PartyPage/JoinAgreement";
 function Edit({
   date,
   driverInfo,
-  setDriverInfo,
+  courseRegion,
+  setCourseRegion,
   planData,
   selectedCourseId,
   setSelectedCourseId,
@@ -46,10 +47,6 @@ function Edit({
     }))
   );
 
-  const setRegion = (region) => {
-    setDriverInfo([...driverInfo, region]);
-  };
-
   const joinHandler = () => {
     // 동행자 정보 입력 체크
     if (memberCount > 1) {
@@ -171,7 +168,7 @@ function Edit({
       <EditMap
         courseData={courseData}
         setCourseData={setCourseData}
-        setRegion={setRegion}
+        setRegion={setCourseRegion}
       />
       <Credit
         shakeCredit={shakeCredit}
@@ -201,6 +198,7 @@ function Edit({
         courseData={courseData}
         driverId={driverInfo.driverId}
         region={region}
+        courseRegion={courseRegion}
       />
     </div>
   );
diff --git a/src/pages/NewPartyPage/MemberAndDate/PageButton/index.jsx b/src/pages/NewPartyPage/MemberAndDate/PageButton/index.jsx
index 7cac07a7..cd94d60a 100644
--- a/src/pages/NewPartyPage/MemberAndDate/PageButton/index.jsx
+++ b/src/pages/NewPartyPage/MemberAndDate/PageButton/index.jsx
@@ -16,7 +16,7 @@ function PageButton({ region, member, date, driverId }) {
           "h-12 rounded-full text-sm w-64 border text-white bg-primary border-primary"
         }
         onClick={() =>
-          driverId
+          driverId > 0
             ? navigation(
                 `/party/new/6?region=${region}&member=${member}&date=${date}&driverId=${driverId}`
               )
diff --git a/src/pages/NewPartyPage/Reservation/index.jsx b/src/pages/NewPartyPage/Reservation/index.jsx
index a6b09856..f26ab61e 100644
--- a/src/pages/NewPartyPage/Reservation/index.jsx
+++ b/src/pages/NewPartyPage/Reservation/index.jsx
@@ -185,6 +185,7 @@ function Reservation({
         courseData={planData.days[0].destinations}
         driverId={driverInfo.driverId}
         region={region}
+        courseRegion={planData.region}
       />
     </div>
   );
diff --git a/src/pages/NewPartyPage/index.jsx b/src/pages/NewPartyPage/index.jsx
index 9537bb85..e2825d25 100644
--- a/src/pages/NewPartyPage/index.jsx
+++ b/src/pages/NewPartyPage/index.jsx
@@ -1,10 +1,5 @@
 import { useEffect, useState } from "react";
-import {
-  useLocation,
-  useNavigate,
-  useParams,
-  useSearchParams,
-} from "react-router-dom";
+import { useNavigate, useParams, useSearchParams } from "react-router-dom";
 import { useSelector } from "react-redux";
 import { getDriverInfo } from "../../api/driver";
 import { getCourseDetail } from "../../api/course";
@@ -20,13 +15,13 @@ import Reservation from "./Reservation";
 function NewPartyPage() {
   const navigation = useNavigate();
   const { step } = useParams();
-  const location = useLocation();
   const user = useSelector((state) => state.user);
   const [searchParams] = useSearchParams();
   const [region, setRegion] = useState("");
+  const [courseRegion, setCourseRegion] = useState("");
   const [member, setMember] = useState(1);
   const [date, setDate] = useState();
-  const [driverId, setDriverId] = useState(0);
+  const [driverId, setDriverId] = useState(searchParams.get("driverId"));
   const [driverInfo, setDriverInfo] = useState({});
   const [planData, setPlanData] = useState({});
   const [selectedCourseId, setSelectedCourseId] = useState(
@@ -109,8 +104,7 @@ function NewPartyPage() {
   }, [selectedCourseId]);
 
   useEffect(() => {
-    if (!driverId) return;
-    settingDriverInfo();
+    if (driverId > 0) settingDriverInfo();
   }, [driverId]);
 
   useEffect(() => {
@@ -162,7 +156,8 @@ function NewPartyPage() {
         <Edit
           date={date}
           driverInfo={driverInfo}
-          setDriverInfo={setDriverInfo}
+          courseRegion={courseRegion}
+          setCourseRegion={setCourseRegion}
           planData={planData}
           selectedCourseId={selectedCourseId}
           setSelectedCourseId={setSelectedCourseId}
diff --git a/src/pages/PartyPage/EditMap/index.jsx b/src/pages/PartyPage/EditMap/index.jsx
index 05621faf..dede9fd8 100644
--- a/src/pages/PartyPage/EditMap/index.jsx
+++ b/src/pages/PartyPage/EditMap/index.jsx
@@ -1,13 +1,43 @@
 import { useEffect, useState } from "react";
+import { getPartyRegionList } from "../../../api/region";
 import CourseMap from "../../../components/CourseMap";
 import PlaceMap from "../../../components/PlaceMap";
 import ToggleButton from "./ToggleButton";
 
 function EditMap({ courseData, setCourseData, setRegion }) {
   const [showSearchMap, setShowSearchMap] = useState(true);
+  const [regionData, setRegionData] = useState([]);
+
+  const findRegion = (index) => {
+    if (courseData.length === index) return null;
+
+    const targetRegion = regionData.filter((region) =>
+      courseData[index]?.address?.includes(region.name)
+    )[0];
+
+    return targetRegion?.name || findRegion(index + 1);
+  };
+
+  const getPartyRegionListFunc = async () => {
+    try {
+      const result = await getPartyRegionList();
+      setRegionData(result.payload);
+    } catch (e) {
+      console.log(e);
+    }
+  };
+
+  useEffect(() => {
+    getPartyRegionListFunc();
+  }, []);
 
   useEffect(() => {
     if (courseData.length === 0) setShowSearchMap(true);
+
+    if (setRegion) {
+      const targetRegion = findRegion(0);
+      setRegion(targetRegion);
+    }
   }, [courseData]);
 
   return (
@@ -32,7 +62,6 @@ function EditMap({ courseData, setCourseData, setRegion }) {
           markerData={courseData}
           reload={true}
           mapName="TMAP_COURSE"
-          setRegion={setRegion}
         />
       )}
     </div>

From 1a46d08619c34308c480f2922d2805f9cbc9ec7d Mon Sep 17 00:00:00 2001
From: Daehee <mok9550@ajou.ac.kr>
Date: Thu, 11 Jul 2024 04:03:39 +0900
Subject: [PATCH 8/9] =?UTF-8?q?fix:=20=EB=93=9C=EB=9D=BC=EC=9D=B4=EB=B2=84?=
 =?UTF-8?q?=20=EB=8B=A4=EC=A4=91=20=EC=A7=80=EC=97=AD=20=ED=8C=8C=ED=8B=B0?=
 =?UTF-8?q?=20=EA=B0=80=EC=9E=85,=20=EC=BD=94=EC=8A=A4=20=EB=B3=80?=
 =?UTF-8?q?=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/PartyPage/EditModal/index.jsx | 1 +
 src/pages/PartyPage/index.jsx           | 9 +++------
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/pages/PartyPage/EditModal/index.jsx b/src/pages/PartyPage/EditModal/index.jsx
index 9def71f6..a467d180 100644
--- a/src/pages/PartyPage/EditModal/index.jsx
+++ b/src/pages/PartyPage/EditModal/index.jsx
@@ -65,6 +65,7 @@ function EditModal({
                   destinations: courseData.map((item) => item.destinationId),
                 },
               ],
+              region: region,
             },
           };
 
diff --git a/src/pages/PartyPage/index.jsx b/src/pages/PartyPage/index.jsx
index c37d31e8..2dacd130 100644
--- a/src/pages/PartyPage/index.jsx
+++ b/src/pages/PartyPage/index.jsx
@@ -63,7 +63,7 @@ function PartyPage() {
       phoneNumber: "",
     }))
   );
-
+  console.log(region);
   const checkJoinEdit = () => {
     if (
       partyData.partyStatus === "RECRUITING" &&
@@ -190,6 +190,7 @@ function PartyPage() {
       if (result.statusCode === 403 && !user.auth) navigation("/login");
       else if (result.statusCode === 200) setPartyData(result.payload);
       else setPartyData({ partyId: -1 });
+      setRegion(result.payload.region);
 
       if (
         result?.payload?.myParty === true &&
@@ -346,8 +347,6 @@ function PartyPage() {
             markerData={partyData.proposal.course.days[0].destinations}
             reload={false}
             mapName="TMAP_COURSE_NEW"
-            setRegion={setRegion}
-            courseData={courseData}
           />
           <hr className="w-full max-w-[900px] bg-darkgray/30 my-20 mx-auto h-px border-0" />
         </>
@@ -390,8 +389,6 @@ function PartyPage() {
             markerData={partyData.course.days[0].destinations}
             reload={false}
             mapName="TMAP_COURSE_BEFORE"
-            setRegion={setRegion}
-            courseData={courseData}
           />
         </>
       )}
@@ -473,7 +470,7 @@ function PartyPage() {
         course={partyData.course}
         myParty={partyData.myParty}
         courseData={courseData}
-        region={region}
+        region={region || partyData.region}
       />
       <ConfirmModal
         showModal={showJoinErrorModal}

From 3b94216322b1b6c9c6fa0f6a87628e9929463591 Mon Sep 17 00:00:00 2001
From: Daehee Mok <100769596+DaeHee99@users.noreply.github.com>
Date: Thu, 11 Jul 2024 04:07:30 +0900
Subject: [PATCH 9/9] =?UTF-8?q?fix:=20=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C?=
 =?UTF-8?q?=20=EC=BD=94=EB=93=9C=20=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/PartyPage/index.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/PartyPage/index.jsx b/src/pages/PartyPage/index.jsx
index 2dacd130..fcd955fa 100644
--- a/src/pages/PartyPage/index.jsx
+++ b/src/pages/PartyPage/index.jsx
@@ -63,7 +63,7 @@ function PartyPage() {
       phoneNumber: "",
     }))
   );
-  console.log(region);
+
   const checkJoinEdit = () => {
     if (
       partyData.partyStatus === "RECRUITING" &&