Merge pull request #557 from Hongjw030/part3-홍재원-week19

[홍재원] week19

.github/workflows/delete-merged-branch-config.yml

@@ -0,0 +1,14 @@
+name: delete branch on close pr
+
+on:
+  pull_request:
+    types: [closed]
+
+jobs:
+  delete-branch:
+    runs-on: ubuntu-latest
+    steps:
+      - name: delete branch
+        uses: SvanBoxel/delete-merged-branch@main
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

next.config.js

@@ -11,6 +11,14 @@ const nextConfig = {
         protocol: "http",
         hostname: "localhost",
       },
+      {
+        protocol: "https",
+        hostname: "avatars.githubusercontent.com",
+      },
+      {
+        protocol: "https",
+        hostname: "ca.slack-edge.com",
+      },
     ],
   },
 };

package.json

@@ -9,11 +9,17 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.17.10",
+    "@tanstack/react-query-devtools": "^5.17.10",
     "axios": "^1.6.2",
     "next": "14.0.3",
     "react": "^18",
+    "react-cookie": "^7.0.1",
     "react-dom": "^18",
-    "sass": "^1.69.5"
+    "react-hook-form": "^7.49.3",
+    "react-hot-toast": "^2.4.1",
+    "sass": "^1.69.5",
+    "zustand": "^4.4.7"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",

src/api/axiosInstance.ts

@@ -0,0 +1,44 @@
+import axios from "axios";
+import { getCookie, setCookie } from "@/utils/manageCookie";
+import { getNewToken } from "./getAuthApi";
+
+export const axiosInstance = axios.create({
+  baseURL: "https://bootcamp-api.codeit.kr/api/linkbrary/v1/",
+  headers: {
+    "Content-Type": "application/json",
+    withCredentials: true,
+  },
+});
+
+axiosInstance.interceptors.request.use(
+  (config) => {
+    const accessToken = getCookie("accessToken");
+    config.headers["Authorization"] = `Bearer ${accessToken}`;
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  },
+);
+
+axios.interceptors.response.use(
+  (res) => res,
+  async (error) => {
+    const {
+      config,
+      response: { status },
+    } = error;
+
+    if (status === 401) {
+      const originRequest = config;
+      const { data } = await getNewToken();
+      if (data) {
+        setCookie("accessToken", data.accessToken);
+        setCookie("refreshToken", data.refreshToken);
+        originRequest.headers["Authorization"] = `Bearer ${data.accessToken}`;
+        return axios(originRequest);
+      }
+    }
+    return Promise.reject(error);
+  },
+);