스프링 시큐리티(oauth2Login) + JWT + React

최근들어 스프링 시큐리티 oauth2Login, JWT, CORS 관련 질문들이 자주 보여서 개인적으로 정리도 하고... 간단한 예제를 만들어 보았습니다. 기본 구성은 3년 전쯤 올린 게시글 https://okky.kr/articles/941960 과 유사하지만 😆 프론트엔드와 백엔드를 분리하면서 발생하는 문제들을 어떻게 해결할 수 있는지에 초점을 맞추었습니다.

이 예제에서는 다음과 같은 정보들을 얻을 수 있습니다.

• 스프링 시큐리티의 CORS 설정

• JWT 토큰 생성과 검증(필터)

• 리액트 SPA와의 데이터 주고 받기(CORS 문제)

예제 환경은 다음과 같습니다. 스프링 부트가 아닌 스프링 프레임워크 기반으로 되어 있습니다.

JDK 17

Spring MVC 5.3.32

Spring Security 5.8.10

Tomcat 9.0.87

Gradle 8.6

IDE - STS 4.20.1

react 18.2.0

react-router-dom 6.21.0

상세내용은 깃허브를 참고해주세요.