NEW

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

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

26명 이 수강하고 있어요.

온코딩

react

React Java AWS Spring Boot Spring Security

이런 걸 배울 수 있어요

JWT 기반 로그인 기능을 직접 설계하고 구현하기
Spring Boot 3와 Spring Security 6를 활용해 안전한 인증 시스템 구축하기
React로 싱글 페이지 애플리케이션(SPA) 개발 및 JWT 인증 연동하기
HTTPS 적용 및 AWS에 애플리케이션 빌드·배포 실습하기
XSS, CSRF 등 주요 웹 보안 공격에 대한 방어 기법 익히기
Refresh Token을 이용한 토큰 재발급 및 블랙리스트 기반 토큰 폐기 구현하기
AWS Secrets Manager와 Parameter Store를 이용한 비밀키 안전 관리 실습하기
Redis를 활용해 인증 시스템의 속도와 효율성 높이기
JPA와 MySQL을 이용한 사용자 인증 데이터베이스 구축하기
실무 수준의 보안 강화형 풀스택 프로젝트 완성 및 AWS에 직접 배포하기

이 강의는 최신 웹 서비스 환경에서 필수적인 JWT 기반 토큰 인증과 보안 기술을 실무 중심으로 배우는 과정입니다. 단순한 로그인 구현을 넘어, 실제 서비스 수준의 보안 구조를 직접 설계하고 구축하며, 스프링 부트 3와 스프링 시큐리티 6, 리액트 등 최신 기술 스택을 활용해 안전하고 효율적인 인증 시스템을 완성합니다.

강의에서는 HTTPS 적용, XSS·CSRF 방어, 토큰 재발급 및 폐기 전략 등 보안 핵심 개념을 실제 코드로 구현하며, AWS 환경에서 애플리케이션 빌드와 배포까지 진행합니다. 또한 AWS Secrets Manager와 Parameter Store를 통해 비밀키를 안전하게 관리하고, Redis를 이용해 인증 처리 속도를 높이는 방법을 배웁니다.

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

단순 이론이 아닌 실제 서비스 수준의 JWT 인증 시스템을 직접 구현합니다.
XSS, CSRF, HTTPS, 토큰 재발급·폐기 등 핵심 보안 기술을 실습합니다.
AWS에서 애플리케이션을 빌드하고 배포하며 클라우드 환경을 직접 경험합니다.
Spring Boot 3, Spring Security 6, React, JPA, MySQL, Redis 등 최신 기술 스택을 활용합니다.
백엔드와 프론트엔드를 연동한 보안 강화형 풀스택 프로젝트를 완성합니다.
JWT 토큰 저장 위치별 보안 이슈(localStorage, HttpOnly 쿠키 등)를 이해하고 안전하게 처리합니다.
Redis를 이용해 인증 시스템의 속도와 효율성을 최적화합니다.
Refresh Token 재발급 전략을 3가지 방식으로 직접 설계하고 구현합니다.
React 기반 싱글 페이지 애플리케이션(SPA)에서 JWT 인증을 연동합니다.
강의 예제 소스코드를 실무 환경에 바로 적용할 수 있습니다.
보안, 개발, 클라우드를 모두 아우르는 종합적인 학습 경험을 제공합니다.

JWT를 사용할 때 반드시 알아야 할 보안 수칙과 실전 대응법을 다룹니다.
XSS(교차 사이트 스크립팅)와 CSRF(사이트 간 요청 위조) 공격을 실습을 통해 경험하고, 각 공격에 대한 방어 기법을 직접 구현합니다.
또한 토큰 저장 위치별(localStorage, HttpOnly 쿠키, 메모리) 보안 차이를 분석하고, Refresh Token을 이용한 재발급 전략을 3가지 방식으로 설계·구현합니다.
추가로, 토큰 폐기 전략(블랙리스트 방식) 을 학습하며, RDB와 Redis 두 가지 환경에서 실제 구현을 진행합니다.

이 강의에서는 실제 서비스 수준의 배포 과정을 다룹니다.
AWS RDS, EC2, S3, CloudFront, Route 53, ELB를 활용해 백엔드와 프론트엔드를 완전히 분리한 배포 구조를 구축합니다.
HTTPS를 백엔드와 프론트엔드 서버 모두에 적용하여 실전 보안 인증서 설정법을 익히고,
AWS Secrets Manager와 Parameter Store를 이용해 비밀 키를 안전하게 관리하는 방법을 배웁니다.
마지막으로 Redis를 활용해 시스템 성능을 향상시키고, 실습 결과물로 React + Spring Boot + JWT 기반의 보안 강화형 풀스택 프로젝트를 완성합니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

보안이 강화된 로그인 기능을 직접 구현해보고 싶은 백엔드 개발자
Spring Boot와 Spring Security를 최신 버전으로 실무에 적용하고 싶은 자바 웹 개발자
JWT 인증 구조를 이해하고 React와 연동하는 방법을 배우고 싶은 프론트엔드 개발자
HTTPS, XSS, CSRF 등 웹 보안 기법을 실제 코드로 익히고 싶은 보안에 관심 있는 개발자
AWS 환경에서 애플리케이션을 빌드하고 배포까지 경험해보고 싶은 클라우드 입문자
Redis, JPA, MySQL을 활용한 고성능 인증 시스템 설계를 배우고 싶은 풀스택 개발 지향 학습자
보안 중심의 프로젝트를 완성해 포트폴리오에 추가하고 싶은 취업 준비생 및 실무 초보 개발자

선수 지식,
필요할까요?

Java 기초 문법과 객체지향 프로그래밍(OOP) 개념 이해
Spring Boot 기본 구조와 REST API 개발 경험
HTML, CSS, JavaScript 등 웹 프론트엔드 기본 지식
React의 컴포넌트 구조와 상태관리(useState, useEffect 등)에 대한 기초 이해
HTTP 프로토콜과 요청/응답, 헤더, 쿠키 등의 개념 이해
(선택 사항) AWS EC2, S3, RDS 등 클라우드 서비스에 대한 기본 개념

안녕하세요
입니다.

255

명

수강생

개

수강평

개

답변

5.0

점

강의 평점

개

강의

커리큘럼

전체

68개 ∙ (16시간 8분)

섹션 1. 강의 소개

2개 ∙ (10분)

1. 강의 소개하기
04:18
2. 수강 전 안내 사항
06:00

섹션 2. 개발환경

8개 ∙ (46분)

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
9. 스프링 부트 프로젝트 생성
02:47
10. 리액트 프로젝트 생성
03:30

섹션 3. JWT

3개 ∙ (44분)

11. JWT 개요
18:43
12. 토큰 인증 방식과 세션 인증 방식
12:30
13. Bearer 인증 vs Cookie 인증
12:55

섹션 4. JWT 보안

12개 ∙ (1시간 49분)

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

9개 ∙ (1시간 53분)

섹션 6. HTTPS 필수 사용

3개 ∙ (25분)

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

10개 ∙ (2시간 57분)

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

5개 ∙ (3시간 17분)

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

9개 ∙ (2시간 0분)

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

5개 ∙ (1시간 46분)

섹션 11. 마무리

2개 ∙ (17분)

강의 게시일:

마지막 업데이트일:

수강평

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

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

얼리버드 할인 중

₩3,858

59%

₩77,000

온코딩님의 다른 강의

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

Spring BootとReactで実装するソーシャルログイン

oncoding

スプリングブートとReactを活用し、通常ログインとソーシャルログインを統合実装する方法を学びます。 MPAとSPA環境の両方でログインシステムを構築し、JWTとOAuth2認証を実習します。実務にすぐに適用可能なサンプルプロジェクトを通じて、全体のログインフローを理解し実装することができます。

중급이상

Java, Spring Boot, JPA

Spring BootとReactで実装するソーシャルログイン

oncoding

비슷한 강의

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

カカオ、Google SNSログイン（springboot3, vue3）

bradkim

SpringBootを活用して、カカオ、Googleログインを実装します。JWTトークンベースのログインが実装されます。Vue3を通じて簡単な画面を構成します。

초급

OAuth, oauth2, JWT

カカオ、Google SNSログイン（springboot3, vue3）

bradkim

Spring BootとReactで実装するソーシャルログイン

oncoding

중급이상

Java, Spring Boot, JPA

Spring BootとReactで実装するソーシャルログイン

oncoding

誰よりも早く学ぶSpringboot + NextJS RestAPI掲示板作り

Neo

誰よりも早く学ぶSpringboot + NextJS RestAPI掲示板作り SpringbootでCRUDサーバーを開発し、NextJSで自分だけの掲示板を作ってみましょう！

입문

Kotlin, Spring Boot, Next.js

誰よりも早く学ぶSpringboot + NextJS RestAPI掲示板作り

Neo

コードで学ぶReact 19 withスプリングブートAPIサーバー

zk202308a5410

Spring Boot (Spring Boot ver3.4.x) で制作されるAPIサーバーと React 19 (with TypeScript) 連携プロジェクトを完成させる！ポートフォリオ作成ブートキャンプ過程全体を講義として制作

중급이상

React, TypeScript, Spring Boot

コードで学ぶReact 19 withスプリングブートAPIサーバー

zk202308a5410

Java、アプリケーションをテストするさまざまな方法

whiteship

Javaプログラミング言語を使用している、または勉強している学生や開発者であれば、必ず知っておくべきアプリケーションをテストするさまざまな方法を学びます。

초급

Java, JUnit, Testcontainers

Java、アプリケーションをテストするさまざまな方法

whiteship

Spring Boot Web開発入門 - フォローして学習

itpaul

ついて作ってみるといつのまにか分かる、スプリングブートを利用したJava Web開発！

초급

Spring Boot, Spring, MVC

Spring Boot Web開発入門 - フォローして学習

itpaul

真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOP

stgray220932

スプリングフレームワークの核心を掘り下げる講義で、DIやAOPをはじめとするスプリングの中心概念をマスターすることになります。環境設定からユニットテスト、ロギング、メイブンの使い方まで、Springプロジェクトの基礎をしっかりと固めることができます。

초급

Spring, Spring Boot, dependency-injection

真〜簡単スプリングパート1.スプリングフレームワークの理解とDI、AOP

stgray220932

React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

captain

実務で最も多く使用されている React フレームワークを、簡単に、素早く、楽しく学んでみましょう。タスク管理アプリを作成しながら、React の動作原理、コンポーネントの設計、リファクタリングの方法を学びます。

초급

React, JavaScript, Refactoring

React を作成しながら学ぶ: コンポーネントの設計とリファクタリング

captain

プロジェクトで学ぶReact.js

kossiecoder

ブログプロジェクトを通じてリアクトの基礎を学ぶことができます

초급

React, Redux, ES6

プロジェクトで学ぶReact.js

kossiecoder

Next.jsを深掘り：「使える開発者」から「理解して使う開発者」へ

Boaz

一緒にソースコードを紐解きながら技術面接から実務設計まで、AI時代に必要な深い理解と自分なりの視点を身につけられるようにお手伝いします。Next.jsを単に"使ったことがある"開発者から、なぜそう使うのかを"理解する"専門家へと成長しましょう。

중급이상

Next.js, React, TypeScript

Next.jsを深掘り：「使える開発者」から「理解して使う開発者」へ

Boaz

Java 9からJava 21まで

lannstark

Java 9からJava 21までの主要なアップデート内容を詳細に説明します。 Java 31までの最新バージョンが出てくると、常に更新されます。

초급

Java

Java 9からJava 21まで

lannstark

中級、活用編 #1 DevOps : Infrastructure as Code with AWS and テラフォーム

jupitersong477736

この講義はDevOpsの基本理論とともに、DevOpsの基本の一つであるInfrastructure as Code(IaC)について学ぶことができる講義です。本講義を通じてITベースのサービスをDevOpsの観点から正しく理解し、サービス運用のためにコードでインフラを定義する練習をすることができます。講義を終えると、サービス運用のために基本的に必要なAWSリソースをTerraformというツールを通じて手軽に作成・管理することができます。 AWSは必ずコードとして管理しなければならないため、AWSの基礎学習のためにも該当講義は必須です。

중급이상

AWS, Terraform, devops

中級、活用編 #1 DevOps : Infrastructure as Code with AWS and テラフォーム

jupitersong477736

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法

Burger

サンプルEコマースサービスをAWSにデプロイし、継続的に堅牢かつ効率的な環境へと改善していく過程を迅速に体験していただけます。

초급

AWS, Docker, MSA

AWSで簡単かつ迅速に、しかも非常に堅牢なサーバー環境を構築する方法

Burger

[C#とUnityで作るMMORPGゲーム開発シリーズ] 番外編: AWSで始まるサーバー運営

Rookiss

厳しいサーバーを開発環境でのみ腐敗させることはできません。本講義はAWSを利用して外部からも接続できるようにサーバーを操作する方法を学びます。

초급

AWS, Linux

[C#とUnityで作るMMORPGゲーム開発シリーズ] 番外編: AWSで始まるサーバー運営

Rookiss

これ一つで完結-Spring基盤フルスタックウェブ開発無料講義

greencoding1234

充実の40時間 SpringベースフルスタックWeb開発全面無料講座

입문

HTML/CSS, JavaScript, JSP

これ一つで完結-Spring基盤フルスタックウェブ開発無料講義

greencoding1234

基礎タンタン！ひどく起動するJava - Part 2: OOPとJVM

nullnull8537

ちょうど2つを＆＃x27;正しく＆＃x27;扱います。まさにオブジェクト指向プログラミングとJVM！そこに連結リストベースの線形データ構造もおまけにさせていただきます。

초급

Java, oop, jvm

基礎タンタン！ひどく起動するJava - Part 2: OOPとJVM

nullnull8537

1日で学ぶAWS OpenSearch

yangdongjun

AWS サービスに OpenSearch と ElasticSearch を導入したい方には、AWS OpenSearch ソフトウェアを中心とした迅速な成果をご紹介します。

초급

AWS, amazon-opensearch, amazon-cloudsearch

1日で学ぶAWS OpenSearch

yangdongjun

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

초급

React, Electron, GUI

[JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

dakgangjung123

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10分で바이브코딩で作れる単純なサービスはもう捨てましょう！ '本当の'実務適用바이브코딩を学ぶことができます。企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作ってみましょう。 No Code, Only Prompt

중급이상

React, Next.js, cursor

[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)

codecamp

10万トラフィックサービス運用に適用したMySQLの運用と移行

July

MySQLを活用した移行と直接DB Serverを運営する上でのSecurityの両方をお知らせします。

초급

MySQL, ec2, AWS

10万トラフィックサービス運用に適用したMySQLの運用と移行

July

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

이런 걸 배울 수 있어요

📢 강의 소개

✨ 강의 매력 포인트

📘 강의에서 배우는 내용

1. JWT 기반 인증과 보안 기초

2. 실전 보안 강화 및 토큰 관리 전략

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

이런 분들께
추천드려요

안녕하세요
입니다.

커리큘럼

수강평

온코딩님의 다른 강의

비슷한 강의

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

이런 걸 배울 수 있어요

📢 강의 소개

✨ 강의 매력 포인트

📘 강의에서 배우는 내용

1. JWT 기반 인증과 보안 기초

2. 실전 보안 강화 및 토큰 관리 전략

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

이런 분들께 추천드려요

안녕하세요 .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}입니다.

커리큘럼

수강평

온코딩님의 다른 강의

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.