최종보고서 ,소스코드 제출

@@ -3,4 +3,7 @@
   <component name="JavaScriptSettings">
   <component name="JavaScriptSettings">
     <option name="languageLevel" value="JSX" />
     <option name="languageLevel" value="JSX" />
   </component>
   </component>
+  <component name="ProjectPlainTextFileTypeManager">
+    <file url="file://$PROJECT_DIR$/render_server_react_native/components/CardComponent.js" />
+  </component>
 </project>
 </project>
\ No newline at end of file

 <?xml version="1.0" encoding="UTF-8"?>
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
 <project version="4">
   <component name="VcsDirectoryMappings">
   <component name="VcsDirectoryMappings">
-    <mapping directory="$PROJECT_DIR$/.." vcs="Git" />
     <mapping directory="$PROJECT_DIR$/locationTest/expo-location-example" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/locationTest/expo-location-example" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/my-project" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/my-project" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/render_server_react_native" vcs="Git" />
     <mapping directory="$PROJECT_DIR$/render_server_react_native" vcs="Git" />

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebServers">
+    <option name="servers">
+      <webServer id="1b403629-1b05-48f5-aa8c-1b92f496c1d2" name="2019-BigData" url="http://133.186.211.42">
+        <fileTransfer host="133.186.211.42" port="22" accessType="SFTP">
+          <advancedOptions>
+            <advancedOptions dataProtectionLevel="Private" passiveMode="true" shareSSLContext="true" />
+          </advancedOptions>
+          <option name="port" value="22" />
+        </fileTransfer>
+      </webServer>
+    </option>
+  </component>
+</project>
\ No newline at end of file

@@ -2,14 +2,57 @@
 <project version="4">
 <project version="4">
   <component name="ChangeListManager">
   <component name="ChangeListManager">
     <list default="true" id="940f1aa2-9848-4abc-bd75-a3db12d9e8e1" name="Default Changelist" comment="">
     <list default="true" id="940f1aa2-9848-4abc-bd75-a3db12d9e8e1" name="Default Changelist" comment="">
-      <change beforePath="$PROJECT_DIR$/.idea/vcs.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/AppStyles.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/AuthContext.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/icons/Nike-Logo.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/icons/google-marker.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/nike.png" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/search.html" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/userFile/file2.jpg" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/assets/userFile/userVelocity.json" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/BusPathComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/DateTimePickerComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/GoPathSummary.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/LanePathComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/LoginComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/MyProfileComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/SignUpComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/StartAndFinishLocationComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/components/WalkPathComponent.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/constants/layout.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/navigations/SelectOrTakePhotoStackNavigation.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/navigations/SelectOrTakePhotoTabNavigation.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/navigations/SetLocationStackNavigation.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/navigations/SetLocationTabNavigation.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/navigations/TabNavigation.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/reducers/index.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/reducers/location.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/reducers/user.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/sagas/index.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/sagas/location.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/sagas/user.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/Gallery.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/GoPathDetail.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/LocationTimeSet.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/Login.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/Main.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/MainImage.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/Maps.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/OptRoutePath.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/Profile.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/SignUp.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/TakePhoto.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/screens/UploadPhoto.js" afterDir="false" />
+      <change afterPath="$PROJECT_DIR$/render_server_react_native/store.js" afterDir="false" />
     </list>
     </list>
     <option name="SHOW_DIALOG" value="false" />
     <option name="SHOW_DIALOG" value="false" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_CONFLICTS" value="true" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
     <option name="LAST_RESOLUTION" value="IGNORE" />
     <option name="LAST_RESOLUTION" value="IGNORE" />
   </component>
   </component>
+  <component name="FavoritesManager">
+    <favorites_list name="code" />
+  </component>
   <component name="FileTemplateManagerImpl">
   <component name="FileTemplateManagerImpl">
     <option name="RECENT_TEMPLATES">
     <option name="RECENT_TEMPLATES">
       <list>
       <list>
@@ -18,7 +61,7 @@
     </option>
     </option>
   </component>
   </component>
   <component name="Git.Settings">
   <component name="Git.Settings">
-    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/.." />
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/render_server_react_native" />
   </component>
   </component>
   <component name="ProjectId" id="1baLVrrFUlmMeeq9EFLzndP0zML" />
   <component name="ProjectId" id="1baLVrrFUlmMeeq9EFLzndP0zML" />
   <component name="ProjectLevelVcsManager" settingsEditedManually="true">
   <component name="ProjectLevelVcsManager" settingsEditedManually="true">
@@ -32,16 +75,27 @@
   <component name="PropertiesComponent">
   <component name="PropertiesComponent">
     <property name="ASKED_ADD_EXTERNAL_FILES" value="true" />
     <property name="ASKED_ADD_EXTERNAL_FILES" value="true" />
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
     <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
-    <property name="WebServerToolWindowFactoryState" value="false" />
-    <property name="last_opened_file_path" value="$PROJECT_DIR$" />
+    <property name="WebServerToolWindowFactoryState" value="true" />
+    <property name="WebServerToolWindowPanel.toolwindow.highlight.mappings" value="true" />
+    <property name="WebServerToolWindowPanel.toolwindow.highlight.symlinks" value="true" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.date" value="false" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.permissions" value="false" />
+    <property name="WebServerToolWindowPanel.toolwindow.show.size" value="false" />
+    <property name="last_opened_file_path" value="$PROJECT_DIR$/render_server_react_native/assets/userFile" />
     <property name="nodejs_package_manager_path" value="npm" />
     <property name="nodejs_package_manager_path" value="npm" />
   </component>
   </component>
   <component name="RecentsManager">
   <component name="RecentsManager">
+    <key name="MoveFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/render_server_react_native" />
+      <recent name="$PROJECT_DIR$/render_server_react_native/navigations" />
+      <recent name="$PROJECT_DIR$/render_server_react_native/components" />
+    </key>
     <key name="CopyFile.RECENT_KEYS">
     <key name="CopyFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/render_server_react_native/assets/userFile" />
+      <recent name="$PROJECT_DIR$/render_server_react_native" />
+      <recent name="$PROJECT_DIR$/render_server_react_native/screens" />
+      <recent name="$PROJECT_DIR$/render_server_react_native/components" />
       <recent name="$PROJECT_DIR$/user_and_post_server" />
       <recent name="$PROJECT_DIR$/user_and_post_server" />
-      <recent name="$PROJECT_DIR$" />
-      <recent name="$PROJECT_DIR$/my-project/sagas" />
-      <recent name="$PROJECT_DIR$/my-project/reducers" />
     </key>
     </key>
   </component>
   </component>
   <component name="SvnConfiguration">
   <component name="SvnConfiguration">
@@ -70,21 +124,67 @@
       <workItem from="1590305558438" duration="34000" />
       <workItem from="1590305558438" duration="34000" />
       <workItem from="1590392477108" duration="7362000" />
       <workItem from="1590392477108" duration="7362000" />
       <workItem from="1590405423629" duration="8216000" />
       <workItem from="1590405423629" duration="8216000" />
-      <workItem from="1590918384429" duration="996000" />
+      <workItem from="1590427383874" duration="208000" />
+      <workItem from="1590472694480" duration="1558000" />
+      <workItem from="1590510616633" duration="2347000" />
+      <workItem from="1590561746816" duration="2332000" />
+      <workItem from="1590649191412" duration="121000" />
+      <workItem from="1590667953682" duration="5117000" />
+      <workItem from="1590847459903" duration="309000" />
+      <workItem from="1590857450778" duration="161000" />
+      <workItem from="1590938910580" duration="4993000" />
+      <workItem from="1591036634686" duration="2717000" />
+      <workItem from="1591042905280" duration="3848000" />
+      <workItem from="1591241250822" duration="1506000" />
+      <workItem from="1591243317314" duration="1000" />
+      <workItem from="1591257776111" duration="2611000" />
+      <workItem from="1591347046562" duration="4809000" />
+      <workItem from="1591365203105" duration="1624000" />
+      <workItem from="1591368704614" duration="2067000" />
+      <workItem from="1591371675134" duration="1958000" />
+      <workItem from="1591399909349" duration="755000" />
+      <workItem from="1591424440663" duration="3921000" />
+      <workItem from="1591452959431" duration="5762000" />
+      <workItem from="1591498815349" duration="8719000" />
+      <workItem from="1591763504251" duration="1207000" />
+      <workItem from="1591768189989" duration="16032000" />
+      <workItem from="1591807888950" duration="205000" />
+      <workItem from="1591810687526" duration="2491000" />
+      <workItem from="1591814852707" duration="850000" />
+      <workItem from="1592023711264" duration="7962000" />
+      <workItem from="1592034078601" duration="2771000" />
+      <workItem from="1592043154434" duration="5000" />
+      <workItem from="1592120155930" duration="19951000" />
+      <workItem from="1592294228904" duration="12060000" />
+      <workItem from="1592423933838" duration="20743000" />
+      <workItem from="1592460562052" duration="9046000" />
+      <workItem from="1592493681837" duration="17090000" />
+      <workItem from="1592515725392" duration="2907000" />
+      <workItem from="1592528808951" duration="135000" />
+      <workItem from="1592536638207" duration="5384000" />
+      <workItem from="1592659198314" duration="162000" />
+      <workItem from="1592659457606" duration="137000" />
     </task>
     </task>
     <servers />
     <servers />
   </component>
   </component>
   <component name="TypeScriptGeneratedFilesManager">
   <component name="TypeScriptGeneratedFilesManager">
     <option name="version" value="1" />
     <option name="version" value="1" />
   </component>
   </component>
+  <component name="UnknownFeatures">
+    <option featureType="com.intellij.fileTypeFactory" implementationName="*.csv" />
+  </component>
   <component name="VcsManagerConfiguration">
   <component name="VcsManagerConfiguration">
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
     <option name="ADD_EXTERNAL_FILES_SILENTLY" value="true" />
   </component>
   </component>
   <component name="WindowStateProjectService">
   <component name="WindowStateProjectService">
-    <state x="368" y="125" key="#com.intellij.execution.impl.EditConfigurationsDialog" timestamp="1590082196823">
+    <state x="399" y="127" key="#Deployment" timestamp="1591366165652">
       <screen x="0" y="23" width="1440" height="877" />
       <screen x="0" y="23" width="1440" height="877" />
     </state>
     </state>
-    <state x="368" y="125" key="#com.intellij.execution.impl.EditConfigurationsDialog/0.23.1440.877@0.23.1440.877" timestamp="1590082196823" />
+    <state x="399" y="127" key="#Deployment/0.23.1440.877@0.23.1440.877" timestamp="1591366165652" />
+    <state x="368" y="125" key="#com.intellij.execution.impl.EditConfigurationsDialog" timestamp="1591815112224">
+      <screen x="0" y="23" width="1440" height="877" />
+    </state>
+    <state x="368" y="125" key="#com.intellij.execution.impl.EditConfigurationsDialog/0.23.1440.877@0.23.1440.877" timestamp="1591815112224" />
     <state x="710" y="271" key="#com.intellij.fileTypes.FileTypeChooser" timestamp="1588881921466">
     <state x="710" y="271" key="#com.intellij.fileTypes.FileTypeChooser" timestamp="1588881921466">
       <screen x="0" y="23" width="1440" height="877" />
       <screen x="0" y="23" width="1440" height="877" />
     </state>
     </state>
@@ -105,10 +205,14 @@
       <screen x="0" y="23" width="1440" height="877" />
       <screen x="0" y="23" width="1440" height="877" />
     </state>
     </state>
     <state width="784" height="229" key="GridCell.Tab.0.right/0.23.1440.877@0.23.1440.877" timestamp="1588878772213" />
     <state width="784" height="229" key="GridCell.Tab.0.right/0.23.1440.877@0.23.1440.877" timestamp="1588878772213" />
-    <state x="702" y="213" width="670" height="676" key="search.everywhere.popup" timestamp="1588882527475">
+    <state x="585" y="23" width="552" height="758" key="dock-window-1" timestamp="1592127183020">
+      <screen x="0" y="23" width="1440" height="877" />
+    </state>
+    <state x="585" y="23" width="552" height="758" key="dock-window-1/0.23.1440.877@0.23.1440.877" timestamp="1592127183020" />
+    <state x="702" y="213" width="670" height="676" key="search.everywhere.popup" timestamp="1592465069777">
       <screen x="0" y="23" width="1440" height="877" />
       <screen x="0" y="23" width="1440" height="877" />
     </state>
     </state>
-    <state x="702" y="213" width="670" height="676" key="search.everywhere.popup/0.23.1440.877@0.23.1440.877" timestamp="1588882527475" />
+    <state x="702" y="213" width="670" height="676" key="search.everywhere.popup/0.23.1440.877@0.23.1440.877" timestamp="1592465069777" />
     <state x="767" y="383" key="vcs.readOnlyHandler.ReadOnlyStatusDialog" timestamp="1588882053803">
     <state x="767" y="383" key="vcs.readOnlyHandler.ReadOnlyStatusDialog" timestamp="1588882053803">
       <screen x="0" y="23" width="1440" height="877" />
       <screen x="0" y="23" width="1440" height="877" />
     </state>
     </state>

-PORT=4001
-COOKIE_SECRET=test
\ No newline at end of file

-node_modules/

-function printSearchType(result) {
-    if (result.result.searchType == 0) {
-        console.log("도시내 이동");
-    } else if (result.result.searchType == 1) {
-        console.log("도시간 직통");
-    } else {
-        console.log("도시간 환승");
-    }
-}
-
-function printBusCount(result) {
-    console.log("버스 결과 개수:", result.result.busCount);
-}
-
-function printSubwayCount(result) {
-    console.log("지하철 결과 개수 :", result.result.subwayCount);
-}
-
-function printSubwayBusCount(result) {
-    console.log("버스 + 지하철 결과 개수 : ", result.result.subwayBusCount);
-}
-
-function printPointDistance(result) {
-    console.log("출발점-도착점 직선 거리 :", result.pointDistance);
-}
-
-function printPathType(info) {
-    if (info.pathType == 1) {
-        console.log("지하철");
-    } else if (info.pathType == 2) {
-        console.log("버스");
-    } else if (info.pathType == 3) {
-        console.log("지하철 + 버스");
-    }
-}
-
-function printTrafficDistance(info) {
-    console.log("대중교통 이동거리: ", info.trafficDistance);
-}
-
-function printTotalWalk(info) {
-    console.log("도보 이동거리 : ", info.totalWalk);
-}
-
-function printTotalTime(info) {
-    console.log("총 소요시간 : ", info.totalTime);
-}
-
-function printBusTransitCount(info) {
-    console.log("버스 환승 :", info.busTransitCount, "회");
-}
-
-function printSubwayTransitCount(info) {
-    console.log("지하철 환승 :", info.subwayTransit, "회");
-}
-
-function printFirstStartStation(info) {
-    console.log("최초 출발 역(정류소) : ", info.firstStartStation);
-}
-
-function printLastEndStation(info) {
-    console.log("최종 도착 역(정류소) : ", info.lastEndStation);
-}
-
-function printBusStationCount(info) {
-    console.log(info.busStationCount, "개 정류소 이동");
-}
-
-function printSubwayStationCount(info) {
-    console.log(info.subwayStationCount, "개 역 이동");
-}
-
-function printPath(path) {
-    printPathType(path);
-    printTrafficDistance(path);
-    printTotalWalk(path);
-    printTotalTime(path);
-    printBusTransitCount(path);
-    printSubwayTransitCount(path);
-    printFirstStartStation(path);
-    printLastEndStation(path);
-    if (path.pathType == 1) {
-        printSubwayStationCount(path);
-    } else if (path.pathType == 2) {
-        printBusStationCount(path);
-    } else {
-        printBusStationCount(path);
-        printSubwayStationCount(path);
-
-    }
-}
-
-function printSubPath(subPath) {
-    if (subPath.trafficType == 1) {
-        console.log("지하철이용");
-        console.log("이동거리 : ", subPath.distance);
-        console.log("이동 소요시간 : ", subPath.sectionTime);
-        console.log(subPath.stationCount, "개의 역 이동");
-        console.log(subPath.startName, "에서 승차");
-        //startX
-        //startY
-        console.log("승차역 id : ", subPath.startID);
-        console.log(subPath.endName, "에서 하차");
-        //endX
-        //endY
-        console.log("하차역 id : ", subPath.endID);
-        printSubwayLane(subPath);
-        printPassStopList(subPath);
-    } else if (subPath.trafficType == 2) {
-        console.log("버스 이용");
-        console.log("이동거리 : ", subPath.distance);
-        console.log("이동 소요시간 : ", subPath.sectionTime);
-        console.log("이동 정거장수 :", subPath.stationCount);
-        console.log(subPath.startName, "에서 승차");
-        console.log("승차 정류쟝 id : ", subPath.startID);
-        console.log(subPath.endName, "에서 하차");
-        console.log("하차 정류장 id : ", subPath.endID);
-        printBusLane(subPath);
-        printPassStopList(subPath);
-
-    } else {
-        console.log("도보 이용");
-        console.log("이동 거리 : ", subPath.distance);
-        console.log("이동 소요시간 : ", subPath.sectionTime);
-    }
-}
-
-function printBusNumber(lane) {
-    console.log("버스 번호 : ", lane.busNo);
-
-}
-
-function printBusID(lane) {
-    console.log("버스 id : ", lane.busID);
-}
-
-function printBusLane(subPath) {
-    console.log("===========Bus=lane============");
-    console.log(subPath.lane.length, "개의 버스 이용가능");
-    for (var i = 0; i < subPath.lane.length; i++) {
-        console.log(i + 1, "번째 버스")
-        printBusNumber(subPath.lane[i]);
-        printBusID(subPath.lane[i]);
-        console.log("-------------------------");
-    }
-}
-
-function printSubwayLane(subPath) {
-    console.log("===========Subway=lane============");
-    console.log(subPath.lane.length, "개의 지하철 이용가능");
-    for (var i = 0; i < subPath.lane.length; i++) {
-        console.log(i + 1, "번째 지하철")
-        console.log(subPath.lane[i]);
-        console.log("-------------------------");
-    }
-}
-
-function printStations(station) {
-    console.log("  ||  ");
-    console.log(station.index, "번째 정류쟝");
-    console.log("정류쟝 id:", station.stationID);//=======>>>>>>실시간 API가져오기!!!
-    console.log(station.stationName);
-    console.log("  ||  ");
-}
-
-function printPassStopList(subPath) {
-    console.log("=====경로 확인=======");
-    for (var i = 0; i < subPath.passStopList.stations.length; i++) {
-        printStations(subPath.passStopList.stations[i]);
-    }
-
-}
-
-function printTotalCount(result) {
-    console.log(result.totalCount, "개의 경로 존재");
-}
-
-function printTrainCount(result) {
-    console.log("============기 차 이 용=================")
-    console.log("기차 탐색 결과 개수 : ", result.trainRequest.count);
-}
-
-function printOBJ(obj) {
-    console.log("출발역 :", obj.startSTN, ",id :", obj.startID);
-    //obj.SX
-    //obj.SY
-    console.log("도착역 :", obj.endSTN, ", id :", obj.endID);
-    //obj.EX
-    //obj.EY
-    console.log(obj.trainType);
-    //obj.trainCode
-    //obj.mapOBJ
-    console.log("소요 시간 :", obj.time);
-    console.log("요금 :", obj.payment);
-}
-
-function printExBusCount(result) {
-    console.log("==========고 속 버 스 이 용===========")
-    console.log("고속 버스 탐색 결과 개수 : ", result.exBusRequest.count);
-}
-
-function printOutBusCount(result) {
-    console.log("==========시 외 버 스 이 용===========")
-    console.log("시외 버스 탐색 결과 개수 : ", result.outBusRequest.count);
-}
-
-function searchPubTransPathAJAX() {
-    console.log('hihihihih');
-    var XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;
-
-    var xhr = new XMLHttpRequest();
-    //var url = "https://api.odsay.com/v1/api/searchPubTransPath?SX=126.9027279&SY=37.5349277&EX=126.9145430&EY=37.5499421&apiKey=xGDjn0UBwQ%2FazbcOasoxEs4gIcLqCBEgCFMT%2BJeVKcI";
-    var SX = 127.077001; //경희대학교 우정원 x좌표
-    var SY = 37.246214;//경희대학교 우정원 y좌표
-    var EX = 126.999472;//영통역 x좌표
-    var EY = 37.266670;//영통역 y좌표
-    var apiKey = "%2B6RMVoSKSHcru1NjEu194wRELD7wnalJG7JDY0mc2AE";
-    var url = "https://api.odsay.com/v1/api/searchPubTransPath?SX=" + SX + "&SY=" + SY + "&EX=" + EX + "&EY=" + EY + "&apiKey=" + apiKey;
-    xhr.open("GET", url, true);
-    xhr.send();
-    xhr.onreadystatechange = function () {
-
-        if (xhr.readyState == 4 && xhr.status == 200) {
-            var result = JSON.parse(xhr.responseText);
-            //console.log(xhr.responseText);
-
-            if (result.result.searchType == 0) { //한 도시내에서 이동
-
-                var totalPathSummary = new Object();//json 객체로 저장
-                totalPathSummary.searchType = result.result.searchType;
-                totalPathSummary.busCount = result.result.busCount;
-                totalPathSummary.subwayCount = result.result.subwayCount;
-                totalPathSummary.pointDistance = result.result.pointDistance;
-
-                totalPathSummary = JSON.stringify(totalPathSummary);
-                //console.log(totalPathSummary);
-
-                console.log("도시내 이동");
-                printBusCount(result);
-                printSubwayCount(result);
-                printSubwayBusCount(result);
-                printPointDistance(result);
-
-
-                var pathList = new Array();
-
-                for (var i = 0; i < result.result.path.length; i++) {
-                    console.log("-----------------new 경로------------------------------");
-                    console.log(i + 1, "번째 경로");
-
-                    var path = new Object();
-                    path.pathType = result.result.path[i].pathType;
-                    path.info = result.result.path[i].info;
-                    path.subPathList = new Array();
-                    printPath(result.result.path[i].info);
-
-
-                    for (var j = 0; j < result.result.path[i].subPath.length; j++) {
-                        console.log("---------------");
-                        var subPath = new Object();
-                        subPath = result.result.path[i].subPath;
-                        path.subPathList.push(subPath);
-                        printSubPath(result.result.path[i].subPath[j]);
-                    }
-                    pathList.push(path);
-                    console.log("--------------------경로 끝---------------------------");
-
-
-                }
-                pathList = JSON.stringify(pathList);
-                //console.log(pathList);
-
-            } else if (result.result.searchType == 1) {//도시간 이동
-                //console.log(result.result);
-                console.log("도시 간 이동");
-                var totalPathSummary = new Object();
-                totalPathSummary.startCityName = result.result.startCityName;
-                totalPathSummary.startCID = result.result.startCID;
-                totalPathSummary.endCityName = result.result.endCityName;
-                totalPathSummary.endCID = result.result.endCID;
-                totalPathSummary.pointDistance = result.result.pointDistance;
-                totalPathSummary.totalCount = result.result.totalCount;
-
-                totalPathSummary = JSON.stringify(totalPathSummary);
-                //console.log(totalPathSummary);
-                m
-                console.log("출발 도시:", result.result.startCityName);
-                console.log("도착 도시:", result.result.endCityName);
-                printPointDistance(result.result);
-                printTotalCount(result.result);
-                printTrainCount(result.result);//기차 이용
-
-                var trainList = new Array();//기차이용
-
-                for (var i = 0; i < result.result.trainRequest.count; i++) {
-                    var OBJ = new Object();
-                    OBJ = result.result.trainRequest.OBJ[i];
-                    OBJList.push(OBJ);
-                    console.log("============", i + 1, "============");
-                    printOBJ(result.result.trainRequest.OBJ[i]);
-                }
-                trainList = JSON.stringify(trainList);
-
-                var exBusList = new Array();
-                printExBusCount(result.result); //고속버스 이용
-                for (var i = 0; i < result.result.exBusRequest.count; i++) {
-                    var OBJ = new Object();
-                    OBJ = result.result.exBusRequest.OBJ[i];
-                    OBJList.push(OBJ);
-                    console.log("============", i + 1, "============");
-                    printOBJ(result.result.exBusRequest.OBJ[i]);
-                }
-                exBusList = JSON.stringify(exBusList);
-
-                var outBusList = new Array();
-                printOutBusCount(result.result);//시외 버스 이용
-                for (var i = 0; i < result.result.outBusRequest.count; i++) {
-                    var OBJ = new Object();
-                    OBJ = result.result.outBusRequest.OBJ[i];
-                    outBusList.push(OBJ);
-                    console.log("============", i + 1, "============");
-                    printOBJ(result.result.outBusRequest.OBJ[i]);
-                }
-                outBusList = JSON.stringify(outBusList);
-            }
-        }
-    };
-}
-
-module.exports = {searchPubTransPathAJAX};

-import React, {useState, useContext, useEffect, useCallback} from 'react';
-import {View, Text, Button, TextInput, TouchableOpacity, StyleSheet} from 'react-native';
-import {useDispatch, useSelector} from "react-redux";
-import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
-import {MaterialCommunityIcons} from "@expo/vector-icons";
-import {useNavigation} from '@react-navigation/native';
-import LoadingComponent from "../components/LoadingComponent";
-
-const MyProfileComponent = () => {
-    const navigation = useNavigation();
-    const [loading, setLoading] = useState(true);
-
-    const {me} = useSelector(state => state.user);
-    const {isLoggingIn} = useSelector(state => state.user);
-
-    const dispatch = useDispatch();
-    const onLogout = async () => {
-        await dispatch({
-            type: LOG_OUT_REQUEST
-        });
-        console.log('onLogout');
-    };
-    return (
-        <View>
-            <View style={styles.containerStyle}>
-                <Text style={styles.TextStyle}>마이페이지</Text>
-                <Text style={styles.TextStyle}>{me.email}</Text>
-                <Text style={styles.TextStyle}>{me.nickName}</Text>
-                <TouchableOpacity onPress={onLogout}>
-                    <MaterialCommunityIcons color={'green'} name={'logout'} size={30}/>
-                </TouchableOpacity>
-            </View>
-        </View>
-    )
-};
-
-const styles = StyleSheet.create({
-    containerStyle: {
-        marginTop: 10,
-        alignItems: 'center',
-        justifyContent: 'center',
-    },
-    TextStyle: {
-        width: 200,
-        height: 44,
-        padding: 10,
-        borderWidth: 1,
-        borderColor: '#778899',
-        marginBottom: 10,
-    }
-});
-
-export default MyProfileComponent;
\ No newline at end of file

-export const host = '172.20.10.3';
-export const coordAPIKEY = 'CDCF07BD-2CE4-33D9-BA13-D6CE4360A2B3';

-export const initialState = {
-    startLocation: null,
-    finishLocation: null,
-
-    settingLocation: false,
-
-    info: '',
-};
-
-export const SET_LOC_REQUEST = 'SET_LOC_REQUEST';
-export const SET_LOC_SUCCESS = 'SET_LOC_SUCCESS';
-export const SET_LOC_FAILURE = 'SET_LOC_FAILURE';
-
-export default (state = initialState, action) => {
-    switch (action.type) {
-
-        case SET_LOC_REQUEST: {
-            return {
-                ...state,
-                settingLocation: true,
-            }
-        }
-
-        case SET_LOC_SUCCESS: {
-            const {startLocation, finishLocation} = action.data;
-            return {
-                ...state,
-                startLocation,
-                finishLocation,
-                isLoggingIn: false,
-            };
-        }
-
-        case SET_LOC_FAILURE: {
-            const {info} = action.data;
-            return {
-                ...state,
-                settingLocation: false,
-                info,
-            }
-        }
-
-        default: {
-            return {
-                ...state,
-            };
-        }
-    }
-};
\ No newline at end of file

-import {all, call, fork, delay, put, takeEvery, takeLatest} from 'redux-saga/effects';
-import axios from 'axios';
-import {coordAPIKEY} from '../env';
-import {
-    SET_LOC_REQUEST,
-    SET_LOC_SUCCESS,
-    SET_LOC_FAILURE,
-} from "../reducers/location";
-
-function setLocationAPI(data) {
-    const {startTextLocation, finishTextLocation} = data;
-    console.log(startTextLocation, finishTextLocation);
-    const startRes = axios.get(`http://api.vworld.kr/req/address?service=address&request=getcoord&version=2.0&crs=epsg:4326&address=${startTextLocation}&refine=true&simple=false&format=xml&type=road&key=${coordAPIKEY}`);
-    const finishRes = axios.get(`http://api.vworld.kr/req/address?service=address&request=getcoord&version=2.0&crs=epsg:4326&address=${finishTextLocation}&refine=true&simple=false&format=xml&type=road&key=${coordAPIKEY}`);
-
-    return {startRes, finishRes};
-}
-
-
-function* setLocation(action) {
-    try {
-        console.log('saga의 setLocation', action.data);
-        const res = yield call(setLocationAPI, action.data);
-        console.log(res.startRes, res.finishRes);
-        const {result} = res.startRes;
-        console.log(result);
-    } catch (e) {
-        console.error(e);
-    }
-};
-
-function* watchSetLocation() {
-    console.log('watchSetLocation');
-    yield takeLatest(SET_LOC_REQUEST, setLocation);
-}
-
-export default function* locationSaga() {
-    yield all([
-        fork(watchSetLocation),
-    ]);
-};
\ No newline at end of file

-import React, {useState, useContext, useEffect, useCallback} from 'react';
-import {View, Text, Button, TextInput, TouchableOpacity} from 'react-native';
-import {useDispatch, useSelector} from "react-redux";
-import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
-import {MaterialCommunityIcons} from "@expo/vector-icons";
-import styled from "styled-components";
-import {useNavigation} from '@react-navigation/native';
-import LoadingComponent from "../components/LoadingComponent";
-import MyProfileComponent from "../components/MyProfileComponent";
-import LoginComponent from "../components/LoginComponent";
-
-const Login = () => {
-    const navigation = useNavigation();
-    const [loading, setLoading] = useState(true);
-
-    const {me} = useSelector(state => state.user);
-    const {isLoggingIn} = useSelector(state => state.user);
-
-
-    useEffect(() => {
-        setLoading(false);
-    }, [me]);
-
-    return (
-        <View>
-            {me ?
-                <MyProfileComponent/>
-                :
-                <LoginComponent/>
-            }
-        </View>
-    )
-};
-
-export default Login;
\ No newline at end of file

-import React, {useState, useEffect} from 'react';
-import MapView, {Marker} from 'react-native-maps';
-import {StyleSheet, Text, View, Dimensions} from 'react-native';
-import screen from '../constants/layout';
-import StartAndFinishLocationComponent from "../components/CurrentUserLocationComponent";
-
-
-const Maps = () => {
-    const [initialRegion, setInitialRegion] = useState(
-        {
-            latitude: 37.56647,
-            longitude: 126.977963,
-            latitudeDelta: 0.3922,
-            longitudeDelta: 0.3421
-        });
-
-    return (
-        <View style={styles.container}>
-            <Text style={styles.textStyle}>Current User Location</Text>
-            <StartAndFinishLocationComponent/>
-            <MapView
-                style={styles.mapStyle}
-                initialRegion={initialRegion}
-            >
-                <Marker
-                    coordinate={initialRegion}
-                    title="this is a marker"
-                    description="this is a marker example">
-                </Marker>
-
-            </MapView>
-        </View>
-    )
-};
-
-export default Maps;
-
-const styles = StyleSheet.create({
-    container: {
-        flex: 1,
-        backgroundColor: '#fff',
-        alignItems: 'center',
-    },
-    mapStyle: {
-        width: screen.width,
-        height: screen.height / 2,
-    },
-    textStyle: {
-        fontWeight: 'bold',
-        fontSize: 20,
-        color: 'grey',
-        marginBottom: 20,
-    }
-});

@@ -9,7 +9,8 @@ npm-debug.*
 *.orig.*
 *.orig.*
 web-build/
 web-build/
 web-report/
 web-report/
-node_modules/
 
 
 # macOS
 # macOS
 .DS_Store
 .DS_Store
+env.js
+.env

@@ -9,7 +9,7 @@ import {NavigationContainer} from "@react-navigation/native";
 import store from './store';
 import store from './store';
 import StackNavigation from "./navigations/StackNavigation";
 import StackNavigation from "./navigations/StackNavigation";
 import {AuthProvider} from "./AuthContext";
 import {AuthProvider} from "./AuthContext";
-import host from './env';
+import {host} from './env';
 import axios from "axios";
 import axios from "axios";
 
 
 const cacheImages = (images) => {
 const cacheImages = (images) => {
@@ -38,6 +38,7 @@ const App = () => {
         );
         );
         const fonts = cacheFonts([Ionicons.font]);
         const fonts = cacheFonts([Ionicons.font]);
 
 
+        // await AsyncStorage.removeItem('cookie');
         const cookie = await AsyncStorage.getItem('cookie');
         const cookie = await AsyncStorage.getItem('cookie');
         console.log('cookie', cookie);
         console.log('cookie', cookie);
         if (cookie) {
         if (cookie) {
@@ -66,12 +67,6 @@ const App = () => {
         <>
         <>
             {isReady
             {isReady
                 ?
                 ?
-                // <Provider store={store}>
-                //     <NavigationContainer>
-                //         <StatusBar barstyle={'light-content'}/>
-                //         <StackNavigation/>
-                //     </NavigationContainer>
-                // </Provider>
                 <Provider store={store}>
                 <Provider store={store}>
                     <AuthProvider user={user}>
                     <AuthProvider user={user}>
                         <NavigationContainer>
                         <NavigationContainer>

+import { Platform, StyleSheet, Dimensions } from "react-native";
+
+const { width, height } = Dimensions.get("window");
+const SCREEN_WIDTH = width < height ? width : height;
+const numColumns = 2;
+
+export const AppStyles = {
+  color: {
+    main: "#5ea23a",
+    text: "#696969",
+    title: "#464646",
+    subtitle: "#545454",
+    categoryTitle: "#161616",
+    tint: "#ff5a66",
+    description: "#bbbbbb",
+    filterTitle: "#8a8a8a",
+    starRating: "#2bdf85",
+    location: "#a9a9a9",
+    white: "white",
+    facebook: "#4267b2",
+    grey: "grey",
+    greenBlue: "#00aea8",
+    placeholder: "#a0a0a0",
+    background: "#f2f2f2",
+    blue: "#3293fe"
+  },
+  fontSize: {
+    title: 30,
+    content: 20,
+    normal: 16
+  },
+  buttonWidth: {
+    main: "70%"
+  },
+  textInputWidth: {
+    main: "80%"
+  },
+  fontName: {
+    main: "Noto Sans",
+    bold: "Noto Sans"
+  },
+  borderRadius: {
+    main: 25,
+    small: 5
+  }
+};
+
+export const AppIcon = {
+  container: {
+    backgroundColor: "white",
+    borderRadius: 20,
+    padding: 8,
+    marginRight: 10
+  },
+  style: {
+    tintColor: AppStyles.color.tint,
+    width: 25,
+    height: 25
+  },
+  images: {
+    home: require("./assets/icons/home.png"),
+    defaultUser: require("./assets/icons/default_user.jpg"),
+    logout: require("./assets/icons/shutdown.png")
+  }
+};
+
+export const HeaderButtonStyle = StyleSheet.create({
+  multi: {
+    flexDirection: "row"
+  },
+  container: {
+    padding: 10
+  },
+  image: {
+    justifyContent: "center",
+    width: 35,
+    height: 35,
+    margin: 6
+  },
+  rightButton: {
+    color: AppStyles.color.tint,
+    marginRight: 10,
+    fontWeight: "normal",
+    fontFamily: AppStyles.fontName.main
+  }
+});
+
+export const ListStyle = StyleSheet.create({
+  title: {
+    fontSize: 16,
+    color: AppStyles.color.subtitle,
+    fontFamily: AppStyles.fontName.bold,
+    fontWeight: "bold"
+  },
+  subtitleView: {
+    minHeight: 55,
+    flexDirection: "row",
+    paddingTop: 5,
+    marginLeft: 10
+  },
+  leftSubtitle: {
+    flex: 2
+  },
+  avatarStyle: {
+    height: 80,
+    width: 80
+  }
+});

+[{"index":1,"avgSpeed": 53},{"index":2,"avgSpeed":60}]
\ No newline at end of file

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {Text, View, StyleSheet, TouchableOpacity, ScrollView} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import styled from "styled-components";
+import {AntDesign, MaterialCommunityIcons} from "@expo/vector-icons";
+
+
+const Banner = styled.View`
+    flex: 1;
+    margin-left: 15px;
+    margin-bottom: 5px;
+    width: 3px;
+    height: 3px;
+    border-radius: 20px;
+    border: 3px solid #88c600;
+    
+`;
+
+const BusPathComponent = (props) => {
+    const navigation = useNavigation();
+    const [busPath, setBusPath] = useState(null);
+    const [seeStaList, setSeeStaList] = useState(false);
+    const {pathDetail} = props;
+
+    const changeSeeStaList = () => {
+        setSeeStaList(!seeStaList);
+        console.log(seeStaList)
+    };
+
+    useEffect(() => {
+        console.log(props.pathDetail);
+        setBusPath(props.pathDetail);
+    }, []);
+
+    return (
+        <ScrollView>
+            <View style={{flexDirection: 'row', flex: 5}}>
+                <View style={styles.pathType}>
+                    <MaterialCommunityIcons style={{flex: 1}} color={'#88c600'} name={'bus'} size={20}/>
+                    <Text style={{flex: 1, fontSize: 13}}>{pathDetail.time}분</Text>
+                </View>
+                <View style={{flex: 1}}>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                </View>
+                <View style={styles.inputTile}>
+                    <Text style={styles.stationStyle}>{pathDetail.startName}</Text>
+                    <Text style={styles.idStyle}>{pathDetail.startID}</Text>
+                    {pathDetail.arrivalInfo.map((bus, index) => {
+                        return (
+                            <View>
+                                <Text style={styles.busStyle}>{bus.busNo}</Text>
+                                {bus.msg.msg1.indexOf('undefined') !== -1 ?
+                                    null
+                                    :
+                                    <>
+                                        <Text style={styles.busSubStyle}>{bus.msg.msg1}</Text>
+                                    </>
+                                }
+                                {bus.msg.msg2.indexOf('undefined') !== -1 ?
+                                    null
+                                    :
+                                    <>
+                                        <Text style={styles.busSubStyle}>{bus.msg.msg2}</Text>
+                                    </>
+                                }
+                            </View>
+                        )
+                    })}
+                    <View style={styles.stationListStyle}>
+                        <Text style={styles.cntStyle}>{pathDetail.stationCnt}개 정류소 이동</Text>
+                        <TouchableOpacity style={{flex: 1, marginTop: 17}} onPress={changeSeeStaList}>
+                            <AntDesign color={'darkgrey'} name={'caretdown'} size={15}/>
+                        </TouchableOpacity>
+                    </View>
+                    <View>
+                        {seeStaList === true ?
+                            <View>
+                                {pathDetail.stationList.map((bus, index) => {
+                                    return (
+                                        <>
+                                            <Text>{bus.stationName}</Text>
+                                        </>
+                                    )
+                                })}
+                            </View>
+                            :
+                            null
+                        }
+                    </View>
+                    <Text style={styles.stationStyle}>{pathDetail.endName}</Text>
+                </View>
+            </View>
+        </ScrollView>
+    );
+}
+export default BusPathComponent;
+
+const styles = StyleSheet.create({
+    inputTile: {
+        marginLeft: 6,
+        flex: 4,
+        color: 'grey',
+    },
+    inputText: {
+        fontWeight: 'normal',
+        fontSize: 15,
+    },
+    pathType: {
+        flexDirection: 'column',
+        flex: 0.4,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 5,
+        marginTop: 10,
+    },
+    stationStyle: {
+        fontWeight: 'bold',
+        fontSize: 15,
+    },
+    idStyle: {
+        marginTop: 3,
+        marginBottom: 20,
+        color: 'grey',
+        fontSize: 14
+    },
+    busStyle: {
+        fontWeight: 'bold',
+        fontSize: 14,
+        color: '#88c600'
+    },
+    cntStyle: {
+        flex: 1,
+        marginTop: 20,
+        marginBottom: 3,
+        color: 'grey',
+        fontSize: 14
+    },
+    stationListStyle: {
+        flexDirection: 'row',
+        flex: 1,
+    },
+    busSubStyle: {
+        marginTop: 2,
+        fontSize: 12,
+        color: 'red',
+    }
+})
\ No newline at end of file

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {View, Text, Button, Image, TouchableOpacity, StyleSheet, Platform} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
+import {MaterialCommunityIcons} from "@expo/vector-icons";
+import {useNavigation} from '@react-navigation/native';
+import DateTimePicker from '@react-native-community/datetimepicker';
+import {SET_TIME_SUCCESS} from "../reducers/location";
+import moment from "moment";
+
+const DateTimePickerComponent = (props) => {
+    const [date, setDate] = useState(new Date());
+    const [mode, setMode] = useState('time');
+    const {goToMapsClick} = props;
+
+    const onChange = (event, selectedDate) => {
+        const currentDate = selectedDate || date;
+        console.log(currentDate);
+        setDate(currentDate);
+    };
+
+    // SET FINISH TIME
+    const dispatch = useDispatch();
+    const onSubmit = async () => {
+        if (!date) {
+            return
+        }
+        console.log('SET_TIME_SUCCESS GO!!', date);
+        await dispatch({
+            type: SET_TIME_SUCCESS,
+            data: {
+                date
+            }
+        });
+    };
+
+    useEffect(() => {
+        if (goToMapsClick === true) {
+            console.log(goToMapsClick);
+            console.log('goToMapsClick!');
+            onSubmit();
+        }
+        setDate(date);
+    }, [goToMapsClick, date]);
+
+    return (
+        <View>
+            <DateTimePicker
+                testID="dateTimePicker"
+                value={date}
+                mode={mode}
+                is24Hour={true}
+                display="default"
+                onChange={onChange}
+                style={styles.TextStyle}
+            />
+
+        </View>
+    );
+};
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        marginTop: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    TextStyle: {
+        flex: 1,
+        marginBottom: 240,
+    }
+});
+
+export default DateTimePickerComponent;
+

+import React, {useState, useEffect} from 'react';
+import {Text, View, StyleSheet, TouchableOpacity, ScrollView} from 'react-native';
+import styled from 'styled-components';
+import {MaterialCommunityIcons, AntDesign} from '@expo/vector-icons';
+import {useNavigation} from '@react-navigation/native';
+
+
+const ShowDetail = styled.TouchableOpacity`
+    flex: 2;
+    position: absolute;
+    right: 6px;
+    bottom: 2px;
+    width: 30px;
+    height: 30px;
+    border-radius: 50px;
+`;
+
+const Banner = styled.View`
+    flex: 1;
+    margin-left: 15px;
+    margin-bottom: 5px;
+    width: 3px;
+    height: 3px;
+    border-radius: 20px;
+    border: 3px solid #273b96;
+`;
+
+
+const GoPathSummary = (props) => {
+    const navigation = useNavigation();
+    const [pathSummary, setPathSummary] = useState(null);
+    const goPathDetail = () => {
+        navigation.navigate('GoPathDetail', {'detail': props.detail});
+    };
+
+    useEffect
+    (() => {
+        console.log(props.summary);
+        setPathSummary(props.summary);
+    }, []);
+
+
+    return (
+        <View>
+            {pathSummary ?
+                <>
+                    <View style={styles.container}>
+
+                        <View style={styles.titleParagraph}>
+                            <Text style={styles.hourStyle}>{pathSummary.hour1}시 {pathSummary.min1}분 출발
+                                <Text style={styles.conditionStyle}>정확</Text>
+                            </Text>
+                            <Text style={styles.hourStyle}>{pathSummary.hour2}시 {pathSummary.min2}분 출발
+                                <Text style={styles.conditionStyle}>여유</Text>
+                            </Text>
+                        </View>
+                        <View style={{flexDirection: 'row', flex: 2, marginLeft: 70}}>
+                            <Text style={{flex: 1, fontSize: 13, fontWeight: 'bold'}}>총소요시간: {pathSummary.totalTime}</Text>
+                            <Text style={{flex: 1, fontSize: 13, fontWeight: 'bold'}}>비용: {pathSummary.payment}</Text>
+                        </View>
+                        <View style={{flexDirection: 'row', flex: 5, marginLeft: 70, marginTop: 20}}>
+                            <View style={styles.pathType}>
+                                <MaterialCommunityIcons style={{flex: 1}} color={'#273b96'} name={'train'} size={20}/>
+                            </View>
+                            <View style={styles.inputTile}>
+                                <Text style={styles.stationStyle}>{pathSummary.firstStartStation}역</Text>
+                                <Text style={styles.stationStyle}>{pathSummary.lastEndStation}역</Text>
+                            </View>
+                        </View>
+                        <View style={{position: 'absolute', right: 10}}>
+                            <ShowDetail onPress={goPathDetail}>
+                                <AntDesign color={'darkgrey'} name={'caretright'} size={32}/>
+                            </ShowDetail>
+                        </View>
+
+                    </View>
+                </>
+                :
+                null
+            }
+        </View>
+    );
+}
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        flexDirection: 'column',
+        paddingTop: 40,
+        paddingBottom: 30,
+        backgroundColor: '#ecf0f1',
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderWidth: 1,
+        borderColor: 'darkgrey',
+    },
+    paragraph: {
+        flex: 1,
+        fontSize: 14,
+        fontWeight: 'bold',
+        textAlign: 'center',
+        color: '#34495e',
+    },
+    titleParagraph: {
+        flexDirection: 'column',
+        flex: 1,
+    },
+    inputTile: {
+        marginLeft: 6,
+        flex: 4,
+        color: 'grey',
+    },
+    inputText: {
+        fontWeight: 'normal',
+        fontSize: 15,
+    },
+    pathType: {
+        flexDirection: 'column',
+        flex: 0.4,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 5,
+        marginTop: 10,
+    },
+    stationStyle: {
+        fontWeight: 'bold',
+        fontSize: 15,
+    },
+    idStyle: {
+        marginTop: 3,
+        marginBottom: 20,
+        color: 'grey',
+        fontSize: 14
+    },
+    laneStyle: {
+        fontWeight: 'bold',
+        fontSize: 15,
+        color: '#EBA900'
+    },
+    cntStyle: {
+        flex: 1,
+        marginTop: 20,
+        marginBottom: 3,
+        color: 'grey',
+        fontSize: 14
+    },
+    stationListStyle: {
+        flexDirection: 'row',
+        flex: 1,
+    },
+    hourStyle: {
+        flexDirection: 'row',
+        flex: 1,
+        fontSize: 18,
+        fontWeight: 'bold',
+        marginBottom: 20,
+    },
+    conditionStyle: {
+        paddingLeft: 10,
+        fontSize: 15,
+        color: 'red',
+    }
+});
+
+export default GoPathSummary;
\ No newline at end of file

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {Text, View, StyleSheet, TouchableOpacity, ScrollView} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import styled from "styled-components";
+import {AntDesign, MaterialCommunityIcons} from "@expo/vector-icons";
+
+const Banner = styled.View`
+    flex: 1;
+    margin-left: 15px;
+    margin-bottom: 5px;
+    width: 3px;
+    height: 3px;
+    border-radius: 20px;
+    border: 3px solid #EBA900;
+`;
+
+const LanePathComponent = (props) => {
+    const navigation = useNavigation();
+    const [lanePath, setLanePath] = useState(null);
+    const [seeLaneList, setSeeLaneList] = useState(false);
+    const {pathDetail} = props;
+
+
+    const changeSeeLaneList = () => {
+        setSeeLaneList(!seeLaneList);
+        console.log(seeLaneList)
+    };
+
+    useEffect(() => {
+        console.log(props.pathDetail);
+        setLanePath(props.pathDetail);
+    }, []);
+
+    return (
+        <ScrollView>
+            <View style={{flexDirection: 'row', flex: 5}}>
+                <View style={styles.pathType}>
+                    <MaterialCommunityIcons style={{flex: 1}} color={'#EBA900'} name={'train'} size={20}/>
+                    <Text style={{flex: 1, fontSize: 13}}>{pathDetail.time}분</Text>
+                </View>
+                <View style={{flex: 1}}>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                </View>
+                <View style={styles.inputTile}>
+                    <Text style={styles.stationStyle}>{pathDetail.startName}역</Text>
+                    <Text style={styles.idStyle}>{pathDetail.startID}</Text>
+                    {pathDetail.laneList.map((lane, index) => {
+                        return (
+                            <Text style={styles.laneStyle}>{lane.name}</Text>
+                        )
+                    })}
+                    <View style={styles.stationListStyle}>
+                        <Text style={styles.cntStyle}>{pathDetail.stationCnt}개 정류소 이동</Text>
+                        <TouchableOpacity style={{flex: 1, marginTop: 17}} onPress={changeSeeLaneList}>
+                            <AntDesign color={'darkgrey'} name={'caretdown'} size={15}/>
+                        </TouchableOpacity>
+                    </View>
+                    {seeLaneList === true ?
+                        <View>
+                            {pathDetail.stationList.map((lane, index) => {
+                                return (
+                                    <Text>{lane}</Text>
+                                )
+                            })}
+                        </View>
+                        :
+                        null
+                    }
+                    <Text style={styles.stationStyle}>{pathDetail.endName}역</Text>
+                </View>
+            </View>
+        </ScrollView>
+    );
+}
+export default LanePathComponent;
+
+const styles = StyleSheet.create({
+    inputTile: {
+        marginLeft: 6,
+        flex: 4,
+        color: 'grey',
+    },
+    inputText: {
+        fontWeight: 'normal',
+        fontSize: 15,
+    },
+    pathType: {
+        flexDirection: 'column',
+        flex: 0.4,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 5,
+        marginTop: 10,
+    },
+    stationStyle: {
+        fontWeight: 'bold',
+        fontSize: 15,
+    },
+    idStyle: {
+        marginTop: 3,
+        marginBottom: 20,
+        color: 'grey',
+        fontSize: 14
+    },
+    laneStyle: {
+        fontWeight: 'bold',
+        fontSize: 15,
+        color: '#EBA900'
+    },
+    cntStyle: {
+        flex: 1,
+        marginTop: 20,
+        marginBottom: 3,
+        color: 'grey',
+        fontSize: 14
+    },
+    stationListStyle: {
+        flexDirection: 'row',
+        flex: 1,
+    }
+})
\ No newline at end of file

@@ -13,4 +13,6 @@ const LoadingComponent = () => {
     )
     )
 };
 };
 
 
+
+
 export default LoadingComponent;
 export default LoadingComponent;
\ No newline at end of file

@@ -2,11 +2,9 @@ import React, {useState, useContext, useEffect, useCallback} from 'react';
 import {View, Text, Button, StyleSheet, TextInput, TouchableOpacity} from 'react-native';
 import {View, Text, Button, StyleSheet, TextInput, TouchableOpacity} from 'react-native';
 import {useDispatch, useSelector} from "react-redux";
 import {useDispatch, useSelector} from "react-redux";
 import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
 import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
-import {MaterialCommunityIcons} from "@expo/vector-icons";
 import styled from "styled-components";
 import styled from "styled-components";
 import {useNavigation} from '@react-navigation/native';
 import {useNavigation} from '@react-navigation/native';
-import LoadingComponent from "../components/LoadingComponent";
-import SignUpComponent from "./SignUpComponent";
+import Profile from "../screens/Profile";
 
 
 
 
 const LoginButton = styled.TouchableOpacity`
 const LoginButton = styled.TouchableOpacity`
@@ -16,6 +14,20 @@ const LoginButton = styled.TouchableOpacity`
   height: 40px;
   height: 40px;
   background-color: #e6e6fa;
   background-color: #e6e6fa;
   border: 1px;
   border: 1px;
+  marginBottom: 10px;
+  border-radius: 50px;
+
+`;
+
+const SignUpButton = styled.TouchableOpacity`
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 40px;
+  background-color: #e6e6fa;
+  border: 1px;
+    border-radius: 50px;
+
 `;
 `;
 
 
 
 
@@ -49,8 +61,17 @@ const LoginComponent = () => {
                 password
                 password
             }
             }
         });
         });
+
     };
     };
+    const goSignUp = () => {
+        navigation.navigate('SignUp');
+    }
 
 
+    useEffect(() => {
+        if (me) {
+            navigation.navigate('Profile');
+        }
+    }, [me]);
 
 
     useEffect(() => {
     useEffect(() => {
         setLoading(false);
         setLoading(false);
@@ -77,17 +98,22 @@ const LoginComponent = () => {
                 onPress={onSubmit}>
                 onPress={onSubmit}>
                 <Text style={{color: '#696969'}}>Login</Text>
                 <Text style={{color: '#696969'}}>Login</Text>
             </LoginButton>
             </LoginButton>
+            <SignUpButton
+                title={'Login'}
+                onPress={goSignUp}>
+                <Text style={{color: '#696969'}}>SignUp</Text>
+            </SignUpButton>
         </View>
         </View>
     )
     )
 };
 };
 
 
 const styles = StyleSheet.create({
 const styles = StyleSheet.create({
     containerStyle: {
     containerStyle: {
-        flex: 1,
+        // flex: 1,
         alignItems: 'center',
         alignItems: 'center',
-        justifyContent: 'center',
-        backgroundColor: '#ecf0f1',
-        marginTop: 100,
+        // justifyContent: 'center',
+        // backgroundColor: '#ecf0f1',
+        // marginTop: 100,
     },
     },
     input: {
     input: {
         width: 200,
         width: 200,

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {View, Text, Button, Image, TouchableOpacity, StyleSheet, Alert} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {LOG_IN_REQUEST, LOG_OUT_REQUEST} from "../reducers/user";
+import {MaterialCommunityIcons} from "@expo/vector-icons";
+import {useNavigation} from '@react-navigation/native';
+import {SET_PERVELOCITY_SUCCESS} from "../reducers/location";
+import Login from "../screens/Login";
+import Papa from 'papaparse';
+
+
+const MyProfileComponent = () => {
+    const navigation = useNavigation();
+    const [loading, setLoading] = useState(true);
+    const [numRecord, setNumRecord] = useState(0);
+
+    const {me} = useSelector(state => state.user);
+    const {isLoggingIn} = useSelector(state => state.user);
+    //
+    // const downloadFile = async () => {
+    //     const uri = "https://www.mapmyfitness.com/workout/export/csv";
+    //     let fileUri = FileSystem.documentDirectory + "userVelocity.txt";
+    //     FileSystem.downloadAsync(uri, fileUri)
+    //         .then(({uri}) => {
+    //             saveFile(uri);
+    //         })
+    //         .catch(error => {
+    //             console.error(error);
+    //         })
+    // }
+    //
+    // const saveFile = async (fileUri) => {
+    //     const {status} = await Permissions.askAsync(Permissions.CAMERA_ROLL);
+    //     if (status === "granted") {
+    //         const asset = await MediaLibrary.createAssetAsync(fileUri)
+    //         await MediaLibrary.createAlbumAsync("Download", asset, false)
+    //     }
+    // }
+    const dispatch = useDispatch();
+    const loadPersonalVelocity = async () => {
+        try {
+
+            const userVelocity = require('../assets/userFile/userVelocity');
+            var allAvgSpeed = 0;
+            setNumRecord(userVelocity.length);
+            userVelocity.map((i, index) => {
+                allAvgSpeed = allAvgSpeed + i.avgSpeed;
+            });
+
+            var personalVelocity = parseInt(allAvgSpeed / userVelocity.length);
+            await dispatch({
+                type: SET_PERVELOCITY_SUCCESS,
+                data: {
+                    personalVelocity: personalVelocity
+                }
+            });
+
+            Alert.alert(
+                'MAP 사용자 평균 속도 설정',
+                ` 사용자 평균 속도를 설정하였습니다. `,
+                [
+                    {
+                        text: 'Cancel',
+                        onPress: () => console.log('Cancel Pressed'),
+                        style: 'cancel',
+                    },
+                    {text: 'OK', onPress: () => console.log('OK Pressed')},
+                ],
+                {cancelable: false}
+            );
+
+        } catch (e) {
+            console.log(e);
+        }
+
+    };
+
+    useEffect(() => {
+        setNumRecord(0);
+    }, []);
+
+    useEffect(() => {
+        console.log(numRecord)
+    }, [numRecord]);
+
+    const onLogout = async () => {
+        await dispatch({
+            type: LOG_OUT_REQUEST
+        });
+        console.log('onLogout');
+    };
+    return (
+        <View>
+            {me ?
+                <View>
+                    <View style={{flexDirection: 'row', paddingTop: 15}}>
+                        <View style={{flex: 1, alignItems: 'center'}}>
+                            <Image source={{url: 'https://steemitimages.com/u/anpigon/avatar'}}
+                                   style={{width: 75, height: 75, borderRadius: 37.5}}/>
+                        </View>
+                        <View style={{flex: 3}}>
+                            <View style={{flexDirection: 'row', justifyContent: 'space-around', marginTop: 12}}>
+                                <View style={{alignItems: 'center'}}>
+                                    <Text style={{fontSize: 15, fontWeight: 'bold'}}>{me.email}</Text>
+                                    <Text style={{fontSize: 10, color: 'gray'}}>email</Text>
+                                </View>
+                                <View style={{alignItems: 'center'}}>
+                                    <Text style={{fontSize: 15, fontWeight: 'bold'}}>{me.nickName}</Text>
+                                    <Text style={{fontSize: 10, color: 'gray'}}>nickName</Text>
+                                </View>
+                                <View style={{alignItems: 'center'}}>
+                                    <Text style={{fontSize: 15, fontWeight: 'bold'}}>{numRecord}</Text>
+                                    <Text style={{fontSize: 10, color: 'gray'}}>numRecord</Text>
+                                </View>
+                            </View>
+                            <View style={{flexDirection: 'row'}}>
+                                <TouchableOpacity
+                                    onPress={loadPersonalVelocity}
+                                    style={{
+                                        flex: 4,
+                                        marginLeft: 10,
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        borderWidth: 1,
+                                        borderColor: 'black',
+                                        height: 30,
+                                        marginTop: 17
+                                    }}>
+                                    <Text style={{fontSize: 13}}>load personal velocity</Text>
+                                </TouchableOpacity>
+                                <TouchableOpacity
+                                    onPress={onLogout}
+                                    style={{
+                                        borderColor: 'black',
+                                        borderWidth: 1,
+                                        flex: 1,
+                                        marginRight: 10,
+                                        marginLeft: 5,
+                                        justifyContent: 'center',
+                                        alignItems: 'center',
+                                        height: 30,
+                                        marginTop: 17
+                                    }}>
+                                    <MaterialCommunityIcons color={'black'} name={'logout'} size={20}/>
+                                </TouchableOpacity>
+                            </View>
+                        </View>
+                    </View>
+                    < View style={{paddingHorizontal: 20, paddingVertical: 10}}>
+                    </View>
+                </View>
+                :
+                <View style={{alignItems: 'center', justifyContent: 'center', marginTop: 200}}>
+                    <Text style={{fontSize: 30, textAlign: 'center', fontWeight: 'bold'}}>유저 정보가 없습니다.</Text>
+                </View>
+            }
+        </View>
+    )
+};
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        marginTop: 10,
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    TextStyle: {
+        width: 200,
+        height: 44,
+        padding: 10,
+        borderWidth: 1,
+        borderColor: '#778899',
+        marginBottom: 10,
+    }
+});
+
+export default MyProfileComponent;
\ No newline at end of file

 import React, {useState, useContext, useEffect, useCallback} from 'react';
 import React, {useState, useContext, useEffect, useCallback} from 'react';
-import {View, Text, Button, TextInput, TouchableOpacity} from 'react-native';
+import {View, Text, Button, TextInput, TouchableOpacity, StyleSheet} from 'react-native';
 import {useDispatch, useSelector} from "react-redux";
 import {useDispatch, useSelector} from "react-redux";
 import {SIGN_UP_REQUEST} from "../reducers/user";
 import {SIGN_UP_REQUEST} from "../reducers/user";
-import {MaterialCommunityIcons} from "@expo/vector-icons";
 import styled from "styled-components";
 import styled from "styled-components";
 import {useNavigation} from '@react-navigation/native';
 import {useNavigation} from '@react-navigation/native';
-import LoadingComponent from "../components/LoadingComponent";
+import Profile from "../screens/Profile";
 
 
 
 
 const SignUpButton = styled.TouchableOpacity`
 const SignUpButton = styled.TouchableOpacity`
   align-items: center;
   align-items: center;
   justify-content: center;
   justify-content: center;
   width: 60px;
   width: 60px;
-  height: 60px;
-  background-color: #ffffff;
+  height: 40px;
+  background-color: #e6e6fa;
   border: 1px;
   border: 1px;
+  marginBottom: 10px;
+  border-radius: 50px;
 `;
 `;
 
 
+const GoLoginButton = styled.TouchableOpacity`
+  align-items: center;
+  justify-content: center;
+  width: 60px;
+  height: 40px;
+  background-color: #e6e6fa;
+  border: 1px;
+  border-radius: 50px;
+`;
+
+
 const SignUpComponent = () => {
 const SignUpComponent = () => {
     const navigation = useNavigation();
     const navigation = useNavigation();
     const [email, setEmail] = useState('');
     const [email, setEmail] = useState('');
@@ -49,39 +61,59 @@ const SignUpComponent = () => {
                 password
                 password
             }
             }
         });
         });
+        if (me !== null) {
+            navigation.navigate('Profile');
+        }
     };
     };
 
 
     return (
     return (
-        <>
-            <View>
-                <View>
+        <View styles={styles.containerStyle}>
             <TextInput
             <TextInput
-                        style={{height: 40, marginLeft: 10}}
+                style={styles.input}
                 placeholder="Type here to Email!"
                 placeholder="Type here to Email!"
                 onChangeText={onChangeEmail}
                 onChangeText={onChangeEmail}
             />
             />
-                </View>
-                <View>
             <TextInput
             <TextInput
-                        style={{height: 40, marginLeft: 10}}
+                style={styles.input}
                 placeholder="Type here to nickname!"
                 placeholder="Type here to nickname!"
                 onChangeText={onChangeNickName}
                 onChangeText={onChangeNickName}
             />
             />
-                </View>
-                <View>
             <TextInput
             <TextInput
-                        style={{height: 40, marginLeft: 10}}
+                style={styles.input}
                 placeholder="Type here to password!"
                 placeholder="Type here to password!"
                 type="password"
                 type="password"
                 onChangeText={onChangePassword}
                 onChangeText={onChangePassword}
             />
             />
-                </View>
-                <SignUpButton title={'회원가입'} onPress={onSubmit}>
-                    <Text>회원가입</Text>
+            <SignUpButton
+                title={'signUp'}
+                onPress={onSubmit}>
+                <Text style={{color: '#696969'}}>signUp</Text>
             </SignUpButton>
             </SignUpButton>
+            <GoLoginButton
+                title={'signUp'}
+                onPress={onSubmit}>
+                <Text style={{color: '#696969'}}>Login</Text>
+            </GoLoginButton>
         </View>
         </View>
-        </>
     )
     )
 };
 };
 
 
 export default SignUpComponent;
 export default SignUpComponent;
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        // flex: 1,
+        alignItems: 'center',
+        // justifyContent: 'center',
+        // backgroundColor: '#ecf0f1',
+        // marginTop: 100,
+    },
+    input: {
+        width: 200,
+        height: 44,
+        padding: 10,
+        borderWidth: 1,
+        borderColor: '#778899',
+        marginBottom: 10,
+    }
+});
\ No newline at end of file

 import React, {useState, useEffect} from 'react';
 import React, {useState, useEffect} from 'react';
 import MapView, {Marker} from 'react-native-maps';
 import MapView, {Marker} from 'react-native-maps';
-import {StyleSheet, Text, TextInput, View, TouchableOpacity} from 'react-native';
+import {StyleSheet, Text, TextInput, View, TouchableOpacity, Alert} from 'react-native';
 import screen from '../constants/layout';
 import screen from '../constants/layout';
 import {useSelector, useDispatch} from "react-redux";
 import {useSelector, useDispatch} from "react-redux";
 import * as Location from 'expo-location';
 import * as Location from 'expo-location';
 import {set} from "react-native-reanimated";
 import {set} from "react-native-reanimated";
 import {MaterialCommunityIcons} from "@expo/vector-icons";
 import {MaterialCommunityIcons} from "@expo/vector-icons";
-import {SET_LOC_REQUEST} from "../reducers/location";
-
+import {SET_ELOC_REQUEST, SET_LOC_REQUEST, SET_SLOC_REQUEST, SET_USER_LOC} from "../reducers/location";
+import axios from 'axios';
 
 
 const StartAndFinishLocationComponent = () => {
 const StartAndFinishLocationComponent = () => {
     const [hasPermission, setHasPermission] = useState(false);
     const [hasPermission, setHasPermission] = useState(false);
     const [startTextLocation, setStartTextLocation] = useState('');
     const [startTextLocation, setStartTextLocation] = useState('');
-    const [finishTextLocation, setFinishTextLocation] = useState('');
+    const [endTextLocation, setEndTextLocation] = useState('');
     const [userLocation, setUserLocation] = useState(null);
     const [userLocation, setUserLocation] = useState(null);
+    const [errorMsg, setErrorMsg] = useState(null);
 
 
-    const onChangeStartLocation = async (startTextLocation) => {
+    const onChangeStartLocation = (startTextLocation) => {
         setStartTextLocation(startTextLocation);
         setStartTextLocation(startTextLocation);
     };
     };
 
 
-    const onChangeFinishLocation = (finishTextLocation) => {
-        setFinishTextLocation(finishTextLocation);
+    const onChangeFinishLocation = (endTextLocation) => {
+        setEndTextLocation(endTextLocation);
     };
     };
 
 
     const dispatch = useDispatch();
     const dispatch = useDispatch();
+    const onSetUserLocation = async () => {
+        const {status} = await Location.requestPermissionsAsync();
+        if (status !== 'granted') {
+            setErrorMsg('Permission to access location was denied')
+        }
+        const location = await Location.getCurrentPositionAsync({});
+        setStartTextLocation('현위치');
+        setUserLocation(location);
+        console.log(location);
+        await dispatch({
+            type: SET_USER_LOC,
+            data: {
+                userLocation
+            }
+        });
+    };
+
     const setLocation = async () => {
     const setLocation = async () => {
-        if (!startTextLocation || !finishTextLocation) {
-            return
+        if (startTextLocation && startTextLocation !== '현위치') {
+            console.log(startTextLocation);
+            await dispatch({
+                type: SET_SLOC_REQUEST,
+                data: {
+                    startTextLocation
                 }
                 }
-        console.log(startTextLocation, finishTextLocation);
+            })
+        }
+
+        if (endTextLocation) {
+            console.log(endTextLocation);
             await dispatch({
             await dispatch({
-                type: SET_LOC_REQUEST,
+                    type: SET_ELOC_REQUEST,
                     data: {
                     data: {
-                    startTextLocation,
-                    finishTextLocation
+                        endTextLocation
                     }
                     }
                 }
                 }
             )
             )
+        }
 
 
+        Alert.alert(
+            'MAP ROUTE 설정',
+            ` 출발지 ${startTextLocation}, 목적지 ${endTextLocation} 맞습니까? `,
+            [
+                {
+                    text: 'Cancel',
+                    onPress: () => console.log('Cancel Pressed'),
+                    style: 'cancel',
+                },
+                {text: 'OK', onPress: () => console.log('OK Pressed')},
+            ],
+            {cancelable: false}
+        );
     };
     };
 
 
+
     return (
     return (
         <View style={styles.container}>
         <View style={styles.container}>
             <View style={styles.input}>
             <View style={styles.input}>
-                <Text style={styles.textStyle}>출발지</Text>
+                <MaterialCommunityIcons color={'red'} name={'map-marker'} size={26}/>
                 <TextInput
                 <TextInput
                     style={styles.inputText}
                     style={styles.inputText}
                     onChangeText={onChangeStartLocation}
                     onChangeText={onChangeStartLocation}
+                    value={startTextLocation}
                 />
                 />
-                <TouchableOpacity>
-                    <MaterialCommunityIcons color={'grey'} name={'map-marker'} size={30}/>
+                <TouchableOpacity onPress={onSetUserLocation}>
+                    <MaterialCommunityIcons color={'grey'} name={'crosshairs-gps'} size={30}/>
                 </TouchableOpacity>
                 </TouchableOpacity>
 
 
             </View>
             </View>
             <View style={styles.input}>
             <View style={styles.input}>
-                <Text style={styles.textStyle}>도착지</Text>
+                <MaterialCommunityIcons color={'blue'} name={'map-marker'} size={26}/>
                 <TextInput
                 <TextInput
                     style={styles.inputText}
                     style={styles.inputText}
                     onChangeText={onChangeFinishLocation}
                     onChangeText={onChangeFinishLocation}
+                    value={endTextLocation}
                 />
                 />
             </View>
             </View>
-            <View style={{flexDirection: 'row'}}>
+            <View style={{flexDirection: 'row', alignItems: 'center'}}>
                 <TouchableOpacity style={styles.buttonStyle} onPress={setLocation}>
                 <TouchableOpacity style={styles.buttonStyle} onPress={setLocation}>
-                    <Text>MAP설정</Text>
-                </TouchableOpacity>
-                <TouchableOpacity style={styles.buttonStyle}>
-                    <Text>사용자최적경로검색</Text>
+                    <Text>Map설정</Text>
                 </TouchableOpacity>
                 </TouchableOpacity>
             </View>
             </View>
         </View>
         </View>
@@ -76,20 +115,23 @@ export default StartAndFinishLocationComponent;
 
 
 const styles = StyleSheet.create({
 const styles = StyleSheet.create({
     container: {
     container: {
+        alignItems: 'center',
+        marginTop: 50,
         marginLeft: 20,
         marginLeft: 20,
         marginRight: 20,
         marginRight: 20,
+        opacity: 0.5,
     },
     },
     input: {
     input: {
         borderRadius: 10,
         borderRadius: 10,
-        backgroundColor: 'lightgrey',
+        backgroundColor: '#f0f8ff',
         paddingLeft: 10,
         paddingLeft: 10,
         paddingRight: 10,
         paddingRight: 10,
         width: 300,
         width: 300,
-        height: 40,
+        height: 50,
         alignItems: 'center',
         alignItems: 'center',
         flexDirection: 'row',
         flexDirection: 'row',
         justifyContent: 'space-between',
         justifyContent: 'space-between',
-        borderBottomColor: '#bbb',
+        borderBottomColor: '#f0f8ff',
         marginBottom: 10
         marginBottom: 10
         // borderBottomWidth: StyleSheet.hairlineWidth,
         // borderBottomWidth: StyleSheet.hairlineWidth,
     },
     },
@@ -102,15 +144,15 @@ const styles = StyleSheet.create({
         marginRight: 15,
         marginRight: 15,
     },
     },
     buttonStyle: {
     buttonStyle: {
-        flex: 1,
-        backgroundColor: '#ecf0f1',
+        flex: 0.5,
+        backgroundColor: '#f0f8ff',
         alignItems: 'center',
         alignItems: 'center',
         justifyContent: 'center',
         justifyContent: 'center',
-        width: 30,
+        width: 10,
         height: 30,
         height: 30,
         borderWidth: 1,
         borderWidth: 1,
-        borderColor: 'black',
-        marginBottom: 20
-
+        borderColor: 'grey',
+        marginBottom: 20,
+        borderRadius: 30
     }
     }
 });
 });

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {Text, View, StyleSheet, TouchableOpacity, ScrollView, TextInput} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import styled from "styled-components";
+import {MaterialCommunityIcons, AntDesign} from '@expo/vector-icons';
+
+
+const Banner = styled.View`
+    flex: 1;
+    margin-left: 15px;
+    margin-bottom: 5px;
+    width: 3px;
+    height: 3px;
+    border-radius: 20px;
+    border: 3px solid grey;
+    
+`;
+
+
+const WalkPathComponent = (props) => {
+    const navigation = useNavigation();
+    const [walkPath, setWalkPath] = useState(null);
+    const {pathDetail} = props;
+
+    useEffect(() => {
+        console.log(props.pathDetail.distance);
+        setWalkPath(props.pathDetail);
+    }, []);
+
+    return (
+        <ScrollView>
+            <View style={{flexDirection: 'row', flex: 5}}>
+                <View style={styles.pathType}>
+                    <MaterialCommunityIcons style={{flex: 1}} color={'darkgrey'} name={'walk'} size={20}/>
+                    <Text style={{flex: 1, fontSize: 13}}>{pathDetail.time}분</Text>
+                </View>
+                <View style={{flex: 1}}>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                    <Banner/>
+                </View>
+                <View style={styles.inputTile}>
+                    <Text style={styles.inputText}> 도보 {pathDetail.distance}m 이동</Text>
+                </View>
+            </View>
+        </ScrollView>
+    );
+}
+export default WalkPathComponent;
+
+const styles = StyleSheet.create({
+    inputTile: {
+        flex: 4,
+        justifyContent: 'center',
+        color: 'grey',
+    },
+    inputText: {
+        fontWeight: 'normal',
+        fontSize: 15,
+    },
+    pathType: {
+        flexDirection: 'column',
+        flex: 0.4,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 5,
+        marginTop: 10,
+    }
+})
\ No newline at end of file

 import React, {userLayoutEffect} from 'react';
 import React, {userLayoutEffect} from 'react';
 import {createStackNavigator} from "@react-navigation/stack";
 import {createStackNavigator} from "@react-navigation/stack";
-import TabNavigation from "./TabNavigation";
 import SelectOrTakePhotoTabNavigation from "./SelectOrTakePhotoTabNavigation";
 import SelectOrTakePhotoTabNavigation from "./SelectOrTakePhotoTabNavigation";
 import UploadPhoto from "../screens/UploadPhoto";
 import UploadPhoto from "../screens/UploadPhoto";
 
 
 const Stack = createStackNavigator();
 const Stack = createStackNavigator();
 
 
-const SelectOrTakePhotoStackNavigation = () =>{
+const SelectOrTakePhotoStackNavigation = () => {
     return (
     return (
         <Stack.Navigator
         <Stack.Navigator
             mode='card'
             mode='card'
-
+            screenOptions={{
+                headerShown: false
+            }}
         >
         >
             <Stack.Screen
             <Stack.Screen
             name='SelectOrTakePhotoTabNavigation'
             name='SelectOrTakePhotoTabNavigation'

+import React, {userLayoutEffect} from 'react';
+import {createStackNavigator} from "@react-navigation/stack";
+import SetLocationTabNavigation from "./SetLocationTabNavigation";
+import GoPathDetail from "../screens/GoPathDetail";
+import OptRoutePath from "../screens/OptRoutePath";
+
+const Stack = createStackNavigator();
+
+const SetLocationStackNavigation = () => {
+    return (
+        <Stack.Navigator
+            mode='card'
+            screenOptions={{
+                headerShown: false
+            }}
+        >
+            <Stack.Screen
+                name='SetLocationTabNavigation'
+                component={SetLocationTabNavigation}
+            />
+
+            <Stack.Screen
+                name='GoPathDetail'
+                component={GoPathDetail}
+            />
+
+        </Stack.Navigator>
+
+    )
+};
+
+export default SetLocationStackNavigation;
\ No newline at end of file

+import React, {useLayoutEffect} from 'react';
+import {Ionicons} from "@expo/vector-icons";
+import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
+import Maps from "../screens/Maps";
+import OptRoutePath from "../screens/OptRoutePath";
+
+const Tab = createBottomTabNavigator();
+
+const SetLocationTabNavigation = (props) => {
+    const {navigation, route} = props;
+    // useLayoutEffect(() => {}, [route]);
+
+    return (
+        <Tab.Navigator
+            tabBarOptions={{}}
+        >
+            <Tab.Screen
+                name='Maps'
+                component={Maps}
+            />
+
+            <Tab.Screen
+                name='OptRoutePath'
+                component={OptRoutePath}
+            />
+
+        </Tab.Navigator>
+    )
+};
+
+export default SetLocationTabNavigation;
\ No newline at end of file

 import React from 'react';
 import React from 'react';
 import {createStackNavigator} from "@react-navigation/stack";
 import {createStackNavigator} from "@react-navigation/stack";
 import Gallery from "../screens/Gallery";
 import Gallery from "../screens/Gallery";
+import Maps from "../screens/Maps";
 import Main from "../screens/Main";
 import Main from "../screens/Main";
 import TabNavigation from "./TabNavigation";
 import TabNavigation from "./TabNavigation";
 import {TouchableOpacity} from "react-native";
 import {TouchableOpacity} from "react-native";
-// import * as WebBrowser from 'expo-web-browser';
-import {Ionicons} from "@expo/vector-icons";
+import {MaterialCommunityIcons} from "@expo/vector-icons";
 import SelectOrTakePhotoStackNavigation from "./SelectOrTakePhotoStackNavigation";
 import SelectOrTakePhotoStackNavigation from "./SelectOrTakePhotoStackNavigation";
-
+import SetLocationStackNavigation from "./SetLocationStackNavigation";
+import Profile from "../screens/Profile";
+import Login from "../screens/Login";
+import SignUp from "../screens/SignUp";
 
 
 const Stack = createStackNavigator();
 const Stack = createStackNavigator();
 //
 //
@@ -15,15 +18,16 @@ const Stack = createStackNavigator();
 //     await WebBrowser.openBrowserAsync(url);
 //     await WebBrowser.openBrowserAsync(url);
 // };
 // };
 
 
-const StackNavigation = () =>{
+const StackNavigation = () => {
     return (
     return (
         <Stack.Navigator
         <Stack.Navigator
             mode='card'
             mode='card'
-            screenOptions = {{
+            screenOptions={{
+                headerTitle: 'SGGO',
                 headerRight: () => {
                 headerRight: () => {
                     return (
                     return (
-                        <TouchableOpacity>
-                            <Ionicons name={'logo-youtube'} color={'red'} size={25}/>
+                        <TouchableOpacity style={{marginRight: 5}}>
+                            <MaterialCommunityIcons color={'grey'} name={'send'} size={24}/>
                         </TouchableOpacity>
                         </TouchableOpacity>
                     )
                     )
                 }
                 }
@@ -38,9 +42,27 @@ const StackNavigation = () =>{
                 component={SelectOrTakePhotoStackNavigation}
                 component={SelectOrTakePhotoStackNavigation}
             />
             />
             <Stack.Screen
             <Stack.Screen
+                name='SetLocationStackNavigation'
+                component={SetLocationStackNavigation}
+            />
+            <Stack.Screen
+                name='Maps'
+                component={Maps}
+            />
+            <Stack.Screen
                 name='Gallery'
                 name='Gallery'
                 component={Gallery}
                 component={Gallery}
             />
             />
+
+            <Stack.Screen
+                name='Login'
+                component={Login}
+            />
+
+            <Stack.Screen
+                name='SignUp'
+                component={SignUp}
+            />
         </Stack.Navigator>
         </Stack.Navigator>
     )
     )
 };
 };

@@ -4,14 +4,11 @@ import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
 import Main from "../screens/Main";
 import Main from "../screens/Main";
 import Login from "../screens/Login";
 import Login from "../screens/Login";
 import Profile from "../screens/Profile";
 import Profile from "../screens/Profile";
+import LocationTimeSet from "../screens/LocationTimeSet";
 import Maps from "../screens/Maps";
 import Maps from "../screens/Maps";
 
 
-
 const Tab = createBottomTabNavigator();
 const Tab = createBottomTabNavigator();
 
 
-const getHeaderName = (route) => {
-};
-
 const TabNavigation = (props) => {
 const TabNavigation = (props) => {
     const {navigation, route} = props;
     const {navigation, route} = props;
     // useLayoutEffect(() => {}, [route]);
     // useLayoutEffect(() => {}, [route]);
@@ -19,12 +16,8 @@ const TabNavigation = (props) => {
     return (
     return (
         <Tab.Navigator
         <Tab.Navigator
             // screenOptions = {({route})=>{}}
             // screenOptions = {({route})=>{}}
-            tabBarOptions = {{}}
+            tabBarOptions={{}}
         >
         >
-            <Tab.Screen
-                name='main'
-                component={Main}
-            />
 
 
             <Tab.Screen
             <Tab.Screen
                 name='login'
                 name='login'
@@ -32,8 +25,8 @@ const TabNavigation = (props) => {
             />
             />
 
 
             <Tab.Screen
             <Tab.Screen
-                name='maps'
-                component={Maps}
+                name='LocationTimeSet'
+                component={LocationTimeSet}
             />
             />
 
 
             <Tab.Screen
             <Tab.Screen

@@ -1241,6 +1241,14 @@
       "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-3.0.0.tgz",
       "resolved": "https://registry.npmjs.org/@react-native-community/cli-types/-/cli-types-3.0.0.tgz",
       "integrity": "sha512-ng6Tm537E/M42GjE4TRUxQyL8sRfClcL7bQWblOCoxPZzJ2J3bdALsjeG3vDnVCIfI/R0AeFalN9KjMt0+Z/Zg=="
       "integrity": "sha512-ng6Tm537E/M42GjE4TRUxQyL8sRfClcL7bQWblOCoxPZzJ2J3bdALsjeG3vDnVCIfI/R0AeFalN9KjMt0+Z/Zg=="
     },
     },
+    "@react-native-community/datetimepicker": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@react-native-community/datetimepicker/-/datetimepicker-2.2.2.tgz",
+      "integrity": "sha512-J4Z1tuZQszLR+BNu+UusZlK6/S+CpI6AHzolqTdPS2tRlyVbVim3KyjXrn8trtKxQncR5LEqF9OHw9zsRfEdXA==",
+      "requires": {
+        "invariant": "^2.2.4"
+      }
+    },
     "@react-native-community/masked-view": {
     "@react-native-community/masked-view": {
       "version": "0.1.6",
       "version": "0.1.6",
       "resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.6.tgz",
       "resolved": "https://registry.npmjs.org/@react-native-community/masked-view/-/masked-view-0.1.6.tgz",
@@ -2017,6 +2025,11 @@
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
       "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-2.0.0.tgz",
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
       "integrity": "sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ=="
     },
     },
+    "clamp": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/clamp/-/clamp-1.0.1.tgz",
+      "integrity": "sha1-ZqDmQBGBbjcZaCj9yMjBRzEshjQ="
+    },
     "class-utils": {
     "class-utils": {
       "version": "0.3.6",
       "version": "0.3.6",
       "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
       "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
@@ -2512,6 +2525,11 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.413.tgz",
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.413.tgz",
       "integrity": "sha512-Jm1Rrd3siqYHO3jftZwDljL2LYQafj3Kki5r+udqE58d0i91SkjItVJ5RwlJn9yko8i7MOcoidVKjQlgSdd1hg=="
       "integrity": "sha512-Jm1Rrd3siqYHO3jftZwDljL2LYQafj3Kki5r+udqE58d0i91SkjItVJ5RwlJn9yko8i7MOcoidVKjQlgSdd1hg=="
     },
     },
+    "emoji-regex": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-7.0.3.tgz",
+      "integrity": "sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA=="
+    },
     "encodeurl": {
     "encodeurl": {
       "version": "1.0.2",
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
       "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
@@ -2565,6 +2583,14 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
       "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ="
     },
     },
+    "eslint-config-prettier": {
+      "version": "6.11.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz",
+      "integrity": "sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==",
+      "requires": {
+        "get-stdin": "^6.0.0"
+      }
+    },
     "esprima": {
     "esprima": {
       "version": "4.0.1",
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
       "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
@@ -3649,6 +3675,11 @@
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
       "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
       "integrity": "sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w=="
     },
     },
+    "get-stdin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-6.0.0.tgz",
+      "integrity": "sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g=="
+    },
     "get-stream": {
     "get-stream": {
       "version": "4.1.0",
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
       "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
@@ -3690,6 +3721,21 @@
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
       "resolved": "https://registry.npmjs.org/growly/-/growly-1.3.0.tgz",
       "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE="
       "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE="
     },
     },
+    "has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+      "requires": {
+        "ansi-regex": "^2.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+        }
+      }
+    },
     "has-flag": {
     "has-flag": {
       "version": "3.0.0",
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
@@ -4075,6 +4121,11 @@
         "@jest/types": "^24.9.0"
         "@jest/types": "^24.9.0"
       }
       }
     },
     },
+    "jest-react-native": {
+      "version": "18.0.0",
+      "resolved": "https://registry.npmjs.org/jest-react-native/-/jest-react-native-18.0.0.tgz",
+      "integrity": "sha1-d92QnwaTJFmfInxYxhwuYhaHJro="
+    },
     "jest-serializer": {
     "jest-serializer": {
       "version": "24.9.0",
       "version": "24.9.0",
       "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-24.9.0.tgz",
       "resolved": "https://registry.npmjs.org/jest-serializer/-/jest-serializer-24.9.0.tgz",
@@ -4934,6 +4985,11 @@
         "minimist": "^1.2.5"
         "minimist": "^1.2.5"
       }
       }
     },
     },
+    "moment": {
+      "version": "2.26.0",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.26.0.tgz",
+      "integrity": "sha512-oIixUO+OamkUkwjhAVE18rAMfRJNsNe/Stid/gwHSOfHrOtw9EhAY2AHvdKZ/k/MggcYELFCJz/Sn2pL8b8JMw=="
+    },
     "morgan": {
     "morgan": {
       "version": "1.10.0",
       "version": "1.10.0",
       "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.10.0.tgz",
       "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.10.0.tgz",
@@ -5005,6 +5061,68 @@
         "to-regex": "^3.0.1"
         "to-regex": "^3.0.1"
       }
       }
     },
     },
+    "native-base": {
+      "version": "2.13.12",
+      "resolved": "https://registry.npmjs.org/native-base/-/native-base-2.13.12.tgz",
+      "integrity": "sha512-LdKGNXisbmQ0vDHG86McZKIFTlRyo+OQdJpqmQ05Yf7CGlMbBykJZCFe9rdiee5pLq20xiChe/jXbzFdWcysrg==",
+      "requires": {
+        "blueimp-md5": "^2.5.0",
+        "clamp": "^1.0.1",
+        "color": "~3.1.2",
+        "create-react-class": "^15.6.3",
+        "eslint-config-prettier": "^6.0.0",
+        "fs-extra": "^2.0.0",
+        "jest-react-native": "^18.0.0",
+        "lodash": "^4.17.14",
+        "native-base-shoutem-theme": "0.3.1",
+        "opencollective-postinstall": "^2.0.2",
+        "print-message": "^2.1.0",
+        "prop-types": "^15.5.10",
+        "react-native-drawer": "2.5.1",
+        "react-native-easy-grid": "0.2.2",
+        "react-native-keyboard-aware-scroll-view": "0.9.1",
+        "react-native-vector-icons": "^6.6.0",
+        "react-timer-mixin": "^0.13.4",
+        "react-tween-state": "^0.1.5",
+        "tween-functions": "^1.0.1"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-2.1.2.tgz",
+          "integrity": "sha1-BGxwFjzvmq1GsOSn+kZ/si1x3jU=",
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^2.1.0"
+          }
+        },
+        "jsonfile": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-2.4.0.tgz",
+          "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        }
+      }
+    },
+    "native-base-shoutem-theme": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/native-base-shoutem-theme/-/native-base-shoutem-theme-0.3.1.tgz",
+      "integrity": "sha512-uwEGhg6gwDuJTHuhNXRKbHtNjni1UI9qfAsVchIqfK7mQAHSNPVU1QRs9Hw6O2K/qLZaP/aJmNoZGc2h2EGSwA==",
+      "requires": {
+        "hoist-non-react-statics": "^1.0.5",
+        "lodash": "^4.17.14",
+        "prop-types": "^15.5.10"
+      },
+      "dependencies": {
+        "hoist-non-react-statics": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz",
+          "integrity": "sha1-qkSM8JhtVcxAdzsXF0t90GbLfPs="
+        }
+      }
+    },
     "negotiator": {
     "negotiator": {
       "version": "0.6.2",
       "version": "0.6.2",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
       "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.2.tgz",
@@ -5034,6 +5152,31 @@
       "resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz",
       "resolved": "https://registry.npmjs.org/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz",
       "integrity": "sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA="
       "integrity": "sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA="
     },
     },
+    "node-nikerunclub": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-nikerunclub/-/node-nikerunclub-1.0.0.tgz",
+      "integrity": "sha512-RrSHyIYADyvEiR6rSktkcfybzJ/4xFfGZHYMsqLvxX1zcTcQSuv6RXemqDhF6FEMXHFkMQeemZVjbOHEo8z/tw==",
+      "requires": {
+        "axios": "^0.18.0",
+        "qs": "^6.5.2"
+      },
+      "dependencies": {
+        "axios": {
+          "version": "0.18.1",
+          "resolved": "https://registry.npmjs.org/axios/-/axios-0.18.1.tgz",
+          "integrity": "sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==",
+          "requires": {
+            "follow-redirects": "1.5.10",
+            "is-buffer": "^2.0.2"
+          }
+        },
+        "is-buffer": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.4.tgz",
+          "integrity": "sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A=="
+        }
+      }
+    },
     "node-notifier": {
     "node-notifier": {
       "version": "5.4.3",
       "version": "5.4.3",
       "resolved": "https://registry.npmjs.org/node-notifier/-/node-notifier-5.4.3.tgz",
       "resolved": "https://registry.npmjs.org/node-notifier/-/node-notifier-5.4.3.tgz",
@@ -5232,6 +5375,11 @@
         "is-wsl": "^1.1.0"
         "is-wsl": "^1.1.0"
       }
       }
     },
     },
+    "opencollective-postinstall": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz",
+      "integrity": "sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q=="
+    },
     "options": {
     "options": {
       "version": "0.0.6",
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
       "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
@@ -5396,6 +5544,11 @@
         }
         }
       }
       }
     },
     },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
+    },
     "pify": {
     "pify": {
       "version": "4.0.1",
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
       "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
@@ -5545,6 +5698,51 @@
         "ansi-styles": "^3.2.0"
         "ansi-styles": "^3.2.0"
       }
       }
     },
     },
+    "print-message": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/print-message/-/print-message-2.1.0.tgz",
+      "integrity": "sha1-tViO0IsOG/d6x7y1y3gASvr5qJE=",
+      "requires": {
+        "chalk": "1.1.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8="
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4="
+        },
+        "chalk": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.1.tgz",
+          "integrity": "sha1-UJr7ZwZudJn36zU1x3RFdyri0Bk=",
+          "requires": {
+            "ansi-styles": "^2.1.0",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc="
+        }
+      }
+    },
     "private": {
     "private": {
       "version": "0.1.8",
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
       "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
@@ -5607,6 +5805,14 @@
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz",
       "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.1.1.tgz",
       "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA=="
       "integrity": "sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA=="
     },
     },
+    "raf": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/raf/-/raf-3.4.1.tgz",
+      "integrity": "sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==",
+      "requires": {
+        "performance-now": "^2.1.0"
+      }
+    },
     "range-parser": {
     "range-parser": {
       "version": "1.2.1",
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
       "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
@@ -5936,6 +6142,33 @@
         }
         }
       }
       }
     },
     },
+    "react-native-bottom-action-sheet": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/react-native-bottom-action-sheet/-/react-native-bottom-action-sheet-2.0.1.tgz",
+      "integrity": "sha512-7IUgBjYhub0OR/3vq6FybjXIURBXaoI1oYZRhRzyO/6wfad3hjh9J5ZZjtoNaXgFZfXT/94JPS1fdaBBN5t35A=="
+    },
+    "react-native-drawer": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/react-native-drawer/-/react-native-drawer-2.5.1.tgz",
+      "integrity": "sha512-cxcQNbSWy5sbGi7anSVp6EDr6JarOBMY9lbFOeLFeVYbONiudoqRKbgEsSDgSw3/LFCLvUXK5zdjXCOedeytxQ==",
+      "requires": {
+        "prop-types": "^15.5.8",
+        "tween-functions": "^1.0.1"
+      }
+    },
+    "react-native-easy-grid": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/react-native-easy-grid/-/react-native-easy-grid-0.2.2.tgz",
+      "integrity": "sha512-MlYrNIldnEMKn6TVatQN1P64GoVlwGIuz+8ncdfJ0Wq/xtzUkQwlil8Uksyp7MhKfENE09MQnGNcba6Mx3oSAA==",
+      "requires": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "react-native-fast-image": {
+      "version": "8.1.5",
+      "resolved": "https://registry.npmjs.org/react-native-fast-image/-/react-native-fast-image-8.1.5.tgz",
+      "integrity": "sha512-DoAWGLeQ2hbllummrpXH9B38OgM0TFmNYCF34F90/hdHZirqUtYHzF4QDdb/NV7ebSijHmM3mpkzct8PXtcYyg=="
+    },
     "react-native-gesture-handler": {
     "react-native-gesture-handler": {
       "version": "1.6.1",
       "version": "1.6.1",
       "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.6.1.tgz",
       "resolved": "https://registry.npmjs.org/react-native-gesture-handler/-/react-native-gesture-handler-1.6.1.tgz",
@@ -5959,6 +6192,20 @@
       "resolved": "https://registry.npmjs.org/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.2.1.tgz",
       "resolved": "https://registry.npmjs.org/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.2.1.tgz",
       "integrity": "sha512-/VbpIEp8tSNNHIvstuA3Swx610whci1Zpc9mqNkqn14DkMbw+ORviln2u0XyHG1kPvvwTNGZY6QpeFwxYaSdbQ=="
       "integrity": "sha512-/VbpIEp8tSNNHIvstuA3Swx610whci1Zpc9mqNkqn14DkMbw+ORviln2u0XyHG1kPvvwTNGZY6QpeFwxYaSdbQ=="
     },
     },
+    "react-native-keyboard-aware-scroll-view": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/react-native-keyboard-aware-scroll-view/-/react-native-keyboard-aware-scroll-view-0.9.1.tgz",
+      "integrity": "sha512-tBZ8rmjELN0F6t5UBp5CW3NYmZXgVnJSzVCssv/OqG2t6kiB+OUTqxNvUP24K+HARX4H+XaW0aEJSFQkQCv6KA==",
+      "requires": {
+        "prop-types": "^15.6.2",
+        "react-native-iphone-x-helper": "^1.0.3"
+      }
+    },
+    "react-native-maps": {
+      "version": "0.26.1",
+      "resolved": "https://registry.npmjs.org/react-native-maps/-/react-native-maps-0.26.1.tgz",
+      "integrity": "sha512-p4VTB8YB5ZmOmDRCUpoHZkm05amZwhIo04AJMBbB9+JAR2PNNfpo0vceoWX0Mag4wnePkdzPomeWMplr/wimTg=="
+    },
     "react-native-reanimated": {
     "react-native-reanimated": {
       "version": "1.7.1",
       "version": "1.7.1",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-1.7.1.tgz",
       "resolved": "https://registry.npmjs.org/react-native-reanimated/-/react-native-reanimated-1.7.1.tgz",
@@ -5980,6 +6227,127 @@
         "debounce": "^1.2.0"
         "debounce": "^1.2.0"
       }
       }
     },
     },
+    "react-native-vector-icons": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/react-native-vector-icons/-/react-native-vector-icons-6.6.0.tgz",
+      "integrity": "sha512-MImKVx8JEvVVBnaShMr7/yTX4Y062JZMupht1T+IEgbqBj4aQeQ1z2SH4VHWKNtWtppk4kz9gYyUiMWqx6tNSw==",
+      "requires": {
+        "lodash": "^4.0.0",
+        "prop-types": "^15.6.2",
+        "yargs": "^13.2.2"
+      },
+      "dependencies": {
+        "cliui": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npmjs.org/cliui/-/cliui-5.0.0.tgz",
+          "integrity": "sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==",
+          "requires": {
+            "string-width": "^3.1.0",
+            "strip-ansi": "^5.2.0",
+            "wrap-ansi": "^5.1.0"
+          }
+        },
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+          "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "get-caller-file": {
+          "version": "2.0.5",
+          "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+          "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg=="
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+          "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+          "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+          "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+          "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="
+        },
+        "require-main-filename": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+          "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg=="
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npmjs.org/string-width/-/string-width-3.1.0.tgz",
+          "integrity": "sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==",
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "wrap-ansi": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-5.1.0.tgz",
+          "integrity": "sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==",
+          "requires": {
+            "ansi-styles": "^3.2.0",
+            "string-width": "^3.0.0",
+            "strip-ansi": "^5.0.0"
+          }
+        },
+        "y18n": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.0.tgz",
+          "integrity": "sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w=="
+        },
+        "yargs": {
+          "version": "13.3.2",
+          "resolved": "https://registry.npmjs.org/yargs/-/yargs-13.3.2.tgz",
+          "integrity": "sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==",
+          "requires": {
+            "cliui": "^5.0.0",
+            "find-up": "^3.0.0",
+            "get-caller-file": "^2.0.1",
+            "require-directory": "^2.1.1",
+            "require-main-filename": "^2.0.0",
+            "set-blocking": "^2.0.0",
+            "string-width": "^3.0.0",
+            "which-module": "^2.0.0",
+            "y18n": "^4.0.0",
+            "yargs-parser": "^13.1.2"
+          }
+        },
+        "yargs-parser": {
+          "version": "13.1.2",
+          "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-13.1.2.tgz",
+          "integrity": "sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==",
+          "requires": {
+            "camelcase": "^5.0.0",
+            "decamelize": "^1.2.0"
+          }
+        }
+      }
+    },
     "react-native-view-shot": {
     "react-native-view-shot": {
       "version": "3.1.2",
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/react-native-view-shot/-/react-native-view-shot-3.1.2.tgz",
       "resolved": "https://registry.npmjs.org/react-native-view-shot/-/react-native-view-shot-3.1.2.tgz",
@@ -6024,6 +6392,15 @@
       "resolved": "https://registry.npmjs.org/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz",
       "resolved": "https://registry.npmjs.org/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz",
       "integrity": "sha512-4+ow23tp/Tv7hBM5Az5/Be/eKKF7DIvJ09voz5LyHGQaqqz9WV8YMs31eFvcYQs7d451LSg7kDJV70XYN/Ug/Q=="
       "integrity": "sha512-4+ow23tp/Tv7hBM5Az5/Be/eKKF7DIvJ09voz5LyHGQaqqz9WV8YMs31eFvcYQs7d451LSg7kDJV70XYN/Ug/Q=="
     },
     },
+    "react-tween-state": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/react-tween-state/-/react-tween-state-0.1.5.tgz",
+      "integrity": "sha1-6YsGZVHvuTy5LdG+FJlcLj3q4zk=",
+      "requires": {
+        "raf": "^3.1.0",
+        "tween-functions": "^1.0.1"
+      }
+    },
     "read-pkg": {
     "read-pkg": {
       "version": "2.0.0",
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
       "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-2.0.0.tgz",
@@ -6932,6 +7309,11 @@
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
       "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
       "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
       "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw=="
     },
     },
+    "tween-functions": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tween-functions/-/tween-functions-1.2.0.tgz",
+      "integrity": "sha1-GuOlDnxguz3vd06scHrLynO7w/8="
+    },
     "type-fest": {
     "type-fest": {
       "version": "0.7.1",
       "version": "0.7.1",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.7.1.tgz",

@@ -8,6 +8,7 @@
     "eject": "expo eject"
     "eject": "expo eject"
   },
   },
   "dependencies": {
   "dependencies": {
+    "@react-native-community/datetimepicker": "2.2.2",
     "@react-native-community/masked-view": "0.1.6",
     "@react-native-community/masked-view": "0.1.6",
     "@react-navigation/bottom-tabs": "^5.4.1",
     "@react-navigation/bottom-tabs": "^5.4.1",
     "@react-navigation/native": "^5.3.0",
     "@react-navigation/native": "^5.3.0",
@@ -16,14 +17,21 @@
     "expo": "~37.0.3",
     "expo": "~37.0.3",
     "expo-asset": "^8.1.4",
     "expo-asset": "^8.1.4",
     "expo-camera": "~8.2.0",
     "expo-camera": "~8.2.0",
+    "expo-file-system": "~8.1.0",
     "expo-font": "^8.1.1",
     "expo-font": "^8.1.1",
     "expo-location": "~8.1.0",
     "expo-location": "~8.1.0",
     "expo-media-library": "~8.1.0",
     "expo-media-library": "~8.1.0",
     "expo-permissions": "~8.1.0",
     "expo-permissions": "~8.1.0",
     "expo-web-browser": "^8.2.1",
     "expo-web-browser": "^8.2.1",
+    "moment": "^2.26.0",
+    "native-base": "^2.13.12",
+    "node-nikerunclub": "^1.0.0",
+    "papaparse": "^5.2.0",
     "react": "~16.9.0",
     "react": "~16.9.0",
     "react-dom": "~16.9.0",
     "react-dom": "~16.9.0",
     "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
     "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
+    "react-native-bottom-action-sheet": "^2.0.1",
+    "react-native-fast-image": "^8.1.5",
     "react-native-gesture-handler": "~1.6.0",
     "react-native-gesture-handler": "~1.6.0",
     "react-native-maps": "0.26.1",
     "react-native-maps": "0.26.1",
     "react-native-reanimated": "~1.7.0",
     "react-native-reanimated": "~1.7.0",

+export const initialState = {
+    startLocation: null,
+    endLocation: null,
+    endTime: '',
+
+    optRoute: null,
+
+    settingLocation: false,
+    settingTime: false,
+    settingOptRoute: false,
+    settingVelocity: false,
+
+
+    personalVelocity: 60,
+    info: '',
+};
+
+export const SET_SLOC_REQUEST = 'SET_SLOC_REQUEST';
+export const SET_SLOC_SUCCESS = 'SET_SLOC_SUCCESS';
+export const SET_SLOC_FAILURE = 'SET_SLOC_FAILURE';
+export const SET_ELOC_REQUEST = 'SET_ELOC_REQUEST';
+export const SET_ELOC_SUCCESS = 'SET_ELOC_SUCCESS';
+export const SET_ELOC_FAILURE = 'SET_ELOC_FAILURE';
+export const SET_USER_LOC = 'SET_USER_LOC';
+
+export const SET_TIME_REQUEST = 'SET_TIME_REQUEST';
+export const SET_TIME_SUCCESS = 'SET_TIME_SUCCESS';
+export const SET_TIME_FAILURE = 'SET_TIME_FAILURE';
+
+export const SET_OPTROUTE_REQUEST = 'SET_OPTROUTE_REQUEST';
+export const SET_OPTROUTE_SUCCESS = 'SET_OPTROUTE_SUCCESS';
+export const SET_OPTROUTE_FAILURE = 'SET_OPTROUTE_FAILURE';
+
+export const SET_PERVELOCITY_REQUEST = 'SET_PERVELOCITY_REQUEST';
+export const SET_PERVELOCITY_SUCCESS = 'SET_PERVELOCITY_SUCCESS';
+export const SET_PERVELOCITY_FAILURE = 'SET_PERVELOCITY_FAILURE';
+
+
+export default (state = initialState, action) => {
+    switch (action.type) {
+
+        case SET_SLOC_REQUEST: {
+            return {
+                ...state,
+                settingLocation: true,
+            }
+        }
+
+        case SET_SLOC_SUCCESS: {
+            const {startLocation} = action.data;
+            return {
+                ...state,
+                startLocation,
+                isLoggingIn: false,
+            };
+        }
+
+        case SET_SLOC_FAILURE: {
+            const {info} = action.data;
+            return {
+                ...state,
+                settingLocation: false,
+                info,
+            }
+        }
+
+
+        case SET_ELOC_REQUEST: {
+            return {
+                ...state,
+                settingLocation: true,
+            }
+        }
+
+        case SET_ELOC_SUCCESS: {
+            const {endLocation} = action.data;
+            return {
+                ...state,
+                endLocation,
+                isLoggingIn: false,
+            };
+        }
+
+        case SET_ELOC_FAILURE: {
+            const {info} = action.data;
+            return {
+                ...state,
+                settingLocation: false,
+                info,
+            }
+        }
+
+        case SET_USER_LOC: {
+            var {userLocation} = action.data;
+            userLocation = {
+                title: '현위치',
+                latitude: userLocation.coords.latitude,
+                longitude: userLocation.coords.longitude,
+                latitudeDelta: 0.0039,
+                longitudeDelta: 0.0039,
+                description: 'start point',
+
+            };
+            console.log(userLocation.coords);
+            return {
+                ...state,
+                startLocation: userLocation,
+                settingLocation: false
+            }
+        }
+
+        case SET_TIME_REQUEST: {
+            return {
+                ...state,
+                settingTime: true,
+            }
+        }
+        case SET_TIME_SUCCESS: {
+            const {date} = action.data;
+            console.log('reducer SET_TIME_SUCCESS', date);
+            return {
+                ...state,
+                endTime: date,
+                settingTime: false,
+            }
+        }
+        case SET_TIME_FAILURE: {
+            const {info} = action.data;
+            return {
+                ...state,
+                settingTime: false,
+            }
+        }
+
+        case SET_OPTROUTE_REQUEST: {
+            return {
+                ...state,
+                settingOptRoute: true,
+            }
+        }
+
+        case SET_OPTROUTE_SUCCESS: {
+            var {optRoute} = action.data;
+            console.log('SET_OPTROUTE_SUCCESST', optRoute);
+            return {
+                ...state,
+                optRoute: optRoute,
+                settingOptRoute: false,
+            }
+        }
+
+        case SET_OPTROUTE_FAILURE: {
+            const {info} = action.data;
+            return {
+                ...state,
+                settingOptRoute: false,
+            }
+        }
+
+
+        case SET_PERVELOCITY_REQUEST: {
+            return {
+                ...state,
+                settingVelocity: true,
+            }
+        }
+
+        case SET_PERVELOCITY_SUCCESS: {
+            var {personalVelocity} = action.data;
+            console.log('SET_PERVELOCITY_SUCCESS', personalVelocity);
+            return {
+                ...state,
+                personalVelocity,
+                settingVelocity: true,
+            }
+        }
+
+        case SET_PERVELOCITY_FAILURE: {
+            const {info} = action.data;
+            return {
+                ...state,
+                settingVelocity: false,
+            }
+        }
+
+        default: {
+            return {
+                ...state,
+            };
+        }
+    }
+};
\ No newline at end of file

 export const initialState = {
 export const initialState = {
     me: null,
     me: null,
+    nikeRecord: null,
 
 
     isLoggingIn: false,
     isLoggingIn: false,
     isSigningUp: false,
     isSigningUp: false,

+import {all, call, fork, delay, put, takeEvery, takeLatest} from 'redux-saga/effects';
+import axios from 'axios';
+import {coordAPIKEY, host} from '../env';
+
+
+import {
+    SET_ELOC_REQUEST,
+    SET_SLOC_REQUEST,
+    SET_SLOC_SUCCESS,
+    SET_ELOC_SUCCESS,
+    SET_SLOC_FAILURE,
+    SET_ELOC_FAILURE,
+    SET_OPTROUTE_REQUEST,
+    SET_OPTROUTE_SUCCESS,
+    SET_OPTROUTE_FAILURE,
+} from "../reducers/location";
+
+function setStartLocationAPI(data) {
+    const {startTextLocation} = data;
+    console.log(startTextLocation);
+    return axios.get(`http://api.vworld.kr/req/address?service=address&request=getcoord&version=1.0&crs=epsg:4326&address=${startTextLocation}&refine=true&simple=false&format=json&type=road&key=${coordAPIKEY}`);
+}
+
+function setEndLocationAPI(data) {
+    const {endTextLocation} = data;
+    console.log(endTextLocation);
+    return axios.get(`http://api.vworld.kr/req/address?service=address&request=getcoord&version=1.0&crs=epsg:4326&address=${endTextLocation}&refine=true&simple=false&format=json&type=road&key=${coordAPIKEY}`);
+}
+
+function setOptRouteAPI(data) {
+    const {startLocation, endLocation, endTime, personalVelocity} = data;
+    console.log('제발 좀 되라', startLocation, endLocation, endTime, personalVelocity);
+    return axios.post(`http://${host}:4001/api/setOptRoute`, {
+        startLocation,
+        endLocation,
+        endTime,
+        personalVelocity
+    }, {withCredentials: true});
+}
+
+function* setStartLocation(action) {
+    try {
+        console.log('saga의 setLocation', action.data);
+        let res = yield call(setStartLocationAPI, action.data);
+        let longitude, latitude = null;
+
+        if (res.data.response.status === "OK") {
+            longitude = parseFloat(res.data.response.result.point.x);
+            latitude = parseFloat(res.data.response.result.point.y);
+        }
+        //
+        // if (res.data.status === "OK") {
+        //     latitude = res.data.results[0].geometry.location.lat;
+        //     longitude = res.data.results[0].geometry.location.lng;
+        //     console.log(latitude, longitude)
+        // }
+
+        console.log('startRes: ', longitude, latitude);
+
+        yield put({
+            type: SET_SLOC_SUCCESS,
+            data: {
+                startLocation: {
+                    title: action.data.startTextLocation,
+                    description: 'start point',
+                    longitude: longitude,
+                    latitude: latitude,
+                    latitudeDelta: 1.2,
+                    longitudeDelta: 1.2
+
+                }
+            }
+        })
+    } catch (e) {
+        console.error(e);
+        yield put({
+            type: SET_SLOC_FAILURE,
+            data: {
+                info: e.response.data.info
+            }
+        });
+    }
+}
+
+function* setEndLocation(action) {
+    try {
+        let res = yield call(setEndLocationAPI, action.data);
+        let longitude, latitude = null;
+
+        //
+        // if (res.data.status === "OK") {
+        //     latitude = res.data.results[0].geometry.location.lat;
+        //     longitude = res.data.results[0].geometry.location.lng;
+        //     console.log(latitude, longitude)
+        // }
+
+        if (res.data.response.status === "OK") {
+            longitude = parseFloat(res.data.response.result.point.x);
+            latitude = parseFloat(res.data.response.result.point.y);
+        }
+
+        console.log('finishRes: ', longitude, latitude);
+
+        yield put({
+            type: SET_ELOC_SUCCESS,
+            data: {
+                endLocation: {
+                    title: action.data.endTextLocation,
+                    description: 'end point',
+                    longitude: longitude,
+                    latitude: latitude,
+                    latitudeDelta: 1.2,
+                    longitudeDelta: 1.2
+                }
+            }
+        });
+    } catch (e) {
+        console.error(e);
+        yield put({
+            type: SET_ELOC_FAILURE,
+            data: {
+                info: e.response.data.info
+            }
+        })
+
+    }
+}
+
+function* setOptRoute(action) {
+    try {
+        let res = yield call(setOptRouteAPI, action.data);
+        const {optRoute} = res.data;
+        yield put({
+            type: SET_OPTROUTE_SUCCESS,
+            data: {
+                optRoute: optRoute
+            }
+        });
+
+    } catch (e) {
+        console.error(e);
+        yield put({
+            type: SET_OPTROUTE_FAILURE,
+            data: {
+                info: e.response.data.info
+            }
+        })
+    }
+}
+
+
+function* watchSetStartLocation() {
+    console.log('watchSetStartLocation');
+    yield takeLatest(SET_SLOC_REQUEST, setStartLocation);
+}
+
+function* watchSetEndLocation() {
+    console.log('watchSetEndLocation');
+    yield takeLatest(SET_ELOC_REQUEST, setEndLocation)
+}
+
+function* watchSetOptRoute() {
+    console.log('watchSetOptimalRoute');
+    yield takeLatest(SET_OPTROUTE_REQUEST, setOptRoute)
+}
+
+export default function* locationSaga() {
+    yield all([
+        fork(watchSetStartLocation),
+        fork(watchSetEndLocation),
+        fork(watchSetOptRoute),
+    ]);
+};
\ No newline at end of file

 import {all, call, fork, delay, put, takeEvery, takeLatest} from 'redux-saga/effects';
 import {all, call, fork, delay, put, takeEvery, takeLatest} from 'redux-saga/effects';
 import axios from 'axios';
 import axios from 'axios';
-import host from '../env';
+import {host} from '../env';
 import {
 import {
     LOG_IN_FAILURE,
     LOG_IN_FAILURE,
     LOG_IN_REQUEST,
     LOG_IN_REQUEST,
@@ -37,9 +37,7 @@ function loginAPI(data) {
     const {email, password} = data;
     const {email, password} = data;
     console.log(email, password);
     console.log(email, password);
     console.log(`http://${host}:4001/user/login`);
     console.log(`http://${host}:4001/user/login`);
-    // const res1 = axios.get(`http://${host}:4001/user/test`, {
-    //     withCredentials: true
-    // });
+
     return axios.post(`http://${host}:4001/user/login`, {
     return axios.post(`http://${host}:4001/user/login`, {
         email, password
         email, password
     }, {
     }, {

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {Text, View, StyleSheet, TouchableOpacity, ScrollView, TextInput} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import WalkPathComponent from "../components/WalkPathComponent";
+import BusPathComponent from "../components/BusPathComponent";
+import LanePathComponent from "../components/LanePathComponent";
+import {MaterialCommunityIcons} from "@expo/vector-icons";
+
+const GoPathDetail = (props) => {
+    const navigation = useNavigation();
+    const {route} = props;
+    const {detail} = route.params;
+    const [pathDetails, setPathDetails] = useState(null);
+    const {startLocation, endLocation, optRoute} = useSelector(state => state.location);
+
+
+    useEffect(() => {
+        setPathDetails(detail);
+        console.log(detail)
+    }, []);
+
+
+    return (
+        <ScrollView>
+            <View style={styles.input}>
+                <MaterialCommunityIcons color={'red'} name={'map-marker'} size={26}/>
+                <TextInput
+                    style={styles.inputText}
+                    value={startLocation.title}
+                />
+            </View>
+            {pathDetails ?
+                pathDetails.map((detail, index) => {
+                    if (detail.trafficType === '도보') {
+                        return (
+                            <WalkPathComponent pathDetail={detail}/>
+                        )
+                    } else if (detail.trafficType === '버스') {
+                        return (
+                            <BusPathComponent pathDetail={detail}/>
+                        )
+                    } else (detail.trafficType === '지하철')
+                    {
+                        return (
+                            <LanePathComponent pathDetail={detail}/>
+                        )
+                    }
+                })
+                :
+                null
+            }
+            <View style={styles.input}>
+                <MaterialCommunityIcons color={'blue'} name={'map-marker'} size={26}/>
+                <TextInput
+                    style={styles.inputText}
+                    value={endLocation.title}
+                />
+            </View>
+        </ScrollView>
+    );
+}
+export default GoPathDetail;
+
+const styles = StyleSheet.create({
+    input: {
+        borderRadius: 20,
+        paddingLeft: 10,
+        paddingTop: 5,
+        paddingRight: 10,
+        width: 350,
+        height: 30,
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottomColor: '#f0f8ff',
+        marginBottom: 10,
+        // borderBottomWidth: StyleSheet.hairlineWidth,
+    },
+    inputText: {
+        flex: 1,
+        fontWeight: 'bold',
+    }
+})
\ No newline at end of file

+import React, {useState, useEffect} from 'react';
+import {View, Text, Button, StyleSheet} from 'react-native';
+import StartAndFinishLocationComponent from "../components/StartAndFinishLocationComponent";
+import DateTimePickerComponent from "../components/DateTimePickerComponent";
+import styled from "styled-components";
+import {useNavigation} from "@react-navigation/native";
+import {useDispatch, useSelector} from "react-redux";
+import {SET_OPTROUTE_REQUEST} from "../reducers/location";
+
+const GoToMaps = styled.TouchableOpacity`
+    flex: 0.5;
+    backgroundColor: #f0f8ff;
+    align-items: center;
+    justify-content: center;
+    width: 180px;    
+    height: 30px;
+    border-radius: 30px;
+    border-width: 1px;
+    border-color: #a9a9a9;    
+    position: absolute;
+    left: 55
+`;
+
+const LocationTimeSet = () => {
+    const navigation = useNavigation();
+    const [goToMapsClick, setGoToMapsClick] = useState(false);
+
+    const {startLocation} = useSelector(state => state.location);
+    const {endLocation} = useSelector(state => state.location);
+
+    const dispatch = useDispatch();
+    const goToMaps = async () => {
+        setGoToMapsClick(true);
+        navigation.navigate('SetLocationStackNavigation');
+        setTimeout(() => {
+            setGoToMapsClick(false)
+        }, 2000)
+    };
+
+    useEffect(() => {
+    }, []);
+
+    return (
+        <View>
+            <StartAndFinishLocationComponent/>
+            <DateTimePickerComponent goToMapsClick={goToMapsClick}/>
+
+            <View style={{flexDirection: 'row', marginLeft: 50}}>
+                <GoToMaps onPress={goToMaps}>
+                    <Text>도착 시간 설정</Text>
+                </GoToMaps>
+            </View>
+        </View>
+    )
+};
+
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        flex: 1,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: '#ecf0f1',
+        marginTop: 100,
+    },
+    input: {
+        width: 200,
+        height: 44,
+        padding: 10,
+        borderWidth: 1,
+        borderColor: '#778899',
+        marginBottom: 10,
+    }
+});
+
+export default LocationTimeSet;
\ No newline at end of file

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {View, Text, Image, TextInput, TouchableOpacity, StyleSheet} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import LoginComponent from "../components/LoginComponent";
+import styled from "styled-components";
+
+
+const Login = (props) => {
+    const navigation = useNavigation();
+    const [loading, setLoading] = useState(true);
+    const [isLogin, setIsLogin] = useState(true);
+
+    const {me} = useSelector(state => state.user);
+    const {isLoggingIn} = useSelector(state => state.user);
+
+    const changeIsLogin = () => {
+        return setIsLogin(!isLogin);
+    }
+
+    useEffect(() => {
+        setLoading(false);
+    }, [me]);
+
+
+    return (
+        <View style={styles.changeStyle}>
+            {me ?
+                <View style={{flex: 2}}>
+                    <Image
+                        style={{width: 500, height: 600, flex: 1}}
+                        source={require('../assets/nike.png')}
+                    />
+                    <TouchableOpacity
+                        title={'SGGO'}
+                        style={{flex: 1, fontSize: 100}}
+                    >
+                    </TouchableOpacity>
+                </View>
+                :
+                <View style={styles.loginStyle}>
+                    <Text style={styles.inputText}>로그인</Text>
+                    <LoginComponent/>
+                </View>
+            }
+        </View>
+    )
+};
+
+export default Login;
+
+const styles = StyleSheet.create({
+    changeStyle: {
+        flex: 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderColor: 'darkgrey',
+    },
+    loginStyle: {
+        flex: 1,
+        marginTop: 30,
+    },
+    inputText: {
+        borderColor: 'darkgrey',
+        fontWeight: 'bold',
+        fontSize: 20,
+        marginBottom: 10
+    }
+
+});
\ No newline at end of file

@@ -29,7 +29,6 @@ const Main = () => {
     const navigation = useNavigation();
     const navigation = useNavigation();
 
 
     const goToGallery = () => {
     const goToGallery = () => {
-        console.log(navigation.navigate);
         navigation.navigate('Gallery');
         navigation.navigate('Gallery');
     };
     };
 
 

+import React from 'react';
+import {View, Text, TouchableOpacity, Image, StyleSheet} from 'react-native';
+import styled from "styled-components";
+import {useNavigation} from "@react-navigation/native";
+import {useSelector} from "react-redux";
+
+const MainImage = (props) => {
+    const navigation = useNavigation();
+
+    const {me} = useSelector(state => state.user);
+
+
+    return (
+        <>
+            <View style={styles.containerStyle}>
+                <Text>로그인에 성공하였습니다</Text>
+            </View>
+        </>
+    )
+};
+export default MainImage;
+
+const styles = StyleSheet.create({
+    containerStyle: {
+        flex: 1,
+    },
+});

+import React, {useState, useEffect} from 'react';
+import MapView, {Marker, Polygon, AnimatedRegion} from 'react-native-maps';
+import {StyleSheet, Text, TextInput, TouchableOpacity, View} from 'react-native';
+import screen from '../constants/layout';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from "@react-navigation/native";
+import {AntDesign, MaterialCommunityIcons} from "@expo/vector-icons";
+import {SET_OPTROUTE_REQUEST} from "../reducers/location";
+import styled from "styled-components";
+import OptRoutePath from "./OptRoutePath";
+
+const GoToOptRoutePath = styled.TouchableOpacity`
+    flex: 2;
+    position: absolute;
+    right: 8px;
+    bottom: 20px;
+    width: 30px;
+    height: 30px;
+    border-radius: 50px;
+`;
+
+const Maps = (props) => {
+    const navigation = useNavigation();
+    const [region, setRegion] = useState(null);
+    const [markers, setMarkers] = useState([]);
+    const [pathList, setPathList] = useState([]);
+    const {startLocation, endLocation, optRoute, endTime, personalVelocity} = useSelector(state => state.location);
+    const onRegionChange = (region) => {
+        setRegion(region);
+    };
+
+    useEffect(() => {
+        setRegion({
+            latitude: 37.56647,
+            longitude: 126.977963,
+            latitudeDelta: 1.5,
+            longitudeDelta: 1.5
+        });
+        if (startLocation || endLocation) {
+            setMarkers([startLocation, endLocation]);
+        }
+
+    }, []);
+
+    const dispatch = useDispatch();
+    const goToOptRoutePath = async () => {
+        try {
+            console.log('set optroute request');
+            await dispatch({
+                type: SET_OPTROUTE_REQUEST,
+                data: {
+                    startLocation,
+                    endLocation,
+                    endTime,
+                    personalVelocity
+                }
+            });
+            setTimeout(() => {
+                if (optRoute !== null) {
+                    navigation.navigate('OptRoutePath', {optRoute: optRoute})
+                }
+            }, 3000);
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+    useEffect(() => {
+        setMarkers([startLocation, endLocation]);
+    }, [startLocation, endLocation]);
+
+
+    return (
+        <View style={styles.container}>
+            <View style={styles.input}>
+                <MaterialCommunityIcons color={'red'} name={'map-marker'} size={26}/>
+                <TextInput
+                    style={styles.inputText}
+                    value={startLocation.title}
+                />
+            </View>
+            <View style={styles.input}>
+                <MaterialCommunityIcons color={'blue'} name={'map-marker'} size={26}/>
+                <TextInput
+                    style={styles.inputText}
+                    value={endLocation.title}
+                />
+            </View>
+            <MapView
+                style={styles.mapStyle}
+                initialRegion={region}
+                onRegionChange={onRegionChange}
+                textStyle={{color: '#bc8b00'}}
+                showsUserLocation={true}
+            >
+                {markers ?
+                    markers.map((marker, index) => {
+                        return (
+                            <MapView.Marker draggable
+                                            key={index}
+                                            coordinate={marker}
+                                            title={marker.title}
+                            />
+                        )
+                    })
+                    :
+                    null
+                }
+            </MapView>
+            <GoToOptRoutePath onPress={goToOptRoutePath}>
+                <AntDesign color={'darkgrey'} name={'caretright'} size={32}/>
+            </GoToOptRoutePath>
+        </View>
+    )
+};
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+    },
+    mapStyle: {
+        width: screen.width,
+        height: screen.height,
+    },
+    textStyle: {
+        flex: 1,
+        fontWeight: 'bold',
+        fontSize: 20,
+        color: 'grey',
+        marginBottom: 20,
+    },
+    input: {
+        borderRadius: 10,
+        backgroundColor: '#f0f8ff',
+        paddingLeft: 10,
+        paddingTop: 5,
+        paddingRight: 10,
+        width: 350,
+        height: 30,
+        alignItems: 'center',
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        borderBottomColor: '#f0f8ff',
+        marginBottom: 10
+        // borderBottomWidth: StyleSheet.hairlineWidth,
+    },
+    inputText: {
+        flex: 1,
+    },
+});
+
+export default Maps;
+

+import React, {useState, useEffect} from 'react';
+import {View, Text, Button, ScrollView} from 'react-native';
+import {useNavigation} from '@react-navigation/native';
+import {useDispatch, useSelector} from "react-redux";
+import GoPathSummary from '../components/GoPathSummary';
+
+const OptRoutePath = (props) => {
+    const navigation = useNavigation();
+    const {route} = props;
+    const {optRoute} = route.params;
+
+    const [pathList, setPathList] = useState([]);
+    const {startLocation} = useSelector(state => state.location);
+    const {endLocation} = useSelector(state => state.location);
+
+    const dispatch = useDispatch();
+    const setOptRouteRequest = async () => {
+        try {
+            console.log('set optroute request');
+            setTimeout(() => {
+                if (optRoute.pathList) {
+                    for (var i = 0; i < optRoute.pathList.length; i++) {
+                        setPathList(oldPath => [...oldPath, optRoute.pathList[i]]);
+                    }
+                }
+            }, 3000);
+
+        } catch (e) {
+            console.error(e);
+        }
+    };
+
+
+    useEffect(() => {
+        setOptRouteRequest();
+    }, []);
+
+    return (
+        <ScrollView>
+            {pathList ?
+                pathList.map((path, index) => {
+                    return (
+                        <>
+                            <GoPathSummary summary={path.info} detail={path.subPathList}/>
+                        </>
+                    )
+                })
+                :
+                null
+            }
+        </ScrollView>
+    )
+};
+
+export default OptRoutePath;
\ No newline at end of file

 import React from 'react';
 import React from 'react';
 import {View, Text, Button} from 'react-native';
 import {View, Text, Button} from 'react-native';
-import SignUpComponent from "../components/SignUpComponent";
+import MyProfileComponent from "../components/MyProfileComponent";
 
 
 const Profile = () => {
 const Profile = () => {
     const {me} = (state => state.user);
     const {me} = (state => state.user);
     return (
     return (
         <View>
         <View>
-            <SignUpComponent/>
+            {!me ?
+                <MyProfileComponent/>
+                :
+                null
+            }
         </View>
         </View>
     )
     )
 };
 };

+import React, {useState, useContext, useEffect, useCallback} from 'react';
+import {View, Text, Button, TextInput, TouchableOpacity, StyleSheet} from 'react-native';
+import {useDispatch, useSelector} from "react-redux";
+import {useNavigation} from '@react-navigation/native';
+import SignUpComponent from "../components/SignUpComponent";
+
+
+const SignUp = (props) => {
+    const navigation = useNavigation();
+    const [loading, setLoading] = useState(true);
+    const [isLogin, setIsLogin] = useState(true);
+
+    const {me} = useSelector(state => state.user);
+    const {isLoggingIn} = useSelector(state => state.user);
+
+    const changeIsLogin = () => {
+        return setIsLogin(!isLogin);
+    }
+
+    useEffect(() => {
+        setLoading(false);
+    }, [me]);
+
+    return (
+        <View style={styles.changeStyle}>
+            <View style={styles.loginStyle}>
+                <Text style={styles.inputText}>회원가입</Text>
+                <SignUpComponent/>
+            </View>
+        </View>
+    )
+};
+
+export default SignUp;
+
+const styles = StyleSheet.create({
+    changeStyle: {
+        flex: 2,
+        alignItems: 'center',
+        justifyContent: 'center',
+        borderColor: 'darkgrey',
+    },
+    loginStyle: {
+        flex: 1,
+        marginTop: 30,
+    },
+    inputText: {
+        borderColor: 'darkgrey',
+        fontWeight: 'bold',
+        fontSize: 20,
+        marginBottom: 10
+    }
+
+});
\ No newline at end of file

@@ -1202,6 +1202,13 @@
     wcwidth "^1.0.1"
     wcwidth "^1.0.1"
     ws "^1.1.0"
     ws "^1.1.0"
 
 
+"@react-native-community/datetimepicker@2.2.2":
+  version "2.2.2"
+  resolved "https://registry.yarnpkg.com/@react-native-community/datetimepicker/-/datetimepicker-2.2.2.tgz#4c6388631179098cc5b289146e879764f79af4c1"
+  integrity sha512-J4Z1tuZQszLR+BNu+UusZlK6/S+CpI6AHzolqTdPS2tRlyVbVim3KyjXrn8trtKxQncR5LEqF9OHw9zsRfEdXA==
+  dependencies:
+    invariant "^2.2.4"
+
 "@react-native-community/masked-view@0.1.6":
 "@react-native-community/masked-view@0.1.6":
   version "0.1.6"
   version "0.1.6"
   resolved "https://registry.yarnpkg.com/@react-native-community/masked-view/-/masked-view-0.1.6.tgz#c7f2ac187c1f25aa8c30d11baa8f4398eca3bb84"
   resolved "https://registry.yarnpkg.com/@react-native-community/masked-view/-/masked-view-0.1.6.tgz#c7f2ac187c1f25aa8c30d11baa8f4398eca3bb84"
@@ -1477,6 +1484,11 @@ ansi-regex@^5.0.0:
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   resolved "https://registry.yarnpkg.com/ansi-regex/-/ansi-regex-5.0.0.tgz#388539f55179bf39339c81af30a654d69f87cb75"
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
   integrity sha512-bY6fj56OUQ0hU1KjFNDQuJFezqKdrAyFdIevADiqrWHwSlbmBNMHp5ak2f40Pm8JTFyM2mqxkG6ngkHO11f/lg==
 
 
+ansi-styles@^2.1.0:
+  version "2.2.1"
+  resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=
+
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
 ansi-styles@^3.2.0, ansi-styles@^3.2.1:
   version "3.2.1"
   version "3.2.1"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
   resolved "https://registry.yarnpkg.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -1612,6 +1624,14 @@ atob@^2.1.2:
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   resolved "https://registry.yarnpkg.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
   integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
 
 
+axios@^0.18.0:
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.18.1.tgz#ff3f0de2e7b5d180e757ad98000f1081b87bcea3"
+  integrity sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==
+  dependencies:
+    follow-redirects "1.5.10"
+    is-buffer "^2.0.2"
+
 axios@^0.19.2:
 axios@^0.19.2:
   version "0.19.2"
   version "0.19.2"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
   resolved "https://registry.yarnpkg.com/axios/-/axios-0.19.2.tgz#3ea36c5d8818d0d5f8a8a97a6d36b86cdc00cb27"
@@ -1758,6 +1778,11 @@ blueimp-md5@^2.10.0:
   resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.13.0.tgz#07314b0c64dda0bf1733f96ce40d5af94eb28965"
   resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.13.0.tgz#07314b0c64dda0bf1733f96ce40d5af94eb28965"
   integrity sha512-lmp0m647R5e77ORduxLW5mISIDcvgJZa52vMBv5uVI3UmSWTQjkJsZVBfaFqQPw/QFogJwvY6e3Gl9nP+Loe+Q==
   integrity sha512-lmp0m647R5e77ORduxLW5mISIDcvgJZa52vMBv5uVI3UmSWTQjkJsZVBfaFqQPw/QFogJwvY6e3Gl9nP+Loe+Q==
 
 
+blueimp-md5@^2.5.0:
+  version "2.16.0"
+  resolved "https://registry.yarnpkg.com/blueimp-md5/-/blueimp-md5-2.16.0.tgz#9018bb805e4ee05512e0e8cbdb9305eeecbdc87c"
+  integrity sha512-j4nzWIqEFpLSbdhUApHRGDwfXbV8ALhqOn+FY5L6XBdKPAXU9BpGgFSbDsgqogfqPPR9R2WooseWCsfhfEC6uQ==
+
 bplist-creator@0.0.8:
 bplist-creator@0.0.8:
   version "0.0.8"
   version "0.0.8"
   resolved "https://registry.yarnpkg.com/bplist-creator/-/bplist-creator-0.0.8.tgz#56b2a6e79e9aec3fc33bf831d09347d73794e79c"
   resolved "https://registry.yarnpkg.com/bplist-creator/-/bplist-creator-0.0.8.tgz#56b2a6e79e9aec3fc33bf831d09347d73794e79c"
@@ -1912,6 +1937,17 @@ capture-exit@^2.0.0:
   dependencies:
   dependencies:
     rsvp "^4.8.4"
     rsvp "^4.8.4"
 
 
+chalk@1.1.1:
+  version "1.1.1"
+  resolved "https://registry.yarnpkg.com/chalk/-/chalk-1.1.1.tgz#509afb67066e7499f7eb3535c77445772ae2d019"
+  integrity sha1-UJr7ZwZudJn36zU1x3RFdyri0Bk=
+  dependencies:
+    ansi-styles "^2.1.0"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.1, chalk@^2.4.2:
 chalk@^2.0.0, chalk@^2.0.1, chalk@^2.4.1, chalk@^2.4.2:
   version "2.4.2"
   version "2.4.2"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
   resolved "https://registry.yarnpkg.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -1939,6 +1975,11 @@ ci-info@^2.0.0:
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   resolved "https://registry.yarnpkg.com/ci-info/-/ci-info-2.0.0.tgz#67a9e964be31a51e15e5010d58e6f12834002f46"
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
   integrity sha512-5tK7EtrZ0N+OLFMthtqOj4fI2Jeb88C4CAZPu25LDVUgXJ0A3Js4PMGqrn0JU1W0Mh1/Z8wZzYPxqUrXeBboCQ==
 
 
+clamp@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/clamp/-/clamp-1.0.1.tgz#66a0e64011816e37196828fdc8c8c147312c8634"
+  integrity sha1-ZqDmQBGBbjcZaCj9yMjBRzEshjQ=
+
 class-utils@^0.3.5:
 class-utils@^0.3.5:
   version "0.3.6"
   version "0.3.6"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
   resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.6.tgz#f93369ae8b9a7ce02fd41faad0ca83033190c463"
@@ -1984,6 +2025,15 @@ cliui@^4.0.0:
     strip-ansi "^4.0.0"
     strip-ansi "^4.0.0"
     wrap-ansi "^2.0.0"
     wrap-ansi "^2.0.0"
 
 
+cliui@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/cliui/-/cliui-5.0.0.tgz#deefcfdb2e800784aa34f46fa08e06851c7bbbc5"
+  integrity sha512-PYeGSEmmHM6zvoef2w8TPzlrnNpXIjTipYK780YswmIP9vjxmd6Y2a3CB2Ks6/AU8NHjZugXvo8w3oWM2qnwXA==
+  dependencies:
+    string-width "^3.1.0"
+    strip-ansi "^5.2.0"
+    wrap-ansi "^5.1.0"
+
 clone@^1.0.2:
 clone@^1.0.2:
   version "1.0.4"
   version "1.0.4"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
   resolved "https://registry.yarnpkg.com/clone/-/clone-1.0.4.tgz#da309cc263df15994c688ca902179ca3c7cd7c7e"
@@ -2039,7 +2089,7 @@ color-support@^1.1.3:
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
   resolved "https://registry.yarnpkg.com/color-support/-/color-support-1.1.3.tgz#93834379a1cc9a0c61f82f52f0d04322251bd5a2"
   integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
   integrity sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==
 
 
-color@^3.1.2:
+color@^3.1.2, color@~3.1.2:
   version "3.1.2"
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
   resolved "https://registry.yarnpkg.com/color/-/color-3.1.2.tgz#68148e7f85d41ad7649c5fa8c8106f098d229e10"
   integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
   integrity sha512-vXTJhHebByxZn3lDvDJYw4lR5+uB3vuoHsuYA5AKuxRVn5wzzIfQKGLBmgdVRHKTJYeK5rvJcHnrd0Li49CFpg==
@@ -2354,6 +2404,11 @@ electron-to-chromium@^1.3.390:
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.413.tgz#9c457a4165c7b42e59d66dff841063eb9bfe5614"
   resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.413.tgz#9c457a4165c7b42e59d66dff841063eb9bfe5614"
   integrity sha512-Jm1Rrd3siqYHO3jftZwDljL2LYQafj3Kki5r+udqE58d0i91SkjItVJ5RwlJn9yko8i7MOcoidVKjQlgSdd1hg==
   integrity sha512-Jm1Rrd3siqYHO3jftZwDljL2LYQafj3Kki5r+udqE58d0i91SkjItVJ5RwlJn9yko8i7MOcoidVKjQlgSdd1hg==
 
 
+emoji-regex@^7.0.1:
+  version "7.0.3"
+  resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-7.0.3.tgz#933a04052860c85e83c122479c4748a8e4c72156"
+  integrity sha512-CwBLREIQ7LvYFB0WyRvwhq5N5qPhc6PMjD6bYggFlI5YyDgl+0vxq5VHbMOFqLg7hfWzmu8T5Z1QofhmTIhItA==
+
 encodeurl@~1.0.2:
 encodeurl@~1.0.2:
   version "1.0.2"
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@@ -2398,7 +2453,7 @@ escape-html@~1.0.3:
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   resolved "https://registry.yarnpkg.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
   integrity sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=
 
 
-escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
   integrity sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=
@@ -2408,6 +2463,13 @@ escape-string-regexp@^4.0.0:
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   resolved "https://registry.yarnpkg.com/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz#14ba83a5d373e3d311e5afca29cf5bfad965bf34"
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
   integrity sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==
 
 
+eslint-config-prettier@^6.0.0:
+  version "6.11.0"
+  resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1"
+  integrity sha512-oB8cpLWSAjOVFEJhhyMZh6NOEOtBVziaqdDQ86+qhDHFbZXoRTM7pNSvFRfW/W/L/LrQ38C99J5CGuRBBzBsdA==
+  dependencies:
+    get-stdin "^6.0.0"
+
 esprima@^4.0.0:
 esprima@^4.0.0:
   version "4.0.1"
   version "4.0.1"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
   resolved "https://registry.yarnpkg.com/esprima/-/esprima-4.0.1.tgz#13b04cdb3e6c5d19df91ab6987a8695619b0aa71"
@@ -2848,6 +2910,14 @@ fs-extra@^1.0.0:
     jsonfile "^2.1.0"
     jsonfile "^2.1.0"
     klaw "^1.0.0"
     klaw "^1.0.0"
 
 
+fs-extra@^2.0.0:
+  version "2.1.2"
+  resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-2.1.2.tgz#046c70163cef9aad46b0e4a7fa467fb22d71de35"
+  integrity sha1-BGxwFjzvmq1GsOSn+kZ/si1x3jU=
+  dependencies:
+    graceful-fs "^4.1.2"
+    jsonfile "^2.1.0"
+
 fs-extra@^7.0.1:
 fs-extra@^7.0.1:
   version "7.0.1"
   version "7.0.1"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
   resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
@@ -2885,6 +2955,16 @@ get-caller-file@^1.0.1:
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
   resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-1.0.3.tgz#f978fa4c90d1dfe7ff2d6beda2a515e713bdcf4a"
   integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
   integrity sha512-3t6rVToeoZfYSGd8YoLFR2DJkiQrIiUrGcjvFX2mDw3bn6k2OtwHN0TNCLbBO+w8qTvimhDkv+LSscbJY1vE6w==
 
 
+get-caller-file@^2.0.1:
+  version "2.0.5"
+  resolved "https://registry.yarnpkg.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
+  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
+
+get-stdin@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b"
+  integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g==
+
 get-stream@^3.0.0:
 get-stream@^3.0.0:
   version "3.0.0"
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
   resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-3.0.0.tgz#8e943d1358dc37555054ecbe2edb05aa174ede14"
@@ -2929,6 +3009,13 @@ growly@^1.3.0:
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   resolved "https://registry.yarnpkg.com/growly/-/growly-1.3.0.tgz#f10748cbe76af964b7c96c93c6bcc28af120c081"
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
   integrity sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=
 
 
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=
+  dependencies:
+    ansi-regex "^2.0.0"
+
 has-flag@^3.0.0:
 has-flag@^3.0.0:
   version "3.0.0"
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
   resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -2980,6 +3067,11 @@ hermes-engine@^0.2.1:
   resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.2.1.tgz#25c0f1ff852512a92cb5c5cc47cf967e1e722ea2"
   resolved "https://registry.yarnpkg.com/hermes-engine/-/hermes-engine-0.2.1.tgz#25c0f1ff852512a92cb5c5cc47cf967e1e722ea2"
   integrity sha512-eNHUQHuadDMJARpaqvlCZoK/Nitpj6oywq3vQ3wCwEsww5morX34mW5PmKWQTO7aU0ck0hgulxR+EVDlXygGxQ==
   integrity sha512-eNHUQHuadDMJARpaqvlCZoK/Nitpj6oywq3vQ3wCwEsww5morX34mW5PmKWQTO7aU0ck0hgulxR+EVDlXygGxQ==
 
 
+hoist-non-react-statics@^1.0.5:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
+  integrity sha1-qkSM8JhtVcxAdzsXF0t90GbLfPs=
+
 hoist-non-react-statics@^2.3.1:
 hoist-non-react-statics@^2.3.1:
   version "2.5.5"
   version "2.5.5"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-2.5.5.tgz#c5903cf409c0dfd908f388e619d86b9c1174cb47"
@@ -3129,6 +3221,11 @@ is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
 
+is-buffer@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
+  integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
+
 is-ci@^2.0.0:
 is-ci@^2.0.0:
   version "2.0.0"
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
   resolved "https://registry.yarnpkg.com/is-ci/-/is-ci-2.0.0.tgz#6bc6334181810e04b5c22b3d589fdca55026404c"
@@ -3316,6 +3413,11 @@ jest-mock@^24.9.0:
   dependencies:
   dependencies:
     "@jest/types" "^24.9.0"
     "@jest/types" "^24.9.0"
 
 
+jest-react-native@^18.0.0:
+  version "18.0.0"
+  resolved "https://registry.yarnpkg.com/jest-react-native/-/jest-react-native-18.0.0.tgz#77dd909f069324599f227c58c61c2e62168726ba"
+  integrity sha1-d92QnwaTJFmfInxYxhwuYhaHJro=
+
 jest-serializer@^24.4.0, jest-serializer@^24.9.0:
 jest-serializer@^24.4.0, jest-serializer@^24.9.0:
   version "24.9.0"
   version "24.9.0"
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
   resolved "https://registry.yarnpkg.com/jest-serializer/-/jest-serializer-24.9.0.tgz#e6d7d7ef96d31e8b9079a714754c5d5c58288e73"
@@ -3535,7 +3637,7 @@ lodash.throttle@^4.1.1:
   resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
   resolved "https://registry.yarnpkg.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz#c23e91b710242ac70c37f1e1cda9274cc39bf2f4"
   integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
   integrity sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ=
 
 
-lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.0:
+lodash@^4.0.0, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.4, lodash@^4.17.5, lodash@^4.3.0, lodash@^4.5.0, lodash@^4.6.0:
   version "4.17.15"
   version "4.17.15"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.15.tgz#b447f6670a0455bbfeedd11392eff330ea097548"
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
   integrity sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==
@@ -3948,6 +4050,11 @@ mkdirp@^0.5.1:
   dependencies:
   dependencies:
     minimist "^1.2.5"
     minimist "^1.2.5"
 
 
+moment@^2.26.0:
+  version "2.26.0"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.26.0.tgz#5e1f82c6bafca6e83e808b30c8705eed0dcbd39a"
+  integrity sha512-oIixUO+OamkUkwjhAVE18rAMfRJNsNe/Stid/gwHSOfHrOtw9EhAY2AHvdKZ/k/MggcYELFCJz/Sn2pL8b8JMw==
+
 morgan@^1.9.0:
 morgan@^1.9.0:
   version "1.10.0"
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/morgan/-/morgan-1.10.0.tgz#091778abc1fc47cd3509824653dae1faab6b17d7"
   resolved "https://registry.yarnpkg.com/morgan/-/morgan-1.10.0.tgz#091778abc1fc47cd3509824653dae1faab6b17d7"
@@ -4006,6 +4113,40 @@ nanomatch@^1.2.9:
     snapdragon "^0.8.1"
     snapdragon "^0.8.1"
     to-regex "^3.0.1"
     to-regex "^3.0.1"
 
 
+native-base-shoutem-theme@0.3.1:
+  version "0.3.1"
+  resolved "https://registry.yarnpkg.com/native-base-shoutem-theme/-/native-base-shoutem-theme-0.3.1.tgz#f15cbd4ca74ca1c8b6a636d297b9164a5f2b3662"
+  integrity sha512-uwEGhg6gwDuJTHuhNXRKbHtNjni1UI9qfAsVchIqfK7mQAHSNPVU1QRs9Hw6O2K/qLZaP/aJmNoZGc2h2EGSwA==
+  dependencies:
+    hoist-non-react-statics "^1.0.5"
+    lodash "^4.17.14"
+    prop-types "^15.5.10"
+
+native-base@^2.13.12:
+  version "2.13.12"
+  resolved "https://registry.yarnpkg.com/native-base/-/native-base-2.13.12.tgz#06020b46019964ddaef3a646ec07e72008018efc"
+  integrity sha512-LdKGNXisbmQ0vDHG86McZKIFTlRyo+OQdJpqmQ05Yf7CGlMbBykJZCFe9rdiee5pLq20xiChe/jXbzFdWcysrg==
+  dependencies:
+    blueimp-md5 "^2.5.0"
+    clamp "^1.0.1"
+    color "~3.1.2"
+    create-react-class "^15.6.3"
+    eslint-config-prettier "^6.0.0"
+    fs-extra "^2.0.0"
+    jest-react-native "^18.0.0"
+    lodash "^4.17.14"
+    native-base-shoutem-theme "0.3.1"
+    opencollective-postinstall "^2.0.2"
+    print-message "^2.1.0"
+    prop-types "^15.5.10"
+    react-native-drawer "2.5.1"
+    react-native-easy-grid "0.2.2"
+    react-native-keyboard-aware-scroll-view "0.9.1"
+    react-native-vector-icons "^6.6.0"
+    react-timer-mixin "^0.13.4"
+    react-tween-state "^0.1.5"
+    tween-functions "^1.0.1"
+
 negotiator@0.6.2:
 negotiator@0.6.2:
   version "0.6.2"
   version "0.6.2"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
@@ -4039,6 +4180,14 @@ node-modules-regexp@^1.0.0:
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   resolved "https://registry.yarnpkg.com/node-modules-regexp/-/node-modules-regexp-1.0.0.tgz#8d9dbe28964a4ac5712e9131642107c71e90ec40"
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
   integrity sha1-jZ2+KJZKSsVxLpExZCEHxx6Q7EA=
 
 
+node-nikerunclub@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/node-nikerunclub/-/node-nikerunclub-1.0.0.tgz#eae5be94e4a3e7b20e7d7fbd31b4d416327dd03e"
+  integrity sha512-RrSHyIYADyvEiR6rSktkcfybzJ/4xFfGZHYMsqLvxX1zcTcQSuv6RXemqDhF6FEMXHFkMQeemZVjbOHEo8z/tw==
+  dependencies:
+    axios "^0.18.0"
+    qs "^6.5.2"
+
 node-notifier@^5.2.1:
 node-notifier@^5.2.1:
   version "5.4.3"
   version "5.4.3"
   resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
   resolved "https://registry.yarnpkg.com/node-notifier/-/node-notifier-5.4.3.tgz#cb72daf94c93904098e28b9c590fd866e464bd50"
@@ -4189,6 +4338,11 @@ open@^6.2.0:
   dependencies:
   dependencies:
     is-wsl "^1.1.0"
     is-wsl "^1.1.0"
 
 
+opencollective-postinstall@^2.0.2:
+  version "2.0.3"
+  resolved "https://registry.yarnpkg.com/opencollective-postinstall/-/opencollective-postinstall-2.0.3.tgz#7a0fff978f6dbfa4d006238fbac98ed4198c3259"
+  integrity sha512-8AV/sCtuzUeTo8gQK5qDZzARrulB3egtLzFgteqB2tcT4Mw7B8Kt7JcDHmltjz6FOAHsvTevk70gZEbhM4ZS9Q==
+
 options@>=0.0.5:
 options@>=0.0.5:
   version "0.0.6"
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/options/-/options-0.0.6.tgz#ec22d312806bb53e731773e7cdaefcf1c643128f"
   resolved "https://registry.yarnpkg.com/options/-/options-0.0.6.tgz#ec22d312806bb53e731773e7cdaefcf1c643128f"
@@ -4289,6 +4443,11 @@ p-try@^2.0.0:
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   resolved "https://registry.yarnpkg.com/p-try/-/p-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
   integrity sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==
 
 
+papaparse@^5.2.0:
+  version "5.2.0"
+  resolved "https://registry.yarnpkg.com/papaparse/-/papaparse-5.2.0.tgz#97976a1b135c46612773029153dc64995caa3b7b"
+  integrity sha512-ylq1wgUSnagU+MKQtNeVqrPhZuMYBvOSL00DHycFTCxownF95gpLAk1HiHdUW77N8yxRq1qHXLdlIPyBSG9NSA==
+
 parse-json@^2.2.0:
 parse-json@^2.2.0:
   version "2.2.0"
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
   resolved "https://registry.yarnpkg.com/parse-json/-/parse-json-2.2.0.tgz#f480f40434ef80741f8469099f8dea18f55a4dc9"
@@ -4356,6 +4515,11 @@ path-type@^2.0.0:
   dependencies:
   dependencies:
     pify "^2.0.0"
     pify "^2.0.0"
 
 
+performance-now@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/performance-now/-/performance-now-2.1.0.tgz#6309f4e0e5fa913ec1c69307ae364b4b377c9e7b"
+  integrity sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=
+
 pify@^2.0.0:
 pify@^2.0.0:
   version "2.3.0"
   version "2.3.0"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
   resolved "https://registry.yarnpkg.com/pify/-/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
@@ -4455,6 +4619,13 @@ pretty-format@^25.1.0:
     ansi-styles "^4.0.0"
     ansi-styles "^4.0.0"
     react-is "^16.12.0"
     react-is "^16.12.0"
 
 
+print-message@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.yarnpkg.com/print-message/-/print-message-2.1.0.tgz#b5588ed08b0e1bf77ac7bcb5cb78004afaf9a891"
+  integrity sha1-tViO0IsOG/d6x7y1y3gASvr5qJE=
+  dependencies:
+    chalk "1.1.1"
+
 private@^0.1.8:
 private@^0.1.8:
   version "0.1.8"
   version "0.1.8"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
   resolved "https://registry.yarnpkg.com/private/-/private-0.1.8.tgz#2381edb3689f7a53d653190060fcf822d2f368ff"
@@ -4472,7 +4643,7 @@ promise@^7.1.1:
   dependencies:
   dependencies:
     asap "~2.0.3"
     asap "~2.0.3"
 
 
-prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
+prop-types@^15.5.10, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
   integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ==
@@ -4499,6 +4670,11 @@ qs@^6.5.0:
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.3.tgz#bfadcd296c2d549f1dffa560619132c977f5008e"
   resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.3.tgz#bfadcd296c2d549f1dffa560619132c977f5008e"
   integrity sha512-EbZYNarm6138UKKq46tdx08Yo/q9ZhFoAXAI1meAFd2GtbRDhbZY2WQSICskT0c5q99aFzLG1D4nvTk9tqfXIw==
   integrity sha512-EbZYNarm6138UKKq46tdx08Yo/q9ZhFoAXAI1meAFd2GtbRDhbZY2WQSICskT0c5q99aFzLG1D4nvTk9tqfXIw==
 
 
+qs@^6.5.2:
+  version "6.9.4"
+  resolved "https://registry.yarnpkg.com/qs/-/qs-6.9.4.tgz#9090b290d1f91728d3c22e54843ca44aea5ab687"
+  integrity sha512-A1kFqHekCTM7cz0udomYUoYNWjBebHm/5wzU/XqrBRBNWectVH0QIiN+NEcZ0Dte5hvzHwbr8+XQmguPhJ6WdQ==
+
 query-string@^5.0.1:
 query-string@^5.0.1:
   version "5.1.1"
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
   resolved "https://registry.yarnpkg.com/query-string/-/query-string-5.1.1.tgz#a78c012b71c17e05f2e3fa2319dd330682efb3cb"
@@ -4522,6 +4698,13 @@ querystringify@^2.1.1:
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
   resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
   integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
   integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
 
 
+raf@^3.1.0:
+  version "3.4.1"
+  resolved "https://registry.yarnpkg.com/raf/-/raf-3.4.1.tgz#0742e99a4a6552f445d73e3ee0328af0ff1ede39"
+  integrity sha512-Sq4CW4QhwOHE8ucn6J34MqtZCeWFP2aQSmrlroYgqAV1PjStIhJXxYuTgUIfkEk7zTLjmIjLmU5q+fbD1NnOJA==
+  dependencies:
+    performance-now "^2.1.0"
+
 range-parser@~1.2.1:
 range-parser@~1.2.1:
   version "1.2.1"
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.1.tgz#3cf37023d199e1c24d1a55b84800c2f3e6468031"
@@ -4550,6 +4733,31 @@ react-is@^16.12.0, react-is@^16.13.0, react-is@^16.7.0, react-is@^16.8.1, react-
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
 
 
+react-native-bottom-action-sheet@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/react-native-bottom-action-sheet/-/react-native-bottom-action-sheet-2.0.1.tgz#d2ab05f275e38519142e288acb093d8638c3a964"
+  integrity sha512-7IUgBjYhub0OR/3vq6FybjXIURBXaoI1oYZRhRzyO/6wfad3hjh9J5ZZjtoNaXgFZfXT/94JPS1fdaBBN5t35A==
+
+react-native-drawer@2.5.1:
+  version "2.5.1"
+  resolved "https://registry.yarnpkg.com/react-native-drawer/-/react-native-drawer-2.5.1.tgz#08b9314184f48c724f1b467f8859797369798654"
+  integrity sha512-cxcQNbSWy5sbGi7anSVp6EDr6JarOBMY9lbFOeLFeVYbONiudoqRKbgEsSDgSw3/LFCLvUXK5zdjXCOedeytxQ==
+  dependencies:
+    prop-types "^15.5.8"
+    tween-functions "^1.0.1"
+
+react-native-easy-grid@0.2.2:
+  version "0.2.2"
+  resolved "https://registry.yarnpkg.com/react-native-easy-grid/-/react-native-easy-grid-0.2.2.tgz#f0be33620be1ebe2d2295918eb58b0a27e8272ab"
+  integrity sha512-MlYrNIldnEMKn6TVatQN1P64GoVlwGIuz+8ncdfJ0Wq/xtzUkQwlil8Uksyp7MhKfENE09MQnGNcba6Mx3oSAA==
+  dependencies:
+    lodash "^4.17.15"
+
+react-native-fast-image@^8.1.5:
+  version "8.1.5"
+  resolved "https://registry.yarnpkg.com/react-native-fast-image/-/react-native-fast-image-8.1.5.tgz#0a6404c988dad68c98d26f91155d0a5293ba2ea5"
+  integrity sha512-DoAWGLeQ2hbllummrpXH9B38OgM0TFmNYCF34F90/hdHZirqUtYHzF4QDdb/NV7ebSijHmM3mpkzct8PXtcYyg==
+
 react-native-gesture-handler@~1.6.0:
 react-native-gesture-handler@~1.6.0:
   version "1.6.1"
   version "1.6.1"
   resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.6.1.tgz#678e2dce250ed66e93af409759be22cd6375dd17"
   resolved "https://registry.yarnpkg.com/react-native-gesture-handler/-/react-native-gesture-handler-1.6.1.tgz#678e2dce250ed66e93af409759be22cd6375dd17"
@@ -4560,11 +4768,19 @@ react-native-gesture-handler@~1.6.0:
     invariant "^2.2.4"
     invariant "^2.2.4"
     prop-types "^15.7.2"
     prop-types "^15.7.2"
 
 
-react-native-iphone-x-helper@^1.2.1:
+react-native-iphone-x-helper@^1.0.3, react-native-iphone-x-helper@^1.2.1:
   version "1.2.1"
   version "1.2.1"
   resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.2.1.tgz#645e2ffbbb49e80844bb4cbbe34a126fda1e6772"
   resolved "https://registry.yarnpkg.com/react-native-iphone-x-helper/-/react-native-iphone-x-helper-1.2.1.tgz#645e2ffbbb49e80844bb4cbbe34a126fda1e6772"
   integrity sha512-/VbpIEp8tSNNHIvstuA3Swx610whci1Zpc9mqNkqn14DkMbw+ORviln2u0XyHG1kPvvwTNGZY6QpeFwxYaSdbQ==
   integrity sha512-/VbpIEp8tSNNHIvstuA3Swx610whci1Zpc9mqNkqn14DkMbw+ORviln2u0XyHG1kPvvwTNGZY6QpeFwxYaSdbQ==
 
 
+react-native-keyboard-aware-scroll-view@0.9.1:
+  version "0.9.1"
+  resolved "https://registry.yarnpkg.com/react-native-keyboard-aware-scroll-view/-/react-native-keyboard-aware-scroll-view-0.9.1.tgz#9e54b565a5f19b30bed12221d48921781f7630af"
+  integrity sha512-tBZ8rmjELN0F6t5UBp5CW3NYmZXgVnJSzVCssv/OqG2t6kiB+OUTqxNvUP24K+HARX4H+XaW0aEJSFQkQCv6KA==
+  dependencies:
+    prop-types "^15.6.2"
+    react-native-iphone-x-helper "^1.0.3"
+
 react-native-maps@0.26.1:
 react-native-maps@0.26.1:
   version "0.26.1"
   version "0.26.1"
   resolved "https://registry.yarnpkg.com/react-native-maps/-/react-native-maps-0.26.1.tgz#6ec316259b38d259c8974448d894bd7a23101da4"
   resolved "https://registry.yarnpkg.com/react-native-maps/-/react-native-maps-0.26.1.tgz#6ec316259b38d259c8974448d894bd7a23101da4"
@@ -4589,6 +4805,15 @@ react-native-screens@~2.2.0:
   dependencies:
   dependencies:
     debounce "^1.2.0"
     debounce "^1.2.0"
 
 
+react-native-vector-icons@^6.6.0:
+  version "6.6.0"
+  resolved "https://registry.yarnpkg.com/react-native-vector-icons/-/react-native-vector-icons-6.6.0.tgz#66cf004918eb05d90778d64bd42077c1800d481b"
+  integrity sha512-MImKVx8JEvVVBnaShMr7/yTX4Y062JZMupht1T+IEgbqBj4aQeQ1z2SH4VHWKNtWtppk4kz9gYyUiMWqx6tNSw==
+  dependencies:
+    lodash "^4.0.0"
+    prop-types "^15.6.2"
+    yargs "^13.2.2"
+
 react-native-view-shot@3.1.2:
 react-native-view-shot@3.1.2:
   version "3.1.2"
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/react-native-view-shot/-/react-native-view-shot-3.1.2.tgz#8c8e84c67a4bc8b603e697dbbd59dbc9b4f84825"
   resolved "https://registry.yarnpkg.com/react-native-view-shot/-/react-native-view-shot-3.1.2.tgz#8c8e84c67a4bc8b603e697dbbd59dbc9b4f84825"
@@ -4665,6 +4890,14 @@ react-timer-mixin@^0.13.4:
   resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz#75a00c3c94c13abe29b43d63b4c65a88fc8264d3"
   resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz#75a00c3c94c13abe29b43d63b4c65a88fc8264d3"
   integrity sha512-4+ow23tp/Tv7hBM5Az5/Be/eKKF7DIvJ09voz5LyHGQaqqz9WV8YMs31eFvcYQs7d451LSg7kDJV70XYN/Ug/Q==
   integrity sha512-4+ow23tp/Tv7hBM5Az5/Be/eKKF7DIvJ09voz5LyHGQaqqz9WV8YMs31eFvcYQs7d451LSg7kDJV70XYN/Ug/Q==
 
 
+react-tween-state@^0.1.5:
+  version "0.1.5"
+  resolved "https://registry.yarnpkg.com/react-tween-state/-/react-tween-state-0.1.5.tgz#e98b066551efb93cb92dd1be14995c2e3deae339"
+  integrity sha1-6YsGZVHvuTy5LdG+FJlcLj3q4zk=
+  dependencies:
+    raf "^3.1.0"
+    tween-functions "^1.0.1"
+
 react@~16.9.0:
 react@~16.9.0:
   version "16.9.0"
   version "16.9.0"
   resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
   resolved "https://registry.yarnpkg.com/react/-/react-16.9.0.tgz#40ba2f9af13bc1a38d75dbf2f4359a5185c4f7aa"
@@ -4801,6 +5034,11 @@ require-main-filename@^1.0.1:
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
   resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-1.0.1.tgz#97f717b69d48784f5f526a6c5aa8ffdda055a4d1"
   integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
   integrity sha1-l/cXtp1IeE9fUmpsWqj/3aBVpNE=
 
 
+require-main-filename@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b"
+  integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==
+
 requires-port@^1.0.0:
 requires-port@^1.0.0:
   version "1.0.0"
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
   resolved "https://registry.yarnpkg.com/requires-port/-/requires-port-1.0.0.tgz#925d2601d39ac485e091cf0da5c6e694dc3dcaff"
@@ -5256,6 +5494,15 @@ string-width@^2.0.0, string-width@^2.1.0, string-width@^2.1.1:
     is-fullwidth-code-point "^2.0.0"
     is-fullwidth-code-point "^2.0.0"
     strip-ansi "^4.0.0"
     strip-ansi "^4.0.0"
 
 
+string-width@^3.0.0, string-width@^3.1.0:
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/string-width/-/string-width-3.1.0.tgz#22767be21b62af1081574306f69ac51b62203961"
+  integrity sha512-vafcv6KjVZKSgz06oM/H6GDBrAtz8vdhQakGjFIvNrHA6y3HCF1CInLy+QLq8dTJPQ1b+KDUqDFctkdRW44e1w==
+  dependencies:
+    emoji-regex "^7.0.1"
+    is-fullwidth-code-point "^2.0.0"
+    strip-ansi "^5.1.0"
+
 string_decoder@~1.1.1:
 string_decoder@~1.1.1:
   version "1.1.1"
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
   resolved "https://registry.yarnpkg.com/string_decoder/-/string_decoder-1.1.1.tgz#9cf1611ba62685d7030ae9e4ba34149c3af03fc8"
@@ -5277,7 +5524,7 @@ strip-ansi@^4.0.0:
   dependencies:
   dependencies:
     ansi-regex "^3.0.0"
     ansi-regex "^3.0.0"
 
 
-strip-ansi@^5.0.0, strip-ansi@^5.2.0:
+strip-ansi@^5.0.0, strip-ansi@^5.1.0, strip-ansi@^5.2.0:
   version "5.2.0"
   version "5.2.0"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
   resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-5.2.0.tgz#8c9a536feb6afc962bdfa5b104a5091c1ad9c0ae"
   integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
   integrity sha512-DuRs1gKbBqsMKIZlrffwlug8MHkcnpjs5VPmL1PAh+mA30U0DTotfDZ0d2UUsXpPmPmMMJ6W773MaA3J+lbiWA==
@@ -5315,6 +5562,11 @@ sudo-prompt@^9.0.0:
   resolved "https://registry.yarnpkg.com/sudo-prompt/-/sudo-prompt-9.1.1.tgz#73853d729770392caec029e2470db9c221754db0"
   resolved "https://registry.yarnpkg.com/sudo-prompt/-/sudo-prompt-9.1.1.tgz#73853d729770392caec029e2470db9c221754db0"
   integrity sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==
   integrity sha512-es33J1g2HjMpyAhz8lOR+ICmXXAqTuKbuXuUWLhOLew20oN9oUCgCJx615U/v7aioZg7IX5lIh9x34vwneu4pA==
 
 
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=
+
 supports-color@^5.3.0, supports-color@^5.5.0:
 supports-color@^5.3.0, supports-color@^5.5.0:
   version "5.5.0"
   version "5.5.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -5429,6 +5681,11 @@ toidentifier@1.0.0:
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   resolved "https://registry.yarnpkg.com/toidentifier/-/toidentifier-1.0.0.tgz#7e1be3470f1e77948bc43d94a3c8f4d7752ba553"
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
   integrity sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==
 
 
+tween-functions@^1.0.1:
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/tween-functions/-/tween-functions-1.2.0.tgz#1ae3a50e7c60bb3def774eac707acbca73bbc3ff"
+  integrity sha1-GuOlDnxguz3vd06scHrLynO7w/8=
+
 type-fest@^0.7.1:
 type-fest@^0.7.1:
   version "0.7.1"
   version "0.7.1"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.7.1.tgz#8dda65feaf03ed78f0a3f9678f1869147f7c5c48"
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.7.1.tgz#8dda65feaf03ed78f0a3f9678f1869147f7c5c48"
@@ -5689,6 +5946,15 @@ wrap-ansi@^2.0.0:
     string-width "^1.0.1"
     string-width "^1.0.1"
     strip-ansi "^3.0.1"
     strip-ansi "^3.0.1"
 
 
+wrap-ansi@^5.1.0:
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-5.1.0.tgz#1fd1f67235d5b6d0fee781056001bfb694c03b09"
+  integrity sha512-QC1/iN/2/RPVJ5jYK8BGttj5z83LmSKmvbvrXPNCLZSEb32KKVDJDl/MOt2N01qU2H/FkzEa9PKto1BqDjtd7Q==
+  dependencies:
+    ansi-styles "^3.2.0"
+    string-width "^3.0.0"
+    strip-ansi "^5.0.0"
+
 wrappy@1:
 wrappy@1:
   version "1.0.2"
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
   resolved "https://registry.yarnpkg.com/wrappy/-/wrappy-1.0.2.tgz#b5243d8f3ec1aa35f1364605bc0d1036e30ab69f"
@@ -5760,7 +6026,7 @@ y18n@^3.2.1:
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-3.2.1.tgz#6d15fba884c08679c0d77e88e7759e811e07fa41"
   integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
   integrity sha1-bRX7qITAhnnA136I53WegR4H+kE=
 
 
-"y18n@^3.2.1 || ^4.0.0":
+"y18n@^3.2.1 || ^4.0.0", y18n@^4.0.0:
   version "4.0.0"
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-4.0.0.tgz#95ef94f85ecc81d007c264e190a120f0a3c8566b"
   integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
   integrity sha512-r9S/ZyXu/Xu9q1tYlpsLIsa3EeLXXk0VwlxqTcFRfg9EhMW+17kbt9G0NrgCmhGb5vT2hyhJZLfDGx+7+5Uj/w==
@@ -5778,6 +6044,14 @@ yargs-parser@^11.1.1:
     camelcase "^5.0.0"
     camelcase "^5.0.0"
     decamelize "^1.2.0"
     decamelize "^1.2.0"
 
 
+yargs-parser@^13.1.2:
+  version "13.1.2"
+  resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-13.1.2.tgz#130f09702ebaeef2650d54ce6e3e5706f7a4fb38"
+  integrity sha512-3lbsNRf/j+A4QuSZfDRA7HRSfWrzO0YjqTJd5kjAq37Zep1CEgaYmrH9Q3GwPiB9cHyd1Y1UwggGhJGoxipbzg==
+  dependencies:
+    camelcase "^5.0.0"
+    decamelize "^1.2.0"
+
 yargs-parser@^7.0.0:
 yargs-parser@^7.0.0:
   version "7.0.0"
   version "7.0.0"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
   resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-7.0.0.tgz#8d0ac42f16ea55debd332caf4c4038b3e3f5dfd9"
@@ -5803,6 +6077,22 @@ yargs@^12.0.5:
     y18n "^3.2.1 || ^4.0.0"
     y18n "^3.2.1 || ^4.0.0"
     yargs-parser "^11.1.1"
     yargs-parser "^11.1.1"
 
 
+yargs@^13.2.2:
+  version "13.3.2"
+  resolved "https://registry.yarnpkg.com/yargs/-/yargs-13.3.2.tgz#ad7ffefec1aa59565ac915f82dccb38a9c31a2dd"
+  integrity sha512-AX3Zw5iPruN5ie6xGRIDgqkT+ZhnRlZMLMHAs8tg7nRruy2Nb+i5o9bwghAogtM08q1dpr2LVoS8KSTMYpWXUw==
+  dependencies:
+    cliui "^5.0.0"
+    find-up "^3.0.0"
+    get-caller-file "^2.0.1"
+    require-directory "^2.1.1"
+    require-main-filename "^2.0.0"
+    set-blocking "^2.0.0"
+    string-width "^3.0.0"
+    which-module "^2.0.0"
+    y18n "^4.0.0"
+    yargs-parser "^13.1.2"
+
 yargs@^9.0.0:
 yargs@^9.0.0:
   version "9.0.1"
   version "9.0.1"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"
   resolved "https://registry.yarnpkg.com/yargs/-/yargs-9.0.1.tgz#52acc23feecac34042078ee78c0c007f5085db4c"

+node_modules/**/*
+.expo/*
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+web-report/
+
+# macOS
+.DS_Store
+env.js
+.env

@@ -37,6 +37,7 @@ const sessionMiddleware = expressSession({
 
 
 const passportIndex = require('./passport/index');
 const passportIndex = require('./passport/index');
 const userRouter = require('./routes/user');
 const userRouter = require('./routes/user');
+const apiRouter = require('./routes/api');
 
 
 passportIndex(passport);
 passportIndex(passport);
 
 
@@ -74,6 +75,8 @@ app.use(passport.session()); // 패스포트 세션 작업
 
 
 app.use('/public', express.static(path.join(__dirname, 'open'))); // 모두에게 공개된 폴더 설정
 app.use('/public', express.static(path.join(__dirname, 'open'))); // 모두에게 공개된 폴더 설정
 app.use('/user', userRouter);
 app.use('/user', userRouter);
+app.use('/api', apiRouter);
+
 
 
 app.use(function (req, res, next) {
 app.use(function (req, res, next) {
     next(httpErrors(404));
     next(httpErrors(404));
@@ -84,7 +87,7 @@ app.use(function (err, req, res, next) {
     res.locals.message = err.message;
     res.locals.message = err.message;
     res.locals.error = req.app.get('env') === 'development' ? err : {};
     res.locals.error = req.app.get('env') === 'development' ? err : {};
 
 
-    //render the error page
+    //render the error pagea
     res.status(err.status || 500);
     res.status(err.status || 500);
     res.render('error');
     res.render('error');
 });
 });

@@ -376,7 +376,6 @@
       "version": "1.5.0",
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
       "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
       "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
       "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
-      "optional": true,
       "requires": {
       "requires": {
         "file-uri-to-path": "1.0.0"
         "file-uri-to-path": "1.0.0"
       }
       }
@@ -1507,8 +1506,7 @@
     "file-uri-to-path": {
     "file-uri-to-path": {
       "version": "1.0.0",
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
       "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
-      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
-      "optional": true
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
     },
     },
     "fill-range": {
     "fill-range": {
       "version": "4.0.0",
       "version": "4.0.0",
@@ -1810,6 +1808,11 @@
         }
         }
       }
       }
     },
     },
+    "hoek": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/hoek/-/hoek-4.2.1.tgz",
+      "integrity": "sha512-QLg82fGkfnJ/4iy1xZ81/9SIJiq1NGFUMGs6ParyjBZr6jW2Ufj/snDqTHixNlHdPNwN2RLVD0Pi3igeK9+JfA=="
+    },
     "http-errors": {
     "http-errors": {
       "version": "1.6.3",
       "version": "1.6.3",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
       "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
@@ -2110,6 +2113,14 @@
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
       "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
     },
     },
+    "isemail": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/isemail/-/isemail-3.2.0.tgz",
+      "integrity": "sha512-zKqkK+O+dGqevc93KNsbZ/TqTUFd46MwWjYOoMrjIMZ51eU7DtQG3Wmd9SQQT7i7RVnuTPEiYEWHU3MSbxC1Tg==",
+      "requires": {
+        "punycode": "2.x.x"
+      }
+    },
     "isexe": {
     "isexe": {
       "version": "2.0.0",
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
@@ -2120,6 +2131,23 @@
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
       "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
       "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
       "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8="
     },
     },
+    "joi": {
+      "version": "13.7.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-13.7.0.tgz",
+      "integrity": "sha512-xuY5VkHfeOYK3Hdi91ulocfuFopwgbSORmIwzcwHKESQhC7w1kD5jaVSPnqDxS2I8t3RZ9omCKAxNwXN5zG1/Q==",
+      "requires": {
+        "hoek": "5.x.x",
+        "isemail": "3.x.x",
+        "topo": "3.x.x"
+      },
+      "dependencies": {
+        "hoek": {
+          "version": "5.0.4",
+          "resolved": "https://registry.npmjs.org/hoek/-/hoek-5.0.4.tgz",
+          "integrity": "sha512-Alr4ZQgoMlnere5FZJsIyfIjORBqZll5POhDsF4q64dPuJR6rNxXdDxtHSQq8OXRurhmx+PWYEE8bXRROY8h0w=="
+        }
+      }
+    },
     "js-beautify": {
     "js-beautify": {
       "version": "1.11.0",
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.11.0.tgz",
       "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.11.0.tgz",
@@ -2621,6 +2649,15 @@
       "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz",
       "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz",
       "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw="
       "integrity": "sha1-yobR/ogoFpsBICCOPchCS524NCw="
     },
     },
+    "node-expat": {
+      "version": "2.3.18",
+      "resolved": "https://registry.npmjs.org/node-expat/-/node-expat-2.3.18.tgz",
+      "integrity": "sha512-9dIrDxXePa9HSn+hhlAg1wXkvqOjxefEbMclGxk2cEnq/Y3U7Qo5HNNqeo3fQ4bVmLhcdt3YN1TZy7WMZy4MHw==",
+      "requires": {
+        "bindings": "^1.5.0",
+        "nan": "^2.13.2"
+      }
+    },
     "node-pre-gyp": {
     "node-pre-gyp": {
       "version": "0.14.0",
       "version": "0.14.0",
       "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz",
       "resolved": "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.14.0.tgz",
@@ -3130,6 +3167,11 @@
       "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.8.tgz",
       "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-1.1.8.tgz",
       "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA=="
       "integrity": "sha512-GMu3M5nUL3fju4/egXwZO0XLi6fW/K3T3VTgFQ14GxNi8btlxgT5qZL//JwZFm/2Fa64J/PNS8AZeys3wiMkVA=="
     },
     },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
+    },
     "qs": {
     "qs": {
       "version": "6.5.2",
       "version": "6.5.2",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.2.tgz",
@@ -4034,6 +4076,21 @@
       "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-0.0.1.tgz",
       "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-0.0.1.tgz",
       "integrity": "sha1-zu78cXp2xDFvEm0LnbqlXX598Bo="
       "integrity": "sha1-zu78cXp2xDFvEm0LnbqlXX598Bo="
     },
     },
+    "topo": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/topo/-/topo-3.0.3.tgz",
+      "integrity": "sha512-IgpPtvD4kjrJ7CRA3ov2FhWQADwv+Tdqbsf1ZnPUSAtCJ9e1Z44MmoSGDXGk4IppoZA7jd/QRkNddlLJWlUZsQ==",
+      "requires": {
+        "hoek": "6.x.x"
+      },
+      "dependencies": {
+        "hoek": {
+          "version": "6.1.3",
+          "resolved": "https://registry.npmjs.org/hoek/-/hoek-6.1.3.tgz",
+          "integrity": "sha512-YXXAAhmF9zpQbC7LEcREFtXfGq5K1fmd+4PHkBq8NUqmzW3G+Dq10bI/i0KucLRwss3YYFQ0fSfoxBZYiGUqtQ=="
+        }
+      }
+    },
     "toposort-class": {
     "toposort-class": {
       "version": "1.0.1",
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/toposort-class/-/toposort-class-1.0.1.tgz",
       "resolved": "https://registry.npmjs.org/toposort-class/-/toposort-class-1.0.1.tgz",
@@ -4428,6 +4485,24 @@
       "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-3.0.0.tgz",
       "resolved": "https://registry.npmjs.org/xdg-basedir/-/xdg-basedir-3.0.0.tgz",
       "integrity": "sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ="
       "integrity": "sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ="
     },
     },
+    "xml-js": {
+      "version": "1.6.11",
+      "resolved": "https://registry.npmjs.org/xml-js/-/xml-js-1.6.11.tgz",
+      "integrity": "sha512-7rVi2KMfwfWFl+GpPg6m80IVMWXLRjO+PxTq7V2CDhoGak0wzYzFgUY2m4XJ47OGdXd8eLE8EmwfAmdjw7lC1g==",
+      "requires": {
+        "sax": "^1.2.4"
+      }
+    },
+    "xml2json": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/xml2json/-/xml2json-0.12.0.tgz",
+      "integrity": "sha512-EPJHRWJnJUYbJlzR4pBhZODwWdi2IaYGtDdteJi0JpZ4OD31IplWALuit8r73dJuM4iHZdDVKY1tLqY2UICejg==",
+      "requires": {
+        "hoek": "^4.2.1",
+        "joi": "^13.1.2",
+        "node-expat": "^2.3.18"
+      }
+    },
     "xmlhttprequest": {
     "xmlhttprequest": {
       "version": "1.8.0",
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
       "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",

@@ -18,6 +18,7 @@
     "express-session": "^1.16.2",
     "express-session": "^1.16.2",
     "fs": "0.0.1-security",
     "fs": "0.0.1-security",
     "http-errors": "~1.6.3",
     "http-errors": "~1.6.3",
+    "moment": "^2.26.0",
     "mongoose": "^5.9.2",
     "mongoose": "^5.9.2",
     "morgan": "^1.9.1",
     "morgan": "^1.9.1",
     "multer": "^1.4.2",
     "multer": "^1.4.2",
@@ -31,6 +32,8 @@
     "sequelize": "^5.21.5",
     "sequelize": "^5.21.5",
     "sequelize-cli": "^5.5.1",
     "sequelize-cli": "^5.5.1",
     "socket.io": "^2.3.0",
     "socket.io": "^2.3.0",
+    "xml-js": "^1.6.11",
+    "xml2json": "^0.12.0",
     "xmlhttprequest": "^1.8.0"
     "xmlhttprequest": "^1.8.0"
   }
   }
 }
 }

+var express = require('express');
+const axios = require('axios');
+const convert = require('xml-js');
+var router = express.Router();
+let xmlParser = require('xml2json');
+var searchPubTransPath = require('../setPath');
+const moment = require('moment');
+
+/* GET home page. */
+router.get('/', function (req, res, next) {
+    return res.json({title: 'Express'});
+});
+
+router.post('/setOptRoute', async (req, res, next) => {
+    var {startLocation, endLocation, endTime, personalVelocity} = req.body;
+    try {
+        const startLocationX = startLocation.longitude;
+        const startLocationY = startLocation.latitude;
+        const endLocationX = endLocation.longitude;
+        const endLocationY = endLocation.latitude;
+        var avgSpeed = personalVelocity;
+        if(!avgSpeed){
+            avgSpeed = 60;
+        }
+        console.log('endTime 은? ', endTime, personalVelocity);
+        const path = await searchPubTransPath(startLocationX, startLocationY, endLocationX, endLocationY, avgSpeed, endTime);
+        const optRoute = path;
+        console.log(path);
+        return res.json({optRoute: optRoute});
+    } catch (e) {
+        console.error(e);
+        // next(e);
+    }
+});
+
+module.exports = router;
\ No newline at end of file

@@ -4,7 +4,6 @@ const bcrypt = require('bcrypt');
 const passport = require('passport');
 const passport = require('passport');
 const {isLoggedIn, isNotLoggedIn} = require("./middleware");
 const {isLoggedIn, isNotLoggedIn} = require("./middleware");
 const models = require('../models/index');
 const models = require('../models/index');
-const {searchPubTransPathAJAX} = require('../crawling');
 
 
 router.get('/loadMe', isLoggedIn, (req, res, next) => {
 router.get('/loadMe', isLoggedIn, (req, res, next) => {
     // console.log('loadMe요청옴', req.user);
     // console.log('loadMe요청옴', req.user);

+const axios = require('axios');
+const convert = require('xml-js');
+const moment = require('moment');
+
+const apiKey = '';
+
+const reverseGeocoding = async (_x, _y) => {
+    try {
+        var result = await axios.get("http://apis.vworld.kr/coord2jibun.do?x=" + _x + "&y=" + _y + "&output=xml&epsg=epsg:4326&apiKey=");
+        result = convert.xml2js(result.data, {compact: true, spaces: 4});
+        result = JSON.parse(JSON.stringify(result));
+        var cityName = result.result.ADDR._cdata.split(" ")[0];
+        return cityName
+    } catch (e) {
+        console.error(e);
+    }
+
+};
+
+const subwayArrivalTime = async (stationID, wayCode) => {
+    try {
+        let today = new Date();
+        let day = today.getDay();//요일
+        let hours = today.getHours();//시
+        let minutes = today.getMinutes();//분
+        var result = await axios.get("https://api.odsay.com/v1/api/subwayTimeTable?lang=0&stationID=" + stationID + "&wayCode=" + wayCode + `&showExpressTime=1&apiKey=${apiKey}`);
+    } catch (e) {
+        console.error(e);
+    }
+
+}
+//subwayArrivalTime(216,1);
+const seoulBusStationID = async (stationID) => {
+    try {
+        var result = await axios.get("https://api.odsay.com/v1/api/busStationInfo?lang=0&stationID=" + parseInt(stationID) + `&apiKey=${apiKey}`);
+        result = result.data;
+        var _stationID = result.result.arsID;
+        _stationID = _stationID.replace("-", "");
+        return _stationID;
+    } catch (e) {
+        console.error(e);
+    }
+}
+
+const seoulBusArrivalTime = async (stationID, busNum) => {
+    try {
+
+        var _stationID = await seoulBusStationID(stationID);
+
+        var result = await axios.get('http://ws.bus.go.kr/api/rest/stationinfo/getStationByUid?serviceKey' + _stationID);
+        //console.log(res.data);
+        result = convert.xml2js(result.data, {compact: true, spaces: 4});
+        result = JSON.parse(JSON.stringify(result));
+        //console.log(result.ServiceResult.msgBody.itemList);
+        var arrList = result.ServiceResult.msgBody.itemList;
+        //console.log(arrList);
+        for (var i = 0; i < arrList.length; i++) {
+            if (arrList[i].rtNm._text == busNum) {
+                var msg = new Object();
+                msg.msg1 = arrList[i].arrmsg1._text;
+                msg.msg2 = arrList[i].arrmsg2._text;
+                msg.timeInterval = 7;
+                return msg;
+            }
+        }
+        var msg = new Object();
+        msg.msg1 = "도착예정 없음";
+        msg.msg2 = "도착예정 없음";
+        msg.timeInterval = 7;
+        return msg;
+
+
+    } catch (e) {
+        console.error(e);
+    }
+};
+
+const gyeonggiLocalData = async (stationID, busID) => {
+    try {
+        var result = await axios.get("https://api.odsay.com/v1/api/busStationInfo?lang=0&stationID=" + parseInt(stationID) + `&apiKey=${apiKey}`);
+        result = result.data;
+        var stationLocalId = result.result.localStationID;
+        for (var i = 0; i < result.result.lane.length; i++) {
+            if (result.result.lane[i].busID == busID) {
+                busLocalId = result.result.lane[i].busLocalBlID;
+
+                return [stationLocalId, busLocalId];
+            }
+        }
+    } catch (e) {
+        console.error(e);
+    }
+};
+const gyeonggiBusArrivalTime = async (stationID, busID) => {
+    try {
+        var localData = await gyeonggiLocalData(stationID, busID);
+        var stationLocalID = localData[0];
+        var busLocalID = localData[1];
+        var result = await axios.get('http://openapi.gbis.go.kr/ws/rest/busarrivalservice/station?&stationId=' + stationLocalID);
+        result = convert.xml2js(result.data, {compact: true, spaces: 4});
+        result = JSON.parse(JSON.stringify(result));
+
+        var msg = new Object();
+        if (result.response.msgHeader.resultMessage._text == "결과가 존재하지 않습니다.") {
+            msg.msg1 = "도착 정보 없음";
+            msg.msg2 = "도착 정보 없음";
+            msg.timeInterval = 7;
+            console.log(msg);
+            return msg;
+
+        } else if (result.response.msgHeader.resultMessage._text == '정상적으로 처리되었습니다.') {
+
+            var arrList = result.response.msgBody.busArrivalList;
+            for (var i = 0; i < arrList.length; i++) {
+                var item = arrList[i];
+                if (item.routeId._text == busLocalID) {
+                    msg.msg1 = item.predictTime1._text + "분 남음" + "(" + item.locationNo1._text + "개 역 전에 도착)";
+                    if (parseInt(item.predictTime2._text) > 0) {
+                        msg.msg2= msg.msg2 = item.predictTime2._text + "분 남음" + "(" + item.locationNo2._text + "개 역 전에 도착)";
+                        msg.timeInterval = (parseInt(item.predictTime2._text) - parseInt(item.predictTime1._text))/60;//초
+                        console.log("time interval,",msg.timeInterval);
+                    } else {
+                        msg.msg2="도착 정보 없음";
+                        msg.timeInterval = parseInt(item.predictTime1._text);
+                    }
+                    console.log(msg);
+                    return msg;//JSON타입 데이터
+
+                }
+            }
+            msg.msg1 = "도착 정보 없음";
+            msg.msg2 = "도착 정보 없음";
+            msg.timeInterval = 7;
+            console.log(msg);
+            return msg;
+
+        }
+
+    } catch (e) {
+        console.error(e);
+    }
+}
+
+function printSubwayInfo(subPath) {
+    console.log("-------지하철 이동---------");
+    console.log("소요시간:", subPath.time);
+    console.log("총 정거장수:", subPath.stationCnt);
+    console.log("지하철 정보:");
+    for (var i = 0; i < subPath.laneList.length; i++) {
+        console.log(subPath.laneList[i].name);
+    }
+    console.log("출발역:", subPath.startName);
+    console.log("도착역:", subPath.endName);
+    console.log("station 리스트");
+    console.log("------노선-------");
+    for (var i = 0; i < subPath.stationList.length; i++) {
+        console.log("|")
+        console.log(subPath.stationList[i]);
+    }
+
+
+}
+
+function printBusInfo(subPath) {
+    console.log("--------버스 이동----------");
+    console.log("소요시간:", subPath.time);
+    console.log(subPath.stationCnt, "개 정류장 이동");
+    for (var i = 0; i < subPath.arrivalInfo.length; i++) {
+        console.log("버스 번호:", subPath.arrivalInfo[i].busNo);
+        console.log(subPath.arrivalInfo[i].msg);
+        console.log("-----------------------");
+    }
+    //console.log("대체버스:",subPath.busNumberList);
+    console.log("출발역:", subPath.startName);
+    console.log("도착역:", subPath.endName);
+    console.log("-------노선--------");
+    for (var i = 0; i < subPath.stationList.length; i++) {
+        console.log("|");
+        console.log(subPath.stationList[i].stationName);
+    }
+
+
+}
+
+function printWalkInfo(subPath) {
+    console.log("--------도보 이동----------");
+    console.log("도보 이동 시간:", subPath.time);
+    console.log("도보 이동 거리:", subPath.distance);
+
+
+}
+
+const searchPubTransPath = async (sx, sy, ex, ey, avgSpeed, endTime) => {
+    //출발지점x좌표,  출발지점 y좌표, 도착지점 x좌표, 도착지점 y좌표, 보행자 평균 속도, 희망 도착시간(stringtype 2digit->hour, 2digit->min)
+    try {
+        var result = await axios.get("https://api.odsay.com/v1/api/searchPubTransPath?SX=" + sx + "&SY=" + sy + "&EX=" + ex + "&EY=" + ey + `&apiKey=${apiKey}`);
+        result = result.data;
+        var endTime = moment(endTime).format('HH:mm').split(':');
+        console.log(endTime);
+
+        var arrivalTime = parseInt(endTime[0]) * 60 + parseInt(endTime[1]);//endTime의 시각을 minute단위로 바꿈
+        if (result.result.searchType == 0) {//도시내 이동
+            var pathList = new Array();
+            for (var i = 0; i < result.result.path.length; i++) {
+                var path = result.result.path[i];
+                console.log("========================================================================================");
+                console.log("========================================================================================");
+                console.log(i + 1, "번째 경로");
+                var pathObj = new Object();
+                if (path.pathType == 1) {
+                    pathObj.pathType = "지하철";
+                } else if (path.pathType == 2) {
+                    pathObj.pathType = "버스";
+                } else {
+                    pathObj.pathType = "지하철&버스";
+                }
+                pathObj.walkTime = 0;
+                pathObj.info = path.info;
+                pathObj.walkDistance = 0;
+                pathObj.busTimeInterval = 0;
+                console.log(pathObj.pathType);
+                console.log("총소요시간:", pathObj.info.totalTime);
+                console.log("비용:", pathObj.info.payment);
+                console.log("출발역:", pathObj.info.firstStartStation);
+                console.log("도착역:", pathObj.info.lastEndStation);
+                console.log("도보:", pathObj.info.totalWalk, " 이동");
+                console.log("총", pathObj.info.totalStationCount, "개 역 이동");
+                console.log("버스:", pathObj.info.busStationCount, "개 역 이동");
+                console.log("지하철:", pathObj.info.subwayStationCount, "개 역 이동");
+                console.log("=======경로 상세정보========");
+                pathObj.subPathList = new Array();
+                //console.log(pathObj.info);
+                for (var j = 0; j < path.subPath.length; j++) {
+                    var subPath = new Object();
+                    if (path.subPath[j].trafficType == 1) {//지하철 환승
+                        subPath.trafficType = "지하철";
+                        subPath.time = path.subPath[j].sectionTime;
+                        subPath.stationCnt = path.subPath[j].stationCount;
+                        subPath.laneList = path.subPath[j].lane;
+                        subPath.startName = path.subPath[j].startName;
+                        subPath.startID = path.subPath[j].startID;
+                        subPath.endName = path.subPath[j].endName;
+                        subPath.endID = path.subPath[j].endID;
+                        subPath.stationList = new Array();
+                        for (var k = 0; k < path.subPath[j].passStopList.stations.length; k++) {
+                            subPath.stationList.push(path.subPath[j].passStopList.stations[k].stationName);
+                        }
+                        printSubwayInfo(subPath);
+                    } else if (path.subPath[j].trafficType == 2) {//버스=>실시간 정보!
+                        subPath.trafficType = "버스";
+                        subPath.time = path.subPath[j].sectionTime;//총소요시간
+                        subPath.stationCnt = path.subPath[j].stationCount;
+                        subPath.startName = path.subPath[j].startName;
+                        subPath.startID = path.subPath[j].startID;
+                        subPath.endName = path.subPath[j].endName;
+                        subPath.endID = path.subPath[j].endID;
+                        subPath.stationList = path.subPath[j].passStopList.stations;
+                        subPath.arrivalInfo = new Array();
+                        var cityName = await reverseGeocoding(path.subPath[j].passStopList.stations[0].x, path.subPath[j].passStopList.stations[0].y);
+                        if (cityName == "서울특별시") {//stationID와 busNo로 도착 예정시간 추출
+                            //seoulBusArrivalTime(path.subPath[j].passStopList.stations[0].stationID,busNumberList);
+                            for (var a = 0; a < path.subPath[j].lane.length; a++) {
+                                var busArrivalInfoItem = new Object();
+                                var _msg = await seoulBusArrivalTime(subPath.startID, path.subPath[j].lane[a].busNo);
+                                busArrivalInfoItem.busID = path.subPath[j].lane[a].busID;
+                                busArrivalInfoItem.busNo = path.subPath[j].lane[a].busNo;
+                                busArrivalInfoItem.msg = _msg;
+                                subPath.arrivalInfo.push(busArrivalInfoItem);
+                                pathObj.busTimeInterval = _msg.timeInterval; //초->분단위로 바꿈
+                                console.log(_msg.timeInterval);
+                                if (a == 2)//버스 최대 3개까지만 출력시킴
+                                    break;
+                            }
+                            printBusInfo(subPath);
+                        } else if (cityName == "경기도") {
+                            for (var a = 0; a < path.subPath[j].lane.length; a++) {
+                                var busArrivalInfoItem = new Object();
+                                var _msg = await gyeonggiBusArrivalTime(subPath.startID, path.subPath[j].lane[a].busID);
+                                busArrivalInfoItem.busID = path.subPath[j].lane[a].busID;
+                                busArrivalInfoItem.busNo = path.subPath[j].lane[a].busNo;
+                                busArrivalInfoItem.msg = _msg;
+                                subPath.arrivalInfo.push(busArrivalInfoItem);
+                                console.log("----------메시지메시지-----------", _msg);
+                                pathObj.busTimeInterval = _msg.timeInterval;
+
+                                if (a == 2)//버스 최대 3개까지만 출력
+                                    break;
+                            }
+                            printBusInfo(subPath);
+                        } else {
+                            //서울, 경기를 제외한 지역은 실시간 정보 제공 불가
+                            printBusInfo(subPath);
+                        }
+                    } else {//도보이동
+                        pathObj.walkTime += path.subPath[j].sectionTime;
+                        pathObj.walkDistance += path.subPath[j].distance;
+                        subPath.trafficType = "도보";
+                        subPath.time = path.subPath[j].sectionTime;
+                        subPath.distance = path.subPath[j].distance;
+                        printWalkInfo(subPath);
+                    }
+                    pathObj.subPathList.push(subPath);
+
+                }
+
+                pathList.push(pathObj);
+                var optTotalTime = pathObj.info.totalTime - pathObj.walkTime + pathObj.walkDistance / avgSpeed;//사용자의 보행속도를 고려한 이동시간
+                console.log("arrrrrrrrrrr",arrivalTime)
+                var departureTime1 = parseInt(arrivalTime - optTotalTime);
+
+                if(departureTime1<0){
+                    departureTime1+=1440;
+                }
+                if(path.pathType==1){//지하철의 경우 시간간격 4분으로
+                    pathObj.busTimeInterval=4;
+                }
+                var departureTime2 = parseInt(arrivalTime - optTotalTime - pathObj.busTimeInterval);
+                if(departureTime2<0){
+                    departureTime2+=1440;
+                }
+                console.log(pathObj.busTimeInterval);
+                console.log("dp1",departureTime1);
+                console.log("dp2",departureTime2);
+
+                console.log("pathType",path.pathType);
+                console.log("departure time 1",departureTime1);
+                console.log("departure time 2",departureTime2);
+                var hour1 = departureTime1 / 60;
+                var min1 = departureTime1 % 60;
+                var hour2 = departureTime2 / 60;
+                var min2 =departureTime2 % 60;
+                pathObj.info.hour1=parseInt(hour1).toString();
+                pathObj.info.min1=parseInt(min1).toString();
+                pathObj.info.hour2=parseInt(hour2).toString();
+                pathObj.info.min2=parseInt(min2).toString();
+                console.log(pathObj.info.hour1,"시 ",pathObj.info.min1,"분");
+                console.log(pathObj.info.hour2,"시 ",pathObj.info.min2,"분");
+                if (i == 2)//경로 3개까지만 출력
+                    break;
+
+
+            }
+            return {pathList};
+        } else if (result.result.searchType == 1) {//도시간 이동
+            var path = new Object();
+            path.trainList = new Array();
+            for (var j = 0; j < result.result.trainRequest.count; j++) {
+                var train = new Object();
+                train = result.result.trainRequest.OBJ[j];
+                path.trainList.push(train);
+                if (j == 2)
+                    break;
+            }
+            path.exBusList = new Array();
+            for (var j = 0; j < result.result.exBusRequest.count; j++) {
+                var exBus = new Object();
+                exBus = reuslt.result.exBusRequest.OBJ[j];
+                path.exBusList.push(exBus);
+                if (j == 2)
+                    break;
+            }
+            path.outBusList = new Array();
+            for (var j = 0; j < result.result.outBusRequest.count; j++) {
+                var outBus = new Object();
+                outBus = result.result.outBusRequest.OBJ[j];
+                path.outBusList.push(outBus);
+                if (j == 2)
+                    break;
+            }
+            return path;
+
+        }
+
+    } catch (e) {
+        console.error(e);
+    }
+};
+searchPubTransPath(126.999451,37.266670, 126.986990,37.541386,60,"00:10");
+module.exports = searchPubTransPath;
\ No newline at end of file