Merge pull request #5 from Booda-YAMYAM/feature/sw/makeDynamicRouter

Feature/sw/make dynamic router

yam-view/src/App.js

@@ -6,34 +6,6 @@ import axios from "axios";
 //axios.defaults.withCredentials = true;
 
 function App() {
-  // 받아오는 값에 따라 달라지는 tag 값
-  const [textValue, setTextValue] = useState("");
-
-  /** react native 환경에서만 가능 */
-  const onMessageHandler = (e) => {
-    const event = JSON.parse(e.data);
-    window.ReactNativeWebView.postMessage(JSON.stringify({ event: event }));
-    if (event.changeText) {
-      console.log(event.changeText);
-      setTextValue(event.changeText);
-    }
-  };
-
-  // tagChange
-  useEffect(() => {
-    const isUIWebView = () => {
-      return navigator.userAgent
-        .toLowerCase()
-        .match(/\(ip.*applewebkit(?!.*(version|crios))/);
-    };
-
-    const receiver = isUIWebView() ? window : document;
-
-    receiver.addEventListener("message", onMessageHandler);
-    return () => {
-      receiver.removeEventListener("message", onMessageHandler);
-    };
-  });
   return (
     <Router>
       <Switch>

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

@@ -1,6 +1,109 @@
 // 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,
+    category: "korea",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 1,
+    restaurantName: "카페", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.62197524055062, // 위도
+    x_coordinate: 127.16017523675508, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    category: "cafe",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 1,
+    restaurantName: "일본집", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.62197524055062, // 위도
+    x_coordinate: 127.16017523675508, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    category: "japan",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+  {
+    restaurantId: 1,
+    restaurantName: "중국집", // 이름
+    restaurantNumber: "010-1111-1111", // 전화번호
+    y_coordinate: 37.62197524055062, // 위도
+    x_coordinate: 127.16017523675508, // 경도
+    address: "대전광역시 00구 00동",
+    heart: 3,
+    category: "china",
+    menus: [
+      {
+        menuId: 1,
+        menuName: "비빔밥",
+        price: 10000,
+        category: "korea",
+        menuNum: 0,
+      },
+    ],
+  },
+];
+
 export const markerdata = [
   {
     RESTARANT_ID: 1,

yam-view/src/pages/WebView.js

@@ -40,8 +40,33 @@ const requestPermission = () => {
     DATE_CREATED: Date(), */
 
 const WebView = () => {
+  const [category, setCategory] = useState("전체");
+
+  /** react native 환경에서만 가능 */
+  const onMessageHandler = (e) => {
+    const event = JSON.parse(e.data);
+    window.ReactNativeWebView.postMessage(JSON.stringify({ event: event }));
+    if (event.changeText) {
+      setCategory(event.changeText);
+      alert(event.changeText);
+    }
+  };
+
   useEffect(() => {
     mapscript();
+
+    const isUIWebView = () => {
+      return navigator.userAgent
+        .toLowerCase()
+        .match(/\(ip.*applewebkit(?!.*(version|crios))/);
+    };
+
+    const receiver = isUIWebView() ? window : document;
+
+    receiver.addEventListener("message", onMessageHandler);
+    return () => {
+      receiver.removeEventListener("message", onMessageHandler);
+    };
   }, []);
 
   const mapscript = () => {

yam-view/src/utils/filterTag.js

@@ -0,0 +1,3 @@
+export const filterTag = (arr, tagList) => {
+  return arr.filter((item) => tagList.includes(item.tag));
+};

yam-view/src/utils/findCategory.js

@@ -0,0 +1,26 @@
+export const findCategory = (category) => {
+  switch (category) {
+    case "korea":
+      return "한식";
+    case "japan":
+      return "일식";
+    case "china":
+      return "중식";
+    case "western":
+      return "양식";
+    case "snack":
+      return "분식";
+    case "fastfood":
+      return "패스트푸드";
+    case "bakery":
+      return "베이커리";
+    case "cafe":
+      return "카페";
+    case "restaurant":
+      return "레스토랑";
+    case "bar":
+      return "바";
+    default:
+      return "기타";
+  }
+};

yam-view/src/utils/localMethod.js

@@ -0,0 +1,28 @@
+export const getLocalStorage = (key) => {
+  try {
+    return JSON.parse(localStorage.getItem(key));
+  } catch (e) {
+    return null;
+  }
+};
+export const setLocalStorage = (key, value) => {
+  try {
+    localStorage.setItem(key, JSON.stringify(value));
+  } catch (e) {
+    return null;
+  }
+};
+export const removeLocalStorage = (key) => {
+  try {
+    localStorage.removeItem(key);
+  } catch (e) {
+    return null;
+  }
+};
+export const clearLocalStorage = () => {
+  try {
+    localStorage.clear();
+  } catch (e) {
+    return null;
+  }
+};