[250911 유진서] 카카오 로그인

[yxpjseo]

로그인 완료 화면

1. 코드 Summary

(어떤 기능을 구현했는지보다 코드를 작성할 때 어떤 점을 신경써서 구현했는지, 어떻게 구현했는지를 최대한 구체적으로 작성해주세요.)

Login.jsx

• window.location.origin을 사용하여 개발/배포 환경에 관계없이 동작하도록 구현
• redirectTo에 파라미터 next=/profile를 포함하여 로그인 후 목적지에 전달
• async/await 비동기 처리

AuthCallback.jsx

• OAuth 프로바이더에서 반환하는 에러를 먼저 확인하여 조기 실패 처리
• 다층적 세션 확인

• 1차: 즉시 세션 확인 시도
• 2차: URL에서 인증 토큰 존재 확인 후 지연된 세션 확인

• 타이밍 제어

• 즉시 리다이렉트하지 않고 1초 대기하여 사용자가 성공 메시지를 인지할 수 있도록 배려
• 세션 생성이 지연될 수 있는 상황을 고려한 2초 재시도 로직

• replace: true로 라우팅 히스토리 관리

2. Key Changes

(같은 과제를 다시 제출하는 경우에만 변경사항을 입력해주세요.)

3. Reference

(코드 작성하면서 참고한 블로그/문서 등을 참조해주세요! 링크와 함께 어떤 기능을 수행할 때 참조했는지 짧게 작성해주세요.)

4. Report

(노션에 작성한 스터디 회고 링크를 첨부해주세요.)