채널톡 아이콘

스프링 부트와 리액트로 구현하는 소셜 로그인과 보안 JWT 로그인

이 강의는 스프링 부트 3와 스프링 시큐리티 6, 리액트를 활용해 일반 로그인과 소셜 로그인, JWT 기반 토큰 인증을 체계적으로 학습하는 과정입니다. MPA와 SPA 환경 모두에서 OAuth2 소셜 로그인과 보안 강화된 JWT 인증 시스템을 구축하고, XSS·CSRF 대응, HTTPS 적용, 토큰 재발급 및 폐기 전략, 비밀키 안전 관리 등 보안 실무 전반을 다룹니다. AWS를 통한 빌드·배포, Redis를 이용한 성능 최적화까지 실제 서비스 수준의 환경 구성을 실습하며, 강의에서 제공되는 완성 프로젝트 소스코드를 통해 전체 로그인 흐름을 이해하고 바로 실무에 적용할 수 있습니다.

12명 이 수강하고 있어요.

난이도 중급이상

수강기한 무제한

소셜로그인
소셜로그인
jwt
jwt
SpringBoot
SpringBoot
보안
보안
react
react
소셜로그인
소셜로그인
jwt
jwt
SpringBoot
SpringBoot
보안
보안
react
react

수강 후 이런걸 얻을 수 있어요

  • 일반 로그인과 소셜 로그인이 통합된 인증 시스템 구현

  • Spring Boot 3와 Spring Security 6 기반의 안전한 인증 시스템 구축

  • 구글, 네이버, 카카오, 깃허브 소셜 로그인 연동

  • MPA와 SPA 환경에 맞는 인증 처리 방식 구현

  • XSS, CSRF 등 주요 웹 보안 공격 방어 기법 습득

  • Refresh Token 재발급 및 블랙리스트 기반 토큰 폐기 구현

  • HTTPS 적용, AWS 배포, Redis를 활용한 토큰 폐기 성능 최적화 실습

  • 실무에 바로 적용 가능한 풀스택 프로젝트 소스코드 확보

📢 강의 소개

빠르게 변화하는 웹 기술 환경 속에서, 실무에 바로 적용 가능한 로그인 시스템과 보안 기술을 배우고자 이 강의를 만들었습니다. 단순한 로그인 구현을 넘어, 일반 로그인과 소셜 로그인의 통합 구현부터 실제 서비스 수준의 보안 구조 설계까지 다루는 것이 목표입니다.

강의에서는 스프링 부트 3와 스프링 시큐리티 6, 리액트를 활용해 OAuth2 소셜 로그인과 JWT 기반 토큰 인증을 MPA와 SPA 환경 모두에서 구현합니다. HTTPS 적용, XSS·CSRF 방어, 토큰 재발급 및 폐기 전략 등 보안 핵심 개념을 실제 코드로 다루며, AWS 환경에서의 빌드·배포, AWS Secrets Manager를 통한 비밀키 관리, Redis를 이용한 인증 처리 성능 최적화까지 진행합니다.

수강을 마치면 소셜 로그인과 보안이 강화된 JWT 인증 시스템을 직접 개발하고, React 기반 SPA와 연동하여 실무 수준의 웹 서비스를 구축할 수 있습니다. 이를 통해 백엔드·프론트엔드·클라우드 환경을 아우르는 풀스택 보안 프로젝트 경험을 쌓고, 바로 실무나 포트폴리오에 활용 가능한 완성된 결과물을 얻을 수 있습니다.

✨ 강의 매력 포인트

  • 구글, 네이버, 카카오, 깃허브까지 4개의 소셜 로그인과 일반 로그인을 통합 구현합니다.

  • 단순 이론이 아닌 실제 서비스 수준의 JWT 인증 시스템을 직접 설계하고 구현합니다.

  • MPA(타임리프)와 SPA(리액트) 환경 모두에서 로그인 구현 방식을 비교 학습할 수 있습니다.

  • XSS, CSRF, HTTPS, 토큰 재발급·폐기 등 핵심 보안 기술을 실제 코드로 실습합니다.

  • JWT 토큰 저장 위치별 보안 이슈(localStorage, HttpOnly 쿠키 등)를 이해하고 안전하게 처리합니다.

  • Refresh Token 재발급 전략을 3가지 방식으로 직접 설계하고 구현합니다.

  • AWS 빌드·배포, Redis 성능 최적화까지 클라우드 환경을 직접 경험합니다.

  • Spring Boot 3, Spring Security 6, React, JPA, MySQL, Redis 등 최신 기술 스택을 활용합니다.

  • 강의 예제 소스코드를 실무 환경에 바로 적용할 수 있습니다.

📘 강의에서 배우는 내용

이 강의는 이론보다는 실습 중심으로 구성되어 있으며, 실무에서 바로 사용할 수 있는 인증 시스템 구현 능력을 키우는 데 중점을 둡니다.

1. 일반 로그인과 소셜 로그인 통합 구현

아이디/비밀번호 기반의 일반 로그인 기능을 구현하고, 구글, 네이버, 카카오, 깃허브 4종 소셜 로그인을 연동합니다. OAuth2 제공자 등록부터 통합 처리 로직 구조화까지 전 과정을 실습하며, 스프링 시큐리티 설정 및 인증 흐름 커스터마이징을 통해 하나의 인증 시스템으로 통합합니다.

2. MPA와 SPA 환경에서의 인증 처리

MPA(타임리프 기반) 웹 애플리케이션에서의 로그인 처리와 SPA(React 기반) 애플리케이션에서의 JWT 토큰 인증 방식을 각각 구현하며, 두 환경의 차이와 각각에 맞는 인증 처리 방식을 비교 학습합니다.

3. JWT 기반 인증과 보안 강화

JWT의 개념과 동작 원리를 이해하고, Bearer 인증과 쿠키 인증의 차이, 토큰의 서명과 검증 방식 등 보안 핵심 개념을 실습으로 익힙니다. XSS와 CSRF 공격을 직접 경험하고 방어 기법을 구현하며, 토큰 저장 위치별(localStorage, HttpOnly 쿠키, 메모리) 보안 차이를 분석합니다. Refresh Token 재발급 전략을 3가지 방식으로 설계·구현하고, 블랙리스트 기반 토큰 폐기 전략을 RDB와 Redis 두 가지 환경에서 구현합니다.

4. AWS 기반 실무 환경 구성 및 프로젝트 완성

AWS RDS, EC2, S3, CloudFront, Route 53, ELB를 활용해 백엔드와 프론트엔드를 분리한 배포 구조를 구축합니다. HTTPS를 양쪽 서버 모두에 적용하고, AWS Secrets Manager와 Parameter Store를 이용해 비밀키를 안전하게 관리하는 방법을 배웁니다. 최종적으로 React + Spring Boot + JWT 기반의 보안 강화형 풀스택 프로젝트를 완성합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 일반 로그인과 소셜 로그인을 통합 구현하고 싶은 웹 개발자

  • Spring Boot 3와 Spring Security 6를 실무에 적용하고 싶은 자바 개발자

  • JWT 인증 구조를 이해하고 React와 연동하고 싶은 프론트엔드 개발자

  • XSS, CSRF, HTTPS 등 웹 보안 기법을 실제 코드로 익히고 싶은 개발자

  • AWS 배포와 Redis를 활용한 인증 시스템 구성을 경험해보고 싶은 개발자

  • 보안 중심의 풀스택 프로젝트를 포트폴리오에 추가하고 싶은 취업 준비생

선수 지식,
필요할까요?

  • Java 기초 문법과 객체지향 프로그래밍 개념 이해

  • Spring Boot 기본 구조와 REST API 개발 경험

  • React의 컴포넌트 구조와 상태관리에 대한 기초 이해

  • HTTP 프로토콜과 요청/응답, 쿠키 등의 개념 이해

  • (선택 사항) JPA, 스프링 시큐리티, OAuth2, JWT에 대한 기본 개념

안녕하세요
온코딩입니다.

451

수강생

7

수강평

19

답변

4.7

강의 평점

4

강의

커리큘럼

전체

158개 ∙ (29시간 20분)

강의 게시일: 
마지막 업데이트일: 

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!

온코딩님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

얼리버드 할인 중

월 ₩154,805

5개월 할부 시

69%

₩121,000

₩774,024