🚨OAuth2 인증 방식(프론트 팀원 필독)

[chltmdgh522]

🔐 카카오 OAuth 로그인 프로세스

📝 로그인 흐름

단계	설명
1️⃣	사용자가 프론트엔드에서 "카카오 로그인" 버튼 클릭
2️⃣	프론트엔드가 백엔드 API(/api/oauth2/login?type=MEMBER or /api/oauth2/login?type=TRAINER)를 호출하여 카카오 로그인 URL 요청
3️⃣	백엔드가 카카오 로그인 URL 생성 시 리다이렉트 주소를 프론트엔드 경로(yourapp://oauth2)로 설정하여 반환
4️⃣	프론트엔드가 사용자를 카카오 로그인 페이지로 리다이렉트
5️⃣	사용자가 카카오 로그인 완료
6️⃣	카카오가 사용자를 프론트엔드의 yourapp://oauth2 경로로 리다이렉트(인증 코드 및 state 포함)
7️⃣	프론트엔드의 /oauth2 컴포넌트가 URL에서 인증 코드 추출
8️⃣	프론트엔드가 추출한 코드를 백엔드 API로 전송 /api/oauth2/callback/?code=rmcitktEYEkbJa-AM7c_iip6YHz0KBd9dp79qowXV8R15QGG1aUFaAAAAAQKFwHPAAABlgEHCjqIenTzhLqDRQ&state=MEMBER
9️⃣	백엔드가 코드로 카카오 API에 토큰 요청 및 사용자 정보 조회
🔟	백엔드가 자체 액세스 토큰 및 리프레시 토큰 생성하여 response에 저장
1️⃣1️⃣	프론트엔드는 response에서 액세스 토큰만 받아서 저장