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

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

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

43명 이 수강하고 있어요.

난이도 중급이상

수강기한 무제한

온코딩

소셜로그인

jwt

SpringBoot

보안

react

소셜로그인

jwt

SpringBoot

보안

react

SK그룹

임직원들도 이 강의를 듣고 있어요!

SK그룹

임직원들도 이 강의를 듣고 있어요!

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

일반 로그인과 소셜 로그인이 통합된 인증 시스템 구현
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에 대한 기본 개념

안녕하세요
입니다.

500

명

수강생

개

수강평

개

답변

4.5

점

강의 평점

개

강의

커리큘럼

전체

158개 ∙ (29시간 20분)

섹션 1. 소셜 로그인 강의 소개

2개 ∙ (9분)

1. 강의 소개하기
03:32
2. 수강 전 안내 사항
05:53

섹션 2. 소셜 로그인 개발 환경 준비

6개 ∙ (40분)

3. Java 설치
01:29
4. Spring Tools 설치
05:50
5. Lombok 설치
03:45
6. MySQL 설치
21:56
7. Visual Studio Code 설치
02:51
8. Node.js 설치
04:18

섹션 3. 멀티 페이지 애플리케이션(MPA) 프로젝트 생성 및 실행

2개 ∙ (6분)

9. 스프링 부트 프로젝트 생성
02:47
10. 일반 로그인 실행
04:10

섹션 4. MPA - 일반 로그인 코드

11개 ∙ (2시간 3분)

섹션 5. MPA - 일반 로그인 기능

9개 ∙ (55분)

섹션 6. MPA - 소셜 로그인

11개 ∙ (2시간 13분)

섹션 7. MPA - 일반 로그인 + 소셜 로그인

6개 ∙ (49분)

섹션 8. 싱글 페이지 애플리케이션(SPA) 프로젝트 생성 및 실행

3개 ∙ (8분)

섹션 9. SPA - 일반 로그인 백엔드 코드

8개 ∙ (2시간 19분)

섹션 10. SPA - 일반 로그인 프론트엔드 코드

10개 ∙ (44분)

섹션 11. SPA - 일반 로그인 기능

7개 ∙ (48분)

섹션 12. SPA - 소셜 로그인

14개 ∙ (2시간 5분)

섹션 13. 소셜 로그인 소스코드

1개 ∙ (6분)

섹션 14. 보안 JWT 로그인 강의 소개

2개 ∙ (10분)

섹션 15. 보안 JWT 로그인 개발 환경

8개 ∙ (46분)

섹션 16. JWT

3개 ∙ (44분)

섹션 17. JWT 보안

12개 ∙ (1시간 49분)

섹션 18. 애플리케이션 빌드 및 배포

9개 ∙ (1시간 53분)

섹션 19. HTTPS 필수 사용

3개 ∙ (25분)

섹션 20. 토큰 저장 위치 주의

10개 ∙ (2시간 57분)

섹션 21. 토큰 재발급(Refresh Token) 전략

5개 ∙ (3시간 17분)

섹션 22. 비밀 키의 안전한 관리

9개 ∙ (2시간 0분)

섹션 23. 토큰 폐기 전략 고려

5개 ∙ (1시간 46분)

섹션 24. 보안 JWT 로그인 마무리

2개 ∙ (17분)

강의 게시일:

마지막 업데이트일:

수강평

아직 충분한 평가를 받지 못한 강의입니다.

모두에게 도움이 되는 수강평의 주인공이 되어주세요!

온코딩님의 다른 강의

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

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

온코딩

스프링 부트와 리액트를 활용해 일반 로그인과 소셜 로그인을 통합 구현하는 방법을 배웁니다. MPA와 SPA 환경 모두에서 로그인 시스템을 구축하고, JWT와 OAuth2 인증을 실습합니다. 실무에 바로 적용 가능한 예제 프로젝트를 통해 전체 로그인 흐름을 이해하고 구현할 수 있습니다.

중급이상

Java, Spring Boot, JPA

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

온코딩

JPA를 활용한 데이터 모델링

온코딩

JPA 기술 설명보다 엔티티 설계를 통한 데이터 모델링에 집중하는 강의입니다. 탄탄한 DB 설계가 애플리케이션 개발의 기초임을 바탕으로, 일대다·다대다·상속·컬렉션 등 다양한 설계 패턴을 비즈니스 시나리오와 함께 분석하고, 코드가 실제 테이블로 변환되는 과정을 화면으로 직접 확인하며 배웁니다. 실전에서 바로 활용할 수 있도록 설계 패턴별 비즈니스 사례와 소스 코드, 테스트 코드를 함께 제공합니다.

중급이상

Java, MySQL, Spring Boot

JPA를 활용한 데이터 모델링

온코딩

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

온코딩

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

중급이상

React, Java, AWS

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

온코딩

비슷한 강의

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

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

온코딩

중급이상

Java, Spring Boot, JPA

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

온코딩

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

그린코딩

1인 IT 창업, 1인 사업가 모두 경험한 저자가 만든 솔직하고 담백하며 직관적이고 깊은 리액트+스프링부트 강좌 (도커, AWS, GITHUB-ACTIONS) 그냥 이거로 한 강좌로 통일 시켰습니다.

입문

React, AWS, Docker

이거 하나로 종결-고품질 리액트와 스프링부트 65시간 풀스택 개발 강의(도커, AWS, GITHUB-ACTIONS)

그린코딩

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

온코딩

중급이상

React, Java, AWS

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

온코딩

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

이 강의를 통해서 쇼핑몰 웹사이트를 처음부터 하나하나 만들어 보실 수 있습니다.

중급이상

React, Redux, Node.js

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

John Ahn

PZM기반 실무중심 백엔드 부트캠프(프리트레이닝)

박매일

여러 기관에서 시행하는 백엔드 부트캠프 과정을 하나의 커리큘럼으로 완성 하였습니다. 본 강의는 부트캠프 프리트레이닝(P) 강의입니다.누구나 들을 수 있으며 심화학습을 하고자 하는 분들은 부트캠프(ZM) 과정을 신청하여 주시기 바랍니다.

초급

Java, Spring, backend

PZM기반 실무중심 백엔드 부트캠프(프리트레이닝)

박매일

돌고래도 이해하는 스프링부트 3 + PostgreSQL 17

딱국

스프링 부트 3 + PostgreSQL 17 + JPA + MyBatis + Spring Security를 한 번에 정복할 수 있는 실전형 강의!

초급

Java, Spring Boot, JPA

돌고래도 이해하는 스프링부트 3 + PostgreSQL 17

딱국

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

AI는 이제 선택이 아닌 생존의 문제입니다. 3일 걸리던 개발을 30분으로 단축하고, 반복 업무는 AI에게 맡기고 당신은 더 중요한 문제 해결에 집중하세요. 이론이 아닌 실무에서 바로 써먹는 AI 네이티브 개발법으로, 회사에서 "AI 잘하는 개발자"로 인정받는 확실한 방법을 알려드립니다.

초급

Spring Boot, Next.js, 인공지능(AI)

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

딩코딩코

입문자를 위한 Spring Boot with Kotlin - 나만의 포트폴리오 사이트 만들기

정보근

이론부터 실습까지. 직접 개발한 웹사이트를 클라우드에 올리며 웹 개발 전반을 학습할 수 있습니다.

초급

Spring Boot, Kotlin, JPA

입문자를 위한 Spring Boot with Kotlin - 나만의 포트폴리오 사이트 만들기

정보근

합격생들이 증명하는 개발자 포트폴리오 작성법

문영란

신입/현직 개발자라면 가장 어려워하는 서류 작성! 합격생들의 서류 작성법을 보고 자신만의 포트폴리오를 만들어 보세요! 합격된 서류만을 보고 이야기합니다!

입문

JavaScript, Python, Java

합격생들이 증명하는 개발자 포트폴리오 작성법

문영란

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

도도(코딩루팡)

React, Next.JS 14, TailwindCss, RadixUI, Shadcn, zustand 으로 YoutubeMusic 웹사이트를 클론합니다. NextJS 기초부터 UI 중점으로 웹프론트 기초를 마스터 할 수 있어요.!

초급

Next.js, React, TailwindCSS

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

도도(코딩루팡)

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

React 프론트엔드와 SpringBoot 백엔드를 AWS 클라우드에 직접 배포하는 포트폴리오 중심 강의! 빠르게 자신의 포트폴리오에 프론트, 백앤드 프로젝트를 배포하고 싶은 분들에게 도움이 되는 강의입니다! 배포하는 데 필요한 지식들을, 서버 설정부터 Docker, Domain 연결, Nginx, HTTPS 적용까지 단계별로 단기간 실습할 수 있게 됩니다!

초급

React, Java, AWS

SpringBoot & React 포트폴리오 프로젝트: AWS 서비스로 실전 배포 입문

코딩도니

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

코드캠프

수백명의 개발자를 배출한 ‘진짜’ 부트캠프의 완벽한 프론트엔드 커리큘럼 입니다. 이 강의 하나로 여러분은 현업 주니어 개발자 수준까지 성장 가능하며, 프론트엔드 기술스택의 활용 능력과 지식을 얻게 될거에요. 누구나 사회적, 경제적, 교육적 배경에 상관없이 커리어를 쌓을 수 있도록, [코드캠프]가 준비했습니다 :)

입문

React, Next.js, GraphQL

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

코드캠프