From 662ffa247bf8235fc1ad52313061f0b96e38eaca Mon Sep 17 00:00:00 2001
From: jeewonMoon <mjw9912@gmail.com>
Date: Mon, 29 Jul 2024 20:13:34 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20api=20=EB=AA=A8=EB=93=88=ED=99=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- axios를 설치했습니다.
- axios 인스턴스를 생성했습니다.
- authAPI는 로그인 구현과 함께 수정하겠습니다.
---
 src/apis/api/course.ts     | 10 ++++++++++
 src/apis/utils/instance.ts | 20 ++++++++++++++++++++
 src/pages/index/Home.tsx   |  2 +-
 src/styles/GlobalStyle.tsx |  2 +-
 tsconfig.app.json          | 15 ++++++++-------
 vite.config.ts             | 10 +++++++---
 6 files changed, 47 insertions(+), 12 deletions(-)
 create mode 100644 src/apis/api/course.ts
 create mode 100644 src/apis/utils/instance.ts

diff --git a/src/apis/api/course.ts b/src/apis/api/course.ts
new file mode 100644
index 0000000..cc2eb87
--- /dev/null
+++ b/src/apis/api/course.ts
@@ -0,0 +1,10 @@
+import {baseAPI} from '../utils/instance';
+
+export const getCourseList = async (body: object) => {
+  try {
+    const {data} = await baseAPI.get('/schedules/search', body);
+    return data;
+  } catch (error) {
+    console.log('get course list fail: ', error);
+  }
+};
diff --git a/src/apis/utils/instance.ts b/src/apis/utils/instance.ts
new file mode 100644
index 0000000..451ff9d
--- /dev/null
+++ b/src/apis/utils/instance.ts
@@ -0,0 +1,20 @@
+import axios from 'axios';
+
+const baseURL = import.meta.env.VITE_BASE_URL;
+
+export const baseAPI = axios.create({
+  baseURL: baseURL,
+  headers: {
+    'Content-Type': 'application/json',
+  },
+  withCredentials: true,
+});
+
+// 토큰 받아오는 작업 필요
+export const authAPI = axios.create({
+  baseURL: baseURL,
+  headers: {
+    // Authorization: `Bearer ${token}`,
+  },
+  withCredentials: true,
+});
diff --git a/src/pages/index/Home.tsx b/src/pages/index/Home.tsx
index 0ce6881..e56aa9c 100644
--- a/src/pages/index/Home.tsx
+++ b/src/pages/index/Home.tsx
@@ -31,7 +31,7 @@ const Box = styled.div`
 `;
 
 const Main = styled.div`
-  width: 100%;
+  width: calc(100% - 23rem);
 `;
 
 const Article = styled.div`
diff --git a/src/styles/GlobalStyle.tsx b/src/styles/GlobalStyle.tsx
index acb27b5..1ca4b7e 100644
--- a/src/styles/GlobalStyle.tsx
+++ b/src/styles/GlobalStyle.tsx
@@ -54,7 +54,7 @@ const GlobalStyle = createGlobalStyle`
     }
     thead {
         position: sticky;
-        top: 0;
+        top: -1px;
     }
 `;
 
diff --git a/tsconfig.app.json b/tsconfig.app.json
index 5fb7ab2..8eb668a 100644
--- a/tsconfig.app.json
+++ b/tsconfig.app.json
@@ -23,14 +23,15 @@
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-    "baseUrl": ".",
+    "baseUrl": "./src",
     "paths": {
-      "@components/*": ["src/components/*"],
-      "@pages/*": ["src/pages/*"],
-      "@assets/*": ["src/assets/*"],
-      "@store/*": ["src/store/*"],
-      "@plugins/*": ["src/plugins/*"],
-      "@/*": ["./src/*"]
+      "@/*": ["./*"],
+      "@components/*": ["components/*"],
+      "@pages/*": ["pages/*"],
+      "@assets/*": ["assets/*"],
+      "@store/*": ["store/*"],
+      "@plugins/*": ["plugins/*"],
+      "@apis/*": ["apis/*"]
     },
     "allowSyntheticDefaultImports": true
   },
diff --git a/vite.config.ts b/vite.config.ts
index 9dd4100..64fb0dc 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite';
+import {defineConfig} from 'vite';
 import react from '@vitejs/plugin-react';
-import { resolve } from 'node:path';
+import {resolve} from 'node:path';
 import svgr from 'vite-plugin-svgr';
 
 // https://vitejs.dev/config/
@@ -12,7 +12,7 @@ export default defineConfig({
   resolve: {
     alias: [
       {
-        find: '@src',
+        find: '@',
         replacement: resolve(__dirname, './src'),
       },
       {
@@ -35,6 +35,10 @@ export default defineConfig({
         find: '@plugins',
         replacement: resolve(__dirname, './src/plugins'),
       },
+      {
+        find: '@apis',
+        replacement: resolve(__dirname, './src/apis'),
+      },
     ],
   },
 });