From 60ef18b212593c140517a28b341cedc70d7c2686 Mon Sep 17 00:00:00 2001
From: jimin <moana16@naver.com>
Date: Tue, 27 Sep 2022 01:11:09 +0900
Subject: [PATCH] =?UTF-8?q?feature/map-logic=20map=20=EC=98=A4=EB=A5=98..?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0=E3=85=8E=20#15?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/_document.jsx                   |  2 +-
 pages/map/_components/KakaoAPIMap.jsx |  4 ++--
 pages/map/index.js                    | 12 ++++++------
 3 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/pages/_document.jsx b/pages/_document.jsx
index c7deef1..8d3c741 100644
--- a/pages/_document.jsx
+++ b/pages/_document.jsx
@@ -24,7 +24,7 @@ export default class MyDocument extends Document {
     return (
         <Html lang="ko">
           <Head />
-          <script type="text/javascript" src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=1664a34e52ea5802af4d289cbdeef3ed&libraries=services`}/>
+          <script type="text/javascript" src={`//dapi.kakao.com/v2/maps/sdk.js?appkey=1664a34e52ea5802af4d289cbdeef3ed&libraries=services`} async/>
           <body>
           <Main />
           <NextScript />
diff --git a/pages/map/_components/KakaoAPIMap.jsx b/pages/map/_components/KakaoAPIMap.jsx
index 6b70f02..daac698 100644
--- a/pages/map/_components/KakaoAPIMap.jsx
+++ b/pages/map/_components/KakaoAPIMap.jsx
@@ -14,7 +14,7 @@ const dustMapper = {
 };
 
 
-export const KakaoAPIMap = ({dusts}) => { //{dusts}
+export const KakaoAPIMap = ({dusts}) => {
   const [myLocation, setMyLocation] = useState("");
   
 
@@ -43,7 +43,7 @@ export const KakaoAPIMap = ({dusts}) => { //{dusts}
       center={{ lat: 37.496313, lng: 126.957037 }}
       style={{ width: "100%", height: "100vh" }}
     >
-      {dusts.map((dust) => {
+      {dusts && dusts.map((dust) => {
         return (
           !dust.caught&&(
           <CustomOverlayMap
diff --git a/pages/map/index.js b/pages/map/index.js
index 2ac2956..36b0bfd 100644
--- a/pages/map/index.js
+++ b/pages/map/index.js
@@ -37,21 +37,21 @@ export default function Map() {
             <div className={styles.stardust_container}>
             {dusts.map((dust) => {
             if(dust.dustId==1) {
-                return (<div className={dust.caught ? styles.catched_stardust_black : styles.stardust_black} />)
+                return (<div key={dust.dustId} className={dust.caught ? styles.catched_stardust_black : styles.stardust_black} />)
             }
             else if(dust.dustId==2) {
-                return (<div className={dust.caught ? styles.catched_stardust_white : styles.stardust_white } /> );
+                return (<div key={dust.dustId} className={dust.caught ? styles.catched_stardust_white : styles.stardust_white } /> );
             }
             else if(dust.dustId==3)
             {
-                return (<div className={dust.caught ? styles.catched_stardust_green : styles.stardust_green } /> );
+                return (<div key={dust.dustId} className={dust.caught ? styles.catched_stardust_green : styles.stardust_green } /> );
             }
             else if(dust.dustId==4){
-                return (<div className={dust.caught ? styles.catched_stardust_yellow : styles.stardust_yellow } /> );
+                return (<div key={dust.dustId} className={dust.caught ? styles.catched_stardust_yellow : styles.stardust_yellow } /> );
             }
             else {
-                console.log(5);
-                return (<div className={dust.caught ? styles.catched_stardust_purple : styles.stardust_purple } /> );
+                
+                return (<div key={dust.dustId} className={dust.caught ? styles.catched_stardust_purple : styles.stardust_purple } /> );
             }
             })};
             </div>
