feat : star는 표시되나, 클릭이 안되는 상황

Author: IGhost-P

yam-view/src/assets/emptyStar.png

@@ -34,6 +34,7 @@ export const dummyData = [
     x_coordinate: 127.16017523675508, // 경도
     address: "대전광역시 00구 00동",
     heart: 3,
+    star: true,
     category: "korea",
     menus: [
       {
@@ -53,6 +54,7 @@ export const dummyData = [
     x_coordinate: 127.1583774403176, // 경도
     address: "대전광역시 00구 00동",
     heart: 3,
+    star: true,
     category: "cafe",
     menus: [
       {
@@ -72,6 +74,7 @@ export const dummyData = [
     x_coordinate: 127.15122688059974, // 경도
     address: "대전광역시 00구 00동",
     heart: 3,
+    star: false,
     category: "japan",
     menus: [
       {
@@ -91,6 +94,7 @@ export const dummyData = [
     x_coordinate: 127.15211256646381, // 경도
     address: "대전광역시 00구 00동",
     heart: 3,
+    star: false,
     category: "china",
     menus: [
       {

yam-view/src/assets/fullStar.png

@@ -165,7 +165,7 @@
   font-weight: lighter;
   border-radius: 10px;
   font-size: 12px;
-  margin-right: 10px;
+  margin-right: 40px;
 }
 
 .content{
@@ -208,4 +208,9 @@
 
 .bold{
   font-weight: bold;
+}
+
+.star{
+  position : absolute;
+  right: 15px;
 }

yam-view/src/components/Data/markerData.js

@@ -169,6 +169,9 @@ const WebView = () => {
         <div class="sector">
         ${findCategoryEtoK(el.category)}
         </div>
+        <div class='star'>
+        <imglocation>
+        </div>
         </div>
                 <div class="body">
                     <div class="content">
@@ -205,6 +208,16 @@ const WebView = () => {
                 </div>
             </div>
         </div>;`;
+
+      let starImg = document.createElement("img");
+      starImg.className = "starImg";
+      if (el.star) {
+        starImg.src = require("../assets/fullStar.png");
+      } else {
+        starImg.src = require("../assets/emptyStar.png");
+      }
+      content = content.replace("<imglocation>", `${starImg.outerHTML}`);
+
       /*  위 div 방식을 아래처럼 바꿔야할 것 같아요
         var content = document.createElement('div');
         content.setAttribute('class','wrap');