[사이드프로젝트] 프론트엔드 애플리케이션에서 소셜 로그인 구현 시 도메인 간 쿠키 문제 해결 방안
·
개발 단계 (Development Stage)/개발 (Development)
안녕하세요, 오늘은 프론트엔드 애플리케이션에서 소셜 로그인을 구현하는 과정에서 마주한 도메인 간 쿠키 문제와 그 해결 방안에 대해 상세히 공유해 드리고자 합니다.문제 상황React 기반의 프론트엔드 애플리케이션에 소셜 로그인 기능을 구현하는 과정에서 다음과 같은 문제가 발생하였습니다.사용자가 소셜 로그인을 완료한 후에는 정상적으로 로그인 성공 메시지가 표시되고 홈 화면으로 리다이렉트 되었습니다.그러나 페이지를 새로고침하거나 다른 페이지로 이동할 경우, 로그인 상태가 유지되지 않아 사용자가 다시 로그인해야 하는 불편함이 있었습니다.브라우저의 개발자 도구 콘솔에서는 다음과 같은 오류 메시지가 확인되었습니다.This attempt to set a cookie via a Set-Cookie header was ..
[사이드프로젝트] React 앱에서 카카오 소셜 로그인 구현하기
·
개발 단계 (Development Stage)/개발 (Development)
안녕하세요! 오늘은 React 애플리케이션에서 카카오 소셜 로그인을 구현하는 방법에 대해 공유하려고 합니다. 프로젝트에서 카카오 로그인을 적용하면서 경험한 내용을 바탕으로 작성했습니다.목차준비 사항카카오 개발자 계정 및 앱 설정프로젝트에 카카오 SDK 추가하기카카오 로그인 버튼 컴포넌트 구현인증 코드 처리를 위한 콜백 페이지 구현라우팅 설정백엔드 연동발생 가능한 문제 및 해결 방법마치며1. 준비 사항카카오 소셜 로그인을 구현하기 위해 다음과 같은 기술 스택을 사용했습니다.ReactTypeScriptViteReact RouterAxios2. 카카오 개발자 계정 및 앱 설정먼저, 카카오 개발자 사이트에 접속하여 계정을 생성하고 앱을 등록합니다.앱 등록 및 설정 단계: 카카오 개발자 사이트에 로그인하고 "내 ..
vanillinav
'간편로그인' 태그의 글 목록