Tìm hiểu dịch vụ đăng nhập Spring Boot + React.js (+ xã hội)

Name: Tìm hiểu dịch vụ đăng nhập Spring Boot + React.js (+ xã hội)
Price: 12100 KRW
Rating: 4.5 (11 reviews)

Khóa học 'Tìm hiểu dịch vụ đăng nhập (+mạng xã hội) với Spring Boot + React.js' là một khóa học được thiết kế để bạn có thể tự tay triển khai hệ thống đăng nhập thực tế, bao gồm xác thực dựa trên JWT và đăng nhập mạng xã hội (Kakao/Google), từ đó hiểu sâu sắc luồng xác thực của cả frontend và backend. Frontend được xây dựng trên React.js, còn backend dựa trên Spring Boot. Bạn sẽ từng bước học và thực hành các phương pháp được sử dụng trong môi trường dịch vụ thực tế, bao gồm phương pháp Access Token + Refresh Token, HttpOnly Cookie, quản lý trạng thái người dùng sử dụng Redux, xử lý quyền hạn dựa trên Role, và cả tích hợp đăng nhập mạng xã hội.

(4.5) 11 đánh giá

140 học viên

neneee

실습 중심

백엔드이해하기

리액트감잡기

로그인

소셜로그인

React

Node.js

REST API

Spring Boot

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Cấu hình Spring Security và triển khai đăng nhập JWT trong Spring Boot
Xử lý bất đồng bộ đăng nhập/đăng ký dùng Axios và Redux trong React
Cấu trúc Access Token + Refresh Token và triển khai logic tự động cấp lại
Duy trì đăng nhập (tự động đăng nhập) và cách khắc phục vấn đề đặt lại trạng thái Redux
Kiểm soát truy cập và bảo vệ trang theo quyền người dùng (Role)
Đăng nhập xã hội (Kakao/Google) tích hợp và mã ủy quyền → Luồng xử lý JWT
Cách lấy thông tin user từ Payload JWT, lưu Redux và sử dụng.
Bảo mật Refresh Token qua HttpOnly Cookie và Xử lý đăng xuất backend.

Triển khai dịch vụ đăng nhập (+mạng xã hội) thực tế với Spring Boot và React.js 🔐

Trong khóa học này, chúng ta sẽ triển khai hệ thống đăng nhập dựa trên JWT và đăng nhập mạng xã hội (Kakao, Google) bằng Spring Boot và React.js . Khóa học này tập trung vào việc học thực hành hơn là lý thuyết.
Chúng tôi thiết kế phần này để giúp bạn hiểu toàn bộ quy trình của hệ thống xác thực dựa trên mã thông báo thông qua thực hành thực tế, bằng cách xử lý trực tiếp cấu trúc xác thực/ủy quyền của giao diện người dùng và giao diện quản trị.

Cookie HttpOnly , Quản lý mã thông báo truy cập/làm mới , Bảo trì đăng nhập tự động , Kiểm soát truy cập dựa trên vai trò ,
Xử lý chuyển hướng đăng nhập mạng xã hội - Chúng tôi triển khai logic xác thực cần thiết cho các dịch vụ thực tế.
Ngay cả những nhà phát triển mới vào nghề cũng có thể học được cấu trúc cốt lõi của xác thực front-end và back-end .

🎯 Trong khóa học này, bạn sẽ học được:

Thiết kế và triển khai API đăng nhập/đăng ký dựa trên JWT bằng POSTMAN.
Xây dựng cấu trúc xác thực API bằng Spring Security
Quản lý trạng thái đăng nhập bằng Redux trong React.js
Luồng xác thực/ủy quyền sử dụng Mã thông báo truy cập + Mã thông báo làm mới
Logic xử lý tự động cấp lại (làm mới) khi mã thông báo hết hạn
Giữ trạng thái đăng nhập (đăng nhập tự động) và đăng xuất
Phân nhánh các trang quản trị viên/người dùng chung dựa trên vai trò của người dùng
Tích hợp đăng nhập mạng xã hội Kakao/Google và xử lý chuyển hướng
Tăng cường chiến lược bảo mật bằng cách sử dụng cookie HttpOnly

Bất kỳ ai muốn tạo cấu trúc đăng nhập JWT/đăng nhập mạng xã hội thực tế
Các nhà phát triển web muốn hiểu quy trình xác thực trong khi tự mình triển khai phần front-end và back-end.
Bất kỳ ai muốn trải nghiệm xác thực mã thông báo, đăng nhập tự động và phân nhánh quyền
Bất kỳ ai muốn tạo dịch vụ riêng của mình với chức năng đăng nhập riêng
Bất kỳ ai muốn thêm hệ thống đăng nhập an toàn vào danh mục đầu tư của mình

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

Người muốn triển khai cấu trúc xác thực full-stack từ đầu đến cuối dùng Spring Boot + React.js.
Lập trình viên web muốn nắm vững thực tiễn về xác thực JWT và cấu trúc token.
Người muốn trực tiếp áp dụng thử đăng nhập xã hội Kakao/Google vào dự án.
Những ai muốn tích hợp cấu trúc xác thực/phân quyền vượt khỏi dự án thử nghiệm vào dự án thực tế.
Web developer trình độ sơ cấp đến trung cấp muốn hiểu rõ luồng xác thực Front-end và Back-end.

Cần biết trước khi bắt đầu?

Java + Spring Boot Hiểu cấu trúc cơ bản
Cấu trúc Component cơ bản và Quản lý trạng thái trong React.js (useState, useEffect, v.v.)
Gọi API cơ bản với Axios
> Tuy nhiên, bài giảng tiến hành từng bước cẩn thận để người mới cũng theo được, những phần cần thiết giải thích cùng mã và luồng.

Xin chào
Đây là

480

Học viên

Đánh giá

Trả lời

4.6

Xếp hạng

Các khóa học

웹 개발을 하다가 게임 개발에 빠져 살고 있는 개발자 입니다!

항상 배우는 마음가짐으로!

Chương trình giảng dạy

Tất cả

31 bài giảng ∙ (4giờ 55phút)

Phần 1. Giới thiệu bài giảng và cấu hình môi trường phát triển

8 bài giảng ∙ (28phút)

Phần 2. Khảo sát đánh giá bài giảng

1 bài giảng

9. Liên kết khảo sát

Phần 3. Backend - Cấu hình Spring Boot và triển khai đăng nhập JWT

9 bài giảng ∙ (2giờ 2phút)

10. Tạo dự án Spring Boot (Gradle)
07:23
11. Cấu hình bảo mật cơ bản (Spring Security)
12:00
12. Đăng ký thành viên
23:25
13. Đăng nhập token đơn
14:40
14. Đăng nhập AccessToken, RefreshToken
21:54
15. Tạo lớp bộ lọc xác thực JWT
10:26
16. Xử lý ủy quyền dựa trên quyền hạn
16:44
17. Thiết lập cookie HTTP Only
13:23
18. giải quyết cors
02:37

Phần 4. Frontend - Thiết lập React và triển khai đăng nhập JWT

7 bài giảng ∙ (1giờ 24phút)

Phần 5. Triển khai đăng nhập xã hội (Google, Kakao)

6 bài giảng ∙ (1giờ 0phút)

Ngày đăng:

Cập nhật lần cuối:

Đánh giá

Tất cả

11 đánh giá

4.5

11 đánh giá

jovision003071
Đánh giá 5
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
jj33115
Đánh giá 4
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
mightytony
Đánh giá 1
∙
Đánh giá trung bình 4.0
4
74% đã tham gia
ソーシャルログイン部分の説明が不足しているようです
hwlee0214
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
32% đã tham gia
kjhpro1587719
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
32% đã tham gia

268.793 ₫

Khóa học khác của neneee

Hãy khám phá các khóa học khác của giảng viên!

Spring BootとReactで学ぶ超簡単REST API掲示板作り

neneee

Spring BootとReact.jsで超簡単掲示板を手軽に構築する実践講義！この講義は、理論は少なめに、実習に集中して素早く完成させるウェブアプリケーション開発過程を盛り込んでいます。

입문

Spring Boot, react.js, JPA

Spring BootとReactで学ぶ超簡単REST API掲示板作り

neneee

React.js + Node.js LoL戦績検索サイト作成

neneee

この講義はRiot Games APIを活用し、React.jsとNode.jsを用いた「リーグ・オブ・レジェンド戦績検索サイト」を実際に作ってみる実践中心の講義です。受講生は基本的なAPIの使い方から、フロントエンド(React.js)とバックエンド(Node.js, Express.js)の連携、戦績データの視覚化、そしてop.ggスタイルのUI実装まで、プロジェクトを段階的に追うことで実習を通じて自然に学ぶことができます。複雑な理論よりも、コードを中心に「実際に真似して作る」ことを通じて、迅速に成果物を体験できます。

입문

React, Node.js, api

React.js + Node.js LoL戦績検索サイト作成

neneee

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

React を学びながら作成する: 基本

jayjinjay

リアクトを最も簡単かつ迅速に学べるリアクト入門講義です。トイプロジェクトを作りながらコンセプトと実戦感覚を身につけ、配布まで3時間で完成するアルチャ講義！初級、中級、上級のシリーズの最初のレッスンです:)

초급

React, JavaScript

React を学びながら作成する: 基本

jayjinjay

やるこの最も簡単なリアクト(React)

yalco

説明隊長ヤルコーの濃密な講座で、最も簡単に、最も早くReactを学びましょう！

초급

JavaScript, React, Node.js

やるこの最も簡単なリアクト(React)

yalco

手につくNext.js - 移行

hajoeun

ReactからNext.js 14に移行し、ReactとNext.jsの違いを学びます。 Next.jsをより深く理解することができます！

초급

Next.js, React, vitejs

手につくNext.js - 移行

hajoeun

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

greencoding1234

聴いてみてください。講義力、引き込み力、講義の質が違います。

입문

HTML/CSS, JavaScript, JSP

これ一つで完結 - 32時間高品質Spring フルスタックウェブ開発

greencoding1234

Spring BootとReactで実装するセキュアなJWTログイン

oncoding

この講義は、最新のWebサービス環境で必須となるJWTベースのトークン認証とセキュリティ強化技法を実務中心で学習するコースです。Spring Boot 3とSpring Security 6、Reactを活用して安全なログインシステムを実装し、XSS・CSRF対応、HTTPS適用、トークン再発行及び廃棄戦略、秘密鍵安全管理などセキュリティ実務全般を扱います。また、AWSを通じたビルド・デプロイ、Redisを利用したパフォーマンス最適化など実際のサービスレベルの環境構成を実習し、講義で提供される完成プロジェクトソースコードはすぐに実務に適用できます。

중급이상

React, Java, AWS

Spring BootとReactで実装するセキュアなJWTログイン

oncoding

JavaとSpring Bootで生涯初のサーバー作り、誰でも簡単に開発から配布まで！【サーバー開発オールインワンパッケージ】

lannstark

JavaとSpring Boot、JPA、MySQL、AWSを使用してサーバーを開発してデプロイします。歴史と最新バージョンの変更点も見てみましょう。

초급

Java, Spring Boot, Spring

JavaとSpring Bootで生涯初のサーバー作り、誰でも簡単に開発から配布まで！【サーバー開発オールインワンパッケージ】

lannstark

[2弾] 隣の開発者と一緒に本当に理解しながら作ってみる初めてのSpring Bootプロジェクト

nextdoordeveloper

[Web開発が初めての人、集まれ！] JPAまでしっかり理解し、じっくりと簡単に作ってみる Spring Boot (スプリングブート) REST API

초급

Spring, Spring Boot, JPA

[2弾] 隣の開発者と一緒に本当に理解しながら作ってみる初めてのSpring Bootプロジェクト

nextdoordeveloper

RabbitMQ を使用した非同期アーキテクチャを一気に解決する

codevillain

大容量データを処理するための最も基本的な方法である非同期アーキテクチャを適用するためのRabbitMQ活用方法を、SpringBoot 3.3ベースで基礎から活用まで簡単に理解できるようにTutorial形式で習得します。各講義チャプター単位で学習資料（Notionリンク及びGit Branch URL）を提供します。必ず授業ノートを確認してください。

초급

Spring Boot, JPA, websocket

RabbitMQ を使用した非同期アーキテクチャを一気に解決する

codevillain

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

Neo

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

초급

JavaScript, React Native, Kotlin

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

Neo

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

ChatGPTをクローンコーディングしながら最初から最後まで直接実装してみるフルスタック実習講義です。 Spring Bootサーバーとreactフロントエンドまで！単純にコードを真似するだけの講義ではなく、実際のサービスデプロイを通じて完成度の高いAIチャットボットサービスを構築できるようにご案内します。

초급

JavaScript, React, Java

誰よりも早く挑戦するChatGPTクローンコーディング

Neo

[Season 2] Spring AI実戦：Multi AIエージェントシステム開発

bitcocom

Spring AI Router Pattern + RAG + MCPを活用した「インテリジェント協業」専門家エージェントチーム構築単一エージェントを超えてアーキテクチャへ：Routerパターンとエージェント分離(Isolation)設計の定石

초급

Spring Boot, RAG, AI Agent

[Season 2] Spring AI実戦：Multi AIエージェントシステム開発

bitcocom

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

Neo

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

초급

React, Kotlin, Spring Boot

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

Neo

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

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

입문

iOS, Kotlin, REST API

誰よりも早く学習する Springboot + iOS RestAPI 掲示板作成

Neo

[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

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

AIはもはや選択ではなく生存の問題です。 3日かかっていた開発を30分に短縮し、反復業務はAIに任せてあなたはより重要な問題解決に集中してください。理論ではなく実務ですぐに使えるAIネイティブ開発法で、会社で「AIが得意な開発者」として認められる確実な方法をお教えします。

초급

Spring Boot, Next.js, AI

The 10x AI-Native Developer: 会社でAIを使って圧倒的な成果を出す方法

dingcodingco

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

초급

React Native, React, ES6

iOS/Androidアプリ開発のための本番 React Native - Basic

Wintho

[Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

bitcocom

Spring AI + JPA + MySQLを活用した「自律行動型」プレミアム予約エージェントバックエンド開発チャットボットを超えてエージェントへ：Tool Callingとプロンプトエンジニアリングの定石

초급

Java, Spring Boot, backend

[Season 1] Spring AI 実戦：プレミアム予約AIエージェント開発

bitcocom

本当のjOOQ！ Type Safe SQL with Java

sdm32851630

jOOQでType SafeしたSQLの強力さを体験してください！

중급이상

Java, jooq, SQL

本当のjOOQ！ Type Safe SQL with Java

sdm32851630

Node.jsでWebをクロールする

zerocho

ネイバー、アマゾン、Twitter、YouTube、Facebook、Instagram、unsplash.comなどのサイトをクロールして本番に適用します。

중급이상

JavaScript, Node.js, Web Crawling

Node.jsでWebをクロールする

zerocho

Tìm hiểu dịch vụ đăng nhập Spring Boot + React.js (+ xã hội)

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Triển khai dịch vụ đăng nhập (+mạng xã hội) thực tế với Spring Boot và React.js 🔐

Tôi giới thiệu điều này cho những người này

Tìm hiểu về những điều này.

Những điều cần lưu ý trước khi tham gia khóa học

✅ Môi trường thực hành

Tài liệu học tập

Khuyến nghị cho
những người này

Xin chào
Đây là

Chương trình giảng dạy

Đánh giá

Khóa học khác của neneee

Khóa học tương tự

Tìm hiểu dịch vụ đăng nhập Spring Boot + React.js (+ xã hội)

Đánh giá từ những học viên đầu tiên

Bạn sẽ nhận được điều này sau khi học.

Triển khai dịch vụ đăng nhập (+mạng xã hội) thực tế với Spring Boot và React.js 🔐

Tôi giới thiệu điều này cho những người này

Tìm hiểu về những điều này.

Những điều cần lưu ý trước khi tham gia khóa học

✅ Môi trường thực hành

Tài liệu học tập

Khuyến nghị cho những người này

Xin chàoĐây là .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Chương trình giảng dạy

Đánh giá

Khóa học khác của neneee

Khóa học tương tự

Khuyến nghị cho
những người này

Xin chào
Đây là