add SPA

@@ -11,12 +11,15 @@ import Body from "./views/body/Body";
 import Footer from "./views/footer/Footer";
 import Footer from "./views/footer/Footer";
 
 
 const App = (pathname : string) : string => {
 const App = (pathname : string) : string => {
+    history.pushState('','', pathname);
+
     let contents : string = `
     let contents : string = `
         <div>
         <div>
             ${Header()}
             ${Header()}
             hello ${pathname}
             hello ${pathname}
             ${Body()}
             ${Body()}
             ${Footer()}
             ${Footer()}
+            <a href="/wonseog" id="nav-button" data-link>wonseok!!</a>
         </div>
         </div>
     `;
     `;
 
 

+export const BASE_URL = 'http://127.0.0.1:5000/';

@@ -3,11 +3,22 @@
  * @date : 2021/03/08
  * @date : 2021/03/08
  * @description : 현재 pathname을 파악 후 App으로 전달
  * @description : 현재 pathname을 파악 후 App으로 전달
 **/
 **/
-import App from "./App";
+import App from './App';
+import {BASE_URL} from './config/url';
 
 
 window.addEventListener('DOMContentLoaded', () => {
 window.addEventListener('DOMContentLoaded', () => {
     const $App = document.querySelector('#App');
     const $App = document.querySelector('#App');
-    let pathname = window.location.pathname.split('/')[1];
+    const pathname = window.location.pathname.split('/')[1];
+
+    document.body.addEventListener('click', (e) => {
+        const target = e.target as HTMLAnchorElement;
+        const href = target.href.split(BASE_URL)[1];
+
+        if(target.matches("[data-link]")){
+            e.preventDefault();
+            $App && ($App.innerHTML = App(href));
+        }
+    });
 
 
     $App && ($App.innerHTML = App(pathname));
     $App && ($App.innerHTML = App(pathname));
 })
 })
\ No newline at end of file

@@ -3,7 +3,7 @@ from selenium import webdriver
 from selenium.webdriver.common.keys import Keys
 from selenium.webdriver.common.keys import Keys
 from config.admin import ID, PW, LOCAL_PROJECT_PATH
 from config.admin import ID, PW, LOCAL_PROJECT_PATH
 from config.URLs import INSTAGRAM_URL
 from config.URLs import INSTAGRAM_URL
-from config.firebase import update_data
+# from config.firebase import update_data
 
 
 def check_people(driver, type):
 def check_people(driver, type):
     result = []
     result = []
@@ -43,7 +43,7 @@ def get_list(insta_id, driver):
     following_list = check_people(driver, "following")
     following_list = check_people(driver, "following")
 
 
     # update at firebase
     # update at firebase
-    update_data(insta_id, followers_list, following_list)
+    # update_data(insta_id, followers_list, following_list)
 
 
 
 
 def crawler_instagram(insta_id):
 def crawler_instagram(insta_id):

@@ -2,7 +2,11 @@ import os
 from flask import Flask, render_template, request, jsonify, send_from_directory
 from flask import Flask, render_template, request, jsonify, send_from_directory
 from crawler.crawler_instagram import crawler_instagram
 from crawler.crawler_instagram import crawler_instagram
 
 
-my_path = '/Users/choewonseog/Documents/check-your-instagram/app/public'
+# my_path = '/Users/choewonseog/Documents/check-your-instagram/app/public'
+# my_path = 'C:/Users/goesnow/Documents/study/check-your-instagram/app/public'
+
+root_dir = os.path.dirname(os.getcwd())
+my_path = os.path.join(root_dir, 'check-your-instagram', 'app', 'public')
 app = Flask(__name__, static_folder=os.path.abspath(my_path))
 app = Flask(__name__, static_folder=os.path.abspath(my_path))
 
 
 
 
@@ -28,8 +32,8 @@ def home(path):
         update(insta_id)
         update(insta_id)
     # elif path == '':
     # elif path == '':
     else:
     else:
-        root_dir = os.path.dirname(os.getcwd())
-        return send_from_directory(os.path.join(root_dir, 'check-your-instagram', 'app', 'public'), filename='index.html')
+        print()
+        return send_from_directory(my_path, filename='index.html')
 
 
 
 
 if __name__ == "__main__":
 if __name__ == "__main__":