본문 바로가기

wa_ter_ve

검색하기
wa_ter_ve
프로필사진 수win

  • 분류 전체보기 (50)
    • 자격증시험 (16)
      • 네트워크관리사 2급 (5)
      • 웹디자인기능사 (5)
      • 바리스타2급 (1)
      • 정보처리기사 (5)
    • 공부 (32)
      • 컴퓨터네트워크 (8)
      • 깃&깃허브 (3)
      • GDG (8)
      • UI,UX (1)
      • 디지털콘텐츠 (2)
      • 소프캡디 (9)
      • 면접 (1)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Tags
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록2025/05/18 (1)

wa_ter_ve

7. 소셜로그인 API 연동

📌 카카오 로그인 ✅ 로그인 흐름① 사용자가 '카카오 로그인' 버튼 클릭 ② 카카오 로그인 페이지로 이동 (인가 코드 받기)③ 카카오에서 redirect URI로 code 전달④ 프론트가 code를 받아서 → 백엔드로 전달 (API 호출)⑤ 백엔드가 토큰 요청 → 사용자 정보 받아서 회원가입 처리 📍 page > KakaoCallback.jsx 생성 KakaoCallback 함수 작성 {- 백엔드에 코드 전달- 토큰 저장- 로그인 성공 시, 메인페이지로 이동} 📍 App.jsx 라우터 수정} /> [Login 페이지] ↓ (handleKakaoLogin 실행)[Kakao 로그인 페이지로 이동] ↓ (로그인 후 Redirect)[http://localhost:5173/oauth/kaka..

공부/소프캡디 2025. 5. 18. 05:05
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바