From d665de5f3f03f55e332bea200376498c39491a2d Mon Sep 17 00:00:00 2001 From: sean Date: Mon, 1 Jul 2024 22:18:21 +0900 Subject: [PATCH 1/7] =?UTF-8?q?feat:=20kakaoLogin=20template=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/login/KakaoLogin.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/app/login/KakaoLogin.tsx diff --git a/src/app/login/KakaoLogin.tsx b/src/app/login/KakaoLogin.tsx new file mode 100644 index 00000000..6bed268f --- /dev/null +++ b/src/app/login/KakaoLogin.tsx @@ -0,0 +1,18 @@ +const Login = () => { + const REST_API_KEY: string = import.meta.env.REST_API_KEY; + const REDIRECT_URI: string = import.meta.env.REDIRECT_URI; + const link: string = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`; + + const loginHandler = () => { + window.location.href = link; + }; + + return ( +
+ +
+ ); +}; +export default Login; From 8c14a40b794fbd32f58a8b8a800be555ae54f0c1 Mon Sep 17 00:00:00 2001 From: sean Date: Mon, 1 Jul 2024 22:18:48 +0900 Subject: [PATCH 2/7] =?UTF-8?q?feat:=20kakao=20login=20Redirection=20?= =?UTF-8?q?=EB=A1=9C=EC=A7=81=20=EC=83=9D=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/login/KakaoLoginRedirection.tsx | 29 +++++++++++++++++++++++++ 1 file changed, 29 insertions(+) create mode 100644 src/app/login/KakaoLoginRedirection.tsx diff --git a/src/app/login/KakaoLoginRedirection.tsx b/src/app/login/KakaoLoginRedirection.tsx new file mode 100644 index 00000000..68c65247 --- /dev/null +++ b/src/app/login/KakaoLoginRedirection.tsx @@ -0,0 +1,29 @@ +import { useEffect } from "react"; +import { useNavigate } from "react-router-dom"; +import axios from "axios"; + +const KaKaoRedirection = () => { + const code = window.location.search; + const navigate = useNavigate(); + + useEffect(() => { + // // FIXME: 백엔드 API에 따라 주소 수정 필요 + axios + .post(`${import.meta.env.REACT_APP_URL}kakaoLogin${code}`) + .then((r) => { + console.log(r.data); + // FIXME: 받은걸 어디에 저장할지 논의 필요 (로그인 저장 방식에 따라 달리짐) + localStorage.setItem("name", r.data.user_name); + // FIXME: 완료 후 이동 + navigate("/test"); + }) + .catch((err) => { + console.log(err); + }); + }, []); + + // FIXME: 로그인 로딩 디자인 필요 및 이에 따른 코드 추가 개발 필요 + return
로그인 중입니다.
; +}; + +export default KaKaoRedirection; From 7c62d456ed5c5b6e2b2bb69c4864eeaa72775625 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 3 Jul 2024 11:28:38 +0900 Subject: [PATCH 3/7] chore: #1 modify kakao social key name --- src/app/login/KakaoLogin.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/login/KakaoLogin.tsx b/src/app/login/KakaoLogin.tsx index 6bed268f..b94efdc0 100644 --- a/src/app/login/KakaoLogin.tsx +++ b/src/app/login/KakaoLogin.tsx @@ -1,6 +1,6 @@ const Login = () => { - const REST_API_KEY: string = import.meta.env.REST_API_KEY; - const REDIRECT_URI: string = import.meta.env.REDIRECT_URI; + const REST_API_KEY: string = import.meta.env.VITE_REST_API_KEY; + const REDIRECT_URI: string = import.meta.env.VITE_REDIRECT_URI; const link: string = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`; const loginHandler = () => { From 5fe51e7ac7adaf9eedbe16ede15833cb1630d7b2 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 3 Jul 2024 11:31:40 +0900 Subject: [PATCH 4/7] chore: #1 modify backend url name --- src/app/login/KakaoLoginRedirection.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/login/KakaoLoginRedirection.tsx b/src/app/login/KakaoLoginRedirection.tsx index 68c65247..b41c82af 100644 --- a/src/app/login/KakaoLoginRedirection.tsx +++ b/src/app/login/KakaoLoginRedirection.tsx @@ -9,7 +9,7 @@ const KaKaoRedirection = () => { useEffect(() => { // // FIXME: 백엔드 API에 따라 주소 수정 필요 axios - .post(`${import.meta.env.REACT_APP_URL}kakaoLogin${code}`) + .post(`${import.meta.env.VITE_API_URL}kakaoLogin${code}`) .then((r) => { console.log(r.data); // FIXME: 받은걸 어디에 저장할지 논의 필요 (로그인 저장 방식에 따라 달리짐) From 5bd87fe3ac994c6657e379cb2bf8e896b75a27f3 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 3 Jul 2024 18:46:10 +0900 Subject: [PATCH 5/7] =?UTF-8?q?refactor:=20#1=20Axios=20=EC=9D=B8=ED=84=B0?= =?UTF-8?q?=EC=85=89=ED=84=B0=20=EC=A0=95=EC=9D=98=20=ED=99=9C=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/login/KakaoLoginRedirection.tsx | 17 +++++++++-------- 1 file changed, 9 insertions(+), 8 deletions(-) diff --git a/src/app/login/KakaoLoginRedirection.tsx b/src/app/login/KakaoLoginRedirection.tsx index b41c82af..faf48d02 100644 --- a/src/app/login/KakaoLoginRedirection.tsx +++ b/src/app/login/KakaoLoginRedirection.tsx @@ -1,20 +1,21 @@ import { useEffect } from "react"; import { useNavigate } from "react-router-dom"; -import axios from "axios"; +import { api } from "@/api"; + +type Response = {}; const KaKaoRedirection = () => { const code = window.location.search; const navigate = useNavigate(); useEffect(() => { - // // FIXME: 백엔드 API에 따라 주소 수정 필요 - axios - .post(`${import.meta.env.VITE_API_URL}kakaoLogin${code}`) - .then((r) => { - console.log(r.data); + // FIXME: 백엔드 API에 따라 주소 수정 필요 + api + .post(`kakaoLogin${code}`) + .then((r: Response) => { // FIXME: 받은걸 어디에 저장할지 논의 필요 (로그인 저장 방식에 따라 달리짐) - localStorage.setItem("name", r.data.user_name); - // FIXME: 완료 후 이동 + // => 로그인 성공 시 로직 추가 + // FIXME: 완료 후 이동 (프로세스에 따라 페이지 URL 변경) navigate("/test"); }) .catch((err) => { From d87b6ff9aed65fa8094d57efdba32fb7e5fd3e82 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 3 Jul 2024 18:46:56 +0900 Subject: [PATCH 6/7] =?UTF-8?q?chore:=20=EC=86=8C=EC=85=9C=20=EB=A1=9C?= =?UTF-8?q?=EA=B7=B8=EC=9D=B8=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=ED=83=80?= =?UTF-8?q?=EC=9E=85=EC=97=90=20=EB=8C=80=ED=95=9C=20=EC=A3=BC=EC=84=9D=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/login/KakaoLoginRedirection.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/app/login/KakaoLoginRedirection.tsx b/src/app/login/KakaoLoginRedirection.tsx index faf48d02..1db0c861 100644 --- a/src/app/login/KakaoLoginRedirection.tsx +++ b/src/app/login/KakaoLoginRedirection.tsx @@ -2,6 +2,7 @@ import { useEffect } from "react"; import { useNavigate } from "react-router-dom"; import { api } from "@/api"; +//FIXME: 응답 데이터 형식에 따라 수정 type Response = {}; const KaKaoRedirection = () => { From 88bb6dd4f32f48be9da74c5366f67f8c3a34af15 Mon Sep 17 00:00:00 2001 From: sean Date: Wed, 3 Jul 2024 18:51:13 +0900 Subject: [PATCH 7/7] =?UTF-8?q?chore:=20=EC=BD=94=EB=93=9C=20=EA=B0=84?= =?UTF-8?q?=EA=B2=B0=EC=84=B1=EC=9D=84=20=EC=9C=84=ED=95=9C=20type=20?= =?UTF-8?q?=EC=A0=9C=EA=B1=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/login/KakaoLogin.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/login/KakaoLogin.tsx b/src/app/login/KakaoLogin.tsx index b94efdc0..19ba178e 100644 --- a/src/app/login/KakaoLogin.tsx +++ b/src/app/login/KakaoLogin.tsx @@ -1,7 +1,7 @@ const Login = () => { const REST_API_KEY: string = import.meta.env.VITE_REST_API_KEY; const REDIRECT_URI: string = import.meta.env.VITE_REDIRECT_URI; - const link: string = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`; + const link = `https://kauth.kakao.com/oauth/authorize?client_id=${REST_API_KEY}&redirect_uri=${REDIRECT_URI}&response_type=code`; const loginHandler = () => { window.location.href = link;