[Feat/#94] 카카오 로그인 기능 구현

[sinji2102]

📌 관련 이슈번호

• Closes [ Feat ] 카카오 로그인 기능 구현 #94

🎟️ PR 유형

어떤 변경 사항이 있나요?

• 새 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 리팩토링

✅ Key Changes

카카오 로그인 관련 API를 받아 사용자가 로그인 시 필요한 정보를 서버에 POST 할 수 있도록 개발

📢 To Reviewers

slack에 .env 파일 올려뒀습니다!!!!!!!!!!!!!!!!!!!!!!

• KakaoLoginTest.tsx : 로그인 테스트 하는 페이지. 실제 사용 시 버튼 onClick에 requestKakaoLogin 옵션을 주면 됩니다!
• kakaoLogin.ts : 로그인 인가 코드를 요청하는 함수를 가진 util
• KakaoLogin.tsx : 로그인 인가 코드 받고 리다이렉트 되는 페이지 및 토큰/데이터 api 받아오는 페이지 -> 잠시 반짝하고 사라짐
• postKakaoToken : 토큰을 받기 위해 인가 코드를 POST하고 토큰을 받아오는 api
• getKakaoData : 사용자 데이터를 GET하는 api

사용 시

import { requestKakaoLogin } from "@utils/kakaoLogin"; import 후 onClick={requestKakaoLogin} 옵션을 주면 됩니다!

📸 스크린샷

로그인 과정 영상 확인

[github-actions]

PR 작성하느라 고생 많았어요!! 라벨 잘 지정되었는지 확인 한 번 해 주기 🫶

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[pepperdad]

LGTM

[ocahs9]

오 카카오 로그인 기능이네요!
당장 제가 구현하지 않았지만, 나중에 구현하게 될 일이 있다면 참고해도 될 정도인 것 같아요! 고생하셨습니다 👍