Feature/sw/temp

yam-view/src/App.js

@@ -1,40 +1,13 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { HashRouter as Router, Switch, Route } from "react-router-dom";
 import WebView from "./pages/WebView";
 import axios from "axios";
 
 //axios.defaults.withCredentials = true;
-/**
- * RN에서 온 정보를 듣는 함수
- */
-const RNListener = () => {
-  /** react native 환경에서만 가능 */
-  const listener = (event) => {
-    const { data, type } = JSON.parse(event.data);
-    console.log(data);
-    if (type === "TOKEN") {
-      // type이 TOKEN이기 때문에 이곳에 콘솔이 찍히게 됩니다.
-      console.log(data); // xxxxx
-    } else if (type === "NOTIFICATION") {
-      console.log("NOTIFICATION");
-    }
-  };
-
-  if (window.ReactNativeWebView) {
-    /** android */
-    document.addEventListener("message", listener);
-    /** ios */
-    window.addEventListener("message", listener);
-  } else {
-    // 모바일이 아니라면 모바일 아님을 alert로 띄웁니다.
-    alert({ message: "모바일이 아님" });
-  }
-};
 
 function App() {
   return (
     <Router>
-      <RNListener />
       <Switch>
         <Route exact path="/" component={WebView} />
       </Switch>

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

@@ -1,9 +1,116 @@
 // latitude : y축
 // longitude : x축
 
+//template
+// restaurantId: 1,
+//     restaurantName: "콜드스퀘어", // 이름
+//     restaurantNumber: "010-1111-1111", // 전화번호
+//     y_coordinate: 37.62197524055062, // 위도
+//     x_coordinate: 127.16017523675508, // 경도
+//     address: "대전광역시 00구 00동",
+//     heart: 3,
+//     category: "korea",
+//     menus: [
+//       {
+//         menuId: 1,
+//         menuName: "비빔밥",
+//         price: 10000,
+//         category: "korea",
+//         menuNum: 0,
+//       },
+//     ],
+//     OPEN_TIME: "오전 11:00 ~ 오후 11:00",
+//     SECTOR: "분식",
+//     MAIN_MENU: "돼지국밥, 돼지찜, 돼지전골",
+//     LAST_UPDATED: Date(),
+//     DATE_CREATED: Date(),
+//
+export const dummyData = [
+  {
+    restaurantId: 1,
+    restaurantName: "한국집", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.62197524055062, // 위도
+    x_coordinate: 127.16017523675508, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    star: true,
+    category: "korea",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 2,
+    restaurantName: "카페", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.620842424005616, // 위도
+    x_coordinate: 127.1583774403176, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    star: true,
+    category: "cafe",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 1,
+    restaurantName: "일본집", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.624915253753194, // 위도
+    x_coordinate: 127.15122688059974, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    star: false,
+    category: "japan",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 3,
+    restaurantName: "중국집", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.62456273069659, // 위도
+    x_coordinate: 127.15211256646381, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    star: false,
+    category: "china",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+];
+
 export const markerdata = [
   {
-    RESTARANT_ID: 1,
+    RESTARANT_ID: 4,
     USER_ID: 1,
     NAME: "콜드스퀘어", // 이름
     PHONE_NUMBER: "010-1111-1111", // 전화번호

yam-view/src/components/DetiaModal.js

@@ -0,0 +1,20 @@
+export default function DetailModal() {
+  return (
+    // <div>
+    //     <div className="modal-wrapper">
+    //         <div className="modal-content">
+    //             <div className="modal-header">
+    //                 <div className="modal-title">
+    //                     <h1>상세정보</h1>
+    //                 </div>
+    //                 <div className="modal-close">
+    //                     <button className="modal-close-btn">
+    //                         <img src={require("../assets/close.png")} alt="close" />
+    //                     </button>
+    //                 </div>
+    //             </div>
+    //             <div className="modal-body">
+    //                 <div className="modal-info">
+    <div>안녕하세요?</div>
+  );
+}