Feature/fe dockerfile

urmine-frontend/Dockerfile

@@ -4,6 +4,8 @@ WORKDIR /usr/src/app
 
 COPY . .
 
+RUN npm install
+
 RUN npm run build
 
 WORKDIR /usr/src/app/build

urmine-frontend/src/Routes/Pokedex.tsx

@@ -1,4 +1,7 @@
+import { useEffect } from "react";
+import { useNavigate } from "react-router-dom";
 import styled from "styled-components";
+import { getToken } from "../api/user";
 import PokeSeal from "../components/PokeSeal";
 import Search from "../components/Search";
 
@@ -278,7 +281,25 @@ const PokeContainer = styled.main`
   gap: 60px 0px;
 `;
 
+let code = new URL(window.location.href).searchParams.get("code");
+
 function Pokedex() {
+  const navigate = useNavigate();
+
+  async function kakaoLogin(code: string) {
+    const data = JSON.parse(await getToken(code));
+    if (data.status !== 500) {
+      localStorage.setItem("accessToken", data.accessToken);
+      navigate("/pokedex");
+    }
+  }
+
+  useEffect(() => {
+    if (code !== null) {
+      kakaoLogin(code);
+    }
+  }, []);
+
   return (
     <>
       <Search></Search>

urmine-frontend/src/api/user.ts

@@ -1,8 +1,13 @@
-const BASE_URL = "http://15.164.97.14:8080/api/user";
+const BASE_URL = "http://urmine.site:8080/api/user";
 
 export async function getKakaoLoginPage() {
-  const url = await (
-    await fetch("http://15.164.97.14:8080/api/user/kakao/page")
-  ).text();
+  const url = await (await fetch(`${BASE_URL}/kakao/page`)).text();
   return url;
 }
+
+export async function getToken(code: string) {
+  const token = await (
+    await fetch(`${BASE_URL}/kakao/login?code=${code}`)
+  ).text();
+  return token;
+}