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

[sinji2102]

📌 관련 이슈번호

• Closes #94

🎟️ PR 유형

어떤 변경 사항이 있나요?

• [x] 새 기능 추가
• [ ] 버그 수정
• [ ] 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[bot]]

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

[sonarcloud[bot]]

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