Feat: loading svg 추가

index.html

@@ -114,7 +114,7 @@ <h1 class="header-main__company-name">마켓로그</h1>
     <!-- 메인페이지 라우터 -->
     <main class="app"></main>
     <div class="loadingGif">
-      <img src="public/loading.svg" alt="로딩.." id="img-loadingGIF" />
+      <img src="public/spinner.svg" alt="로딩.." id="img-loadingGIF" />
     </div>
     <!-- 메인페이지 끝 -->
 

src/js/main.js

@@ -1,4 +1,5 @@
 import Navigo from 'navigo';
+import { $ } from './utils/dom.js';
 import { htmlMypage_Nav, renderMyPageNav } from './page/mypage.js';
 import { htmlMypage_Account, initFuncAccount } from './page/mypage/account';
 // import { htmlMypage_MyHeart, initFuncMyHeart } from './page/mypage/wishlist';
@@ -38,9 +39,8 @@ import {
   orderDetailPage,
 } from './page/admin/renderTemplate';
 
-const $ = (selector) => document.querySelector(selector);
 export const router = new Navigo('/');
-const divLoadingEl = $('.loadingGif');
+export const divLoadingEl = $('.loadingGif');
 
 function getLoginStatus() {
   return localStorage.getItem('token') ? true : false;

src/js/page/admin/dashboard.js

@@ -5,9 +5,12 @@ import {
 import { getAllOrder, getAllProducts } from '../../api.js';
 import { formatPrice } from '../../utils/format.js';
 import Chart from 'chart.js/auto';
+import { divLoadingEl } from '../../main.js';
 
 /** 대시보드 페이지 핸들러 */
 export const dashboardHandler = async () => {
+  divLoadingEl.style.display = 'block';
+
   let orders = await getAllOrder();
   let products = await getAllProducts();
 
@@ -16,6 +19,7 @@ export const dashboardHandler = async () => {
   renderDashboardChart();
   setDashBoardChartCategory(products);
   setDashBoardChartAmount(orders);
+  divLoadingEl.style.display = 'none';
 };
 
 /** 거래 카테고리 통계 chart 생성 */

src/js/page/mainPage/mainPage.js

@@ -124,6 +124,5 @@ $('.app').addEventListener('click', (e) => {
 /** router on '/' 핸들링 함수 */
 export const handleMainPage = () => {
   $('.modal__addCart').style.display = 'none';
-  console.log('/ route is working');
   renderPage(renderMainPageTemplate);
 };