우주의 기운을 받은 사과

Request URL: https://우리-도메인.com/login/oauth2/callback/kakao?code=KuIko702@@@@@@@@@@@@@@@@@@@@@@@@ Request Method: OPTIONS Status Code: 502 Referrer Policy: strict-origin-when-cross-origin 카카오 소셜 로그인을 진행하다가 502 에러를 만났다. 뭐 이리저리 꿍시렁 꿍시렁 하면서 오류 메세지가 나타났는데 strict-origin-when-cross-origin 이러길래 또 CORS 오류인가 싶었지만 내가 Redirect URI를 잘못 지정해 두고 사용하고 있어서 발생했다. 502 에러는 일반적으로 게이트웨이 오류를 나타내며, 서버가 클라이언트의 요청을 처리할 수..

카카오 소셜 로그인을 진행하면서 JWT를 다루게 되었습니다. Spring Security와 함께 JWT를 이용하다 보니 조금 복잡한 면도 있고, JWT 자체가 무엇이며, 왜 사용하는지에 대한 의문이 들었습니다. 그래서 JWT에 대해서 적어보려고 합니다. JWT란? JWT는 Json Web Token의 약자로, 일반적으로 클라이언트와 서버 사이에 통신할 때 권한 인증을 위해 사용하는 토큰입니다. JSON 형식의 토큰에 대한 표준 규격이며, 주로 사용자의 인증(authentication) 또는 인가(authorization) 정보를 서버와 클라이언트 간에 안전하게 주고받기 위해서 사용됩니다. JWT 토큰은 웹에서 보통 Authorization HTTP 헤더를 Bearer 으로 설정하여 클라이언트에서 서버로 ..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 3. 카카오 소셜 로그인 구현 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고 싶다면 👀 프론트 (React 엿보고 오기) 프론트..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 2. 카카오 소셜 로그인 구조 분석 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고 싶다면 👀 프론트 (React 엿보고 오기) ..

[SpringBoot + React] 카카오 소셜 로그인 REST API 방식 구현 - 1. 카카오 소셜 로그인 사전 준비사항 💡 목차 1. 카카오 소셜 로그인 사전 준비사항 2. 카카오 소셜 로그인 구조 분석 3. 구현 단계 글을 읽기 앞서 저는 React와 SpringBoot를 이용하여 카카오 소셜 로그인을 구현하는 과정을 담았습니다. SpringBoot에서만 카카오 소셜 로그인을 수행하는 과정을 필요로 하신다면 제 글을 읽으실 필요는 없습니다. 프론트와 서버와의 일렬의 동작 과정을 보시고자 하신다면 첫 글부터 하나하나 읽어 주시면 감사하겠습니다. ⚠️ 참고로 저는 백엔드 쪽 작업을 담당하고 있어 백엔드 위주의 설명을 진행할 예정입니다. 프론트의 설명을 보고싶다면 👀 프론트 (React 엿보고 오기)..