Merge pull request #27 from ThisIsComedy/feat/#26

로그아웃 기능 구현

src/apis/index.ts

@@ -12,3 +12,12 @@ export const register = async (body: {email: string, name: string, smokePerDay:
     const { data } = await instance.put("/api/auth/register", body);
     return data;
 }
+
+export const logout = async () => {
+    const { data } = await instance.delete("/api/auth/logout", {
+        headers: {
+            Authorization: localStorage.getItem("accessToken"),
+        }
+    });
+    return data;
+}

src/components/Register/index.tsx

@@ -9,8 +9,8 @@ import {register} from "../../apis";
 import {Link} from "react-router-dom";
 import {isNameValid, isNumber} from "../../pages/register/validate";
 import {useRecoilState} from "recoil";
-import {UserAdditionalInfo} from "../../apis/recoil/type";
-import {registerState} from "../../apis/recoil/state";
+import {UserAdditionalInfo} from "../../pages/register/store/type";
+import {registerState} from "../../pages/register/store/state";
 
 interface EntryFieldType {
     id: Step;
@@ -89,6 +89,7 @@ const RegisterPage = (props: {step: Step, setStep: Dispatch<React.SetStateAction
             });
 
             localStorage.removeItem("email");
+            localStorage.removeItem("isRegister");
 
             localStorage.setItem("accessToken", data.accessToken);
             localStorage.setItem("refreshToken", data.refreshToken);

src/pages/Profile/Profile.tsx

@@ -7,16 +7,29 @@ import Layout from "../../layout/Layout";
 import Screen from "../../layout/Screen/Screen";
 import Footer from "../../components/Footer/Footer";
 import Badge from "../../components/Badge/Badge";
+import { logout } from "../../apis";
 
 
 const Profile = () => {
+
+	const onLogout = async () => {
+		logout();
+
+		localStorage.removeItem("accessToken");
+		localStorage.removeItem("refreshToken");
+
+		alert("로그아웃 되었습니다.");
+
+		window.location.href = "/";
+	};
+
 	return (
 		<Layout>
 			<Screen bgcolor={color.gray100}>
 				<Section>
 					<Header>
 						<Title>프로필</Title>
-						<LogoutButton>로그아웃</LogoutButton>
+						<LogoutButton onClick={onLogout}>로그아웃</LogoutButton>
 					</Header>
 					<ProfileBoxContainer>
 						<ProfileGroup>