Đăng nhập SNS Kakao, Google (springboot3, vue3)

Name: Đăng nhập SNS Kakao, Google (springboot3, vue3)
Price: 55000 KRW

Sử dụng Spring Boot để triển khai đăng nhập Kakao, Google. Đăng nhập dựa trên JWT token được triển khai. Cấu hình màn hình đơn giản thông qua Vue3.

(4.9) 25 đánh giá

188 học viên

bradkim

로그인처리

OAuth

oauth2

JWT

Spring Boot

Vue.js

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

Dịch cái này sang tiếng Việt

Triển khai đăng nhập dựa trên jwt token với springboot 3.x
Đăng ký và đăng nhập dựa trên OAuth
Triển khai đăng nhập Google, đăng nhập Kakao và thao tác console

1. Nội dung học tập 📕

Triển khai đăng nhập Google/Kakao SNS (giao diện, nền tảng)
đăng nhập oauth thông qua 2 phương pháp triển khai
- Phương pháp 1) Đăng nhập SNS bằng phương pháp front-end (mã xác thực) và máy chủ (mã thông báo truy cập, thông tin người dùng)
- Phương pháp 2) Đăng nhập SNS bằng máy chủ (mã xác thực, mã thông báo truy cập, thông tin người dùng) bằng phương pháp sử dụng oauth2-client của spring
Google và Kakao console cùng làm việc trong lớp học

2. Công nghệ và các biện pháp phòng ngừa 📢

Phần sau
- java17, phát triển api restful dựa trên springboot3.4, spring data jpa, đăng nhập mã thông báo jwt, mysql
Đằng trước
- Sử dụng html/css/js, vue3, vuetify, vue-router, v.v.
thận trọng
- Sẽ rất hữu ích nếu có kiến thức cơ bản về các công nghệ nêu trên, nhưng ngay cả khi bạn không hiểu biết, bạn vẫn có thể theo học lớp học mà không gặp nhiều khó khăn.
- Đặc biệt, phần vue cần rất ít mã, do đó bạn có thể dễ dàng theo dõi. Mã này cũng có sẵn trên GitHub, vì vậy bạn có thể dễ dàng sao chép và dán mã để theo dõi lớp học.

3. Tài liệu giảng dạy 📢

Bạn có thể xem tất cả tài liệu lớp học trong tài liệu Notion được liên kết bên dưới và tài liệu lớp học PDF có cùng nội dung cũng được tải lên cho mỗi bài giảng. (Notion dễ xem hơn!!)
- https://picturesque-staircase-f6e.notion.site/SNS-18223940dccf8011a6e3fc7b17e3a463?pvs=74
Mã nguồn sẽ được tạo cùng với người hướng dẫn có sẵn trên GitHub.
- https://github.com/kimseonguk197/kakao_google_oauth_inflearn.git

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

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

Một nhà phát triển muốn triển khai đăng nhập SNS
Người đã triển khai OAuth nhưng thiếu hiểu biết về cấu trúc
Một nhà phát triển tò mò về sự phân biệt giữa miền back-end và miền front-end trong việc triển khai oauth

Xin chào
Đây là

2,576

Học viên

245

Đánh giá

113

Trả lời

4.9

Xếp hạng

Các khóa học

💪💪💪실무와 강의 경력을 갖춘 전문가 💪💪💪

안녕하세요 김선국(bradkim) 강사입니다. 연세대학교를 졸업하고 대기업, 스타트업 등에서 8년 이상을 소프트웨어 엔지니어로 일해왔습니다. 현재는 부트캠프에서 전업 강사로 일하고 있습니다. 실무 경험과 강의 경험을 모두 갖춘 강사로서, 여러분들에게 반드시 알아야할 지식들 위주로 알기쉽게 전달 드리겠습니다.

프로필 : https://www.linkedin.com/in/seongukkim

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

Tất cả

20 bài giảng ∙ (6giờ 36phút)

Tài liệu khóa học:

Tài liệu bài giảng

Phần 1. Cấu hình dự án

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

1. Tổng quan về môn học
11:56
2. Cài đặt môi trường
21:41

Phần 2. Hiểu biết về công nghệ nền tảng OAuth

3 bài giảng ∙ (35phút)

3. Các yếu tố chính OAuth
10:35
4. 마̃ xác thực (cấp bởi frontend)
14:22
5. Mã ủy quyền (backend cấp)
10:19

Phần 3. Triển khai phần thành viên

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

6. Cấu hình ERD
21:21
7. Đăng ký
16:32
8. Tạo token
24:51
9. cấu hình filterchain
19:33
10. Xác thực token
25:09
11. Bố cục màn hình-header
25:55
12. Cấu hình màn hình - Đăng ký/Đăng nhập
19:09

Phần 4. oauth triển khai - luồng mã frontend

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

Phần 5. Triển khai OAuth - Cách máy chủ nhận hết đến mã ủy quyền

1 bài giảng ∙ (37phút)

Ngày đăng:

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

Đánh giá

Tất cả

25 đánh giá

4.9

25 đánh giá

쿠카이든
Đánh giá 484
∙
Đánh giá trung bình 5.0
5
60% đã tham gia
스프링부트 3.0에서의 스프링 시큐리티와 oauth 설정에 대해서 잘 배웠습니다! 특히 vue3 화면에 대한 설명도 해주셔서 더 흥미를 갖고 진행했던것 같습니다. 좋은 강의 감사합니다!
신현섭
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
95% đã tham gia
oauth-client로만 구현하는 방법을 알고 있었는데 다른 방법으로는 이렇게 구현하는 거였군여 ㅋㅋ 감사합니다 !!
김태우
Đánh giá 15
∙
Đánh giá trung bình 5.0
5
95% đã tham gia
강의력 goat .. 좋은 강의 감사드립니다 .
보키
Đánh giá 51
∙
Đánh giá trung bình 5.0
5
100% đã tham gia
잘 봤습니다! 원리까지 설명 감사합니다 :)
몽몽
Đánh giá 24
∙
Đánh giá trung bình 4.9
5
95% đã tham gia
소셜 로그인 구현하려고 여기저기 블로그 뒤져가면서 헛수고만 했는데 Oauth가 이루어지는 흐름에 따라 코드 작성해주시니 너무 이해하기가 좋았습니다. 다른 강의도 수강한 적 있는데 강의력 너무 좋으십니다!
- bradkim
  Giảng viên
  도움되셨다니 다행입니다. 좋은 수강평 감사드립니다~!

1.163.665 ₫

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

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

개발자라면 알아야 할 redis 기본

bradkim

REDIS의 기본적인 자료구조와 REDIS 실무활용예시를 redis-cli(명령어)실습을 통해 배웁니다.

Nhập môn

Redis, devops, database

개발자라면 알아야 할 redis 기본

bradkim

eks를 활용한 spring 운영서버 배포(feat. devops의 모든것)

bradkim

도메인 구매 및 eks를 활용한 springboot 운영서버 배포, docker기초, 쿠버네티스 기초, aws 기초, github actions를 통한 CI/CD자동화, argocd, 프로메테우스/그라파나 등 devops 전반에 대해 배웁니다.

Cơ bản

AWS, Docker, Kubernetes

eks를 활용한 spring 운영서버 배포(feat. devops의 모든것)

bradkim

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

웹소켓/stomp, springboot를활용하여 채팅서비스를 개발합니다. 비교적 쉬운 프레임워크인 vue.js를 통해 간단한 화면도 함께 구성합니다. redis pub/sub을 통해 다중서버 확장성 설계까지 구성합니다.

Cơ bản

websocket, pubsub, Spring Boot

웹소켓/STOMP 채팅서비스(spring, vue, redis)

bradkim

빠르게 배우는 Spring Cloud 기초(MSA)

bradkim

Spring Cloud를 활용한 MSA 서버구성에 대해 학습합니다.

Cơ bản

Spring Cloud, MSA, eureka

빠르게 배우는 Spring Cloud 기초(MSA)

bradkim

실전 활용을 위한 git/github(feat.각종 충돌상황 해결하기)

bradkim

git/github의 기초적인 모든지식부터 실무에서 맞딱드릴 각종 충돌상황에 대한 실직적인 해결책과 전략을 배웁니다.

Nhập môn

Git, GitHub, gitlab

실전 활용을 위한 git/github(feat.각종 충돌상황 해결하기)

bradkim

개발자라면 알아야 할 리눅스(linux-ubuntu) 기본

bradkim

devops, 리눅스 전문가가 아니더라도 개발자라면 반드시 알아야 하는 리눅스 필수적인 지식에 대해 배웁니다. 함께하는 실습위주로 수업이 진행됩니다.

Nhập môn

Linux, ubuntu, Shell Script

개발자라면 알아야 할 리눅스(linux-ubuntu) 기본

bradkim

MariaDB(MySQL)의 모든것 - 심화편

bradkim

개발입문자, 백엔드개발자, SQLD시험준비 수강생 등 개발자라면 알아야 할 MariaDB(MySQL)의 모든 것을 배웁니다. DB를 직접 구축해보는 실습위주로 수업이 진행됩니다.

Cơ bản

MariaDB, MySQL, sql-join

MariaDB(MySQL)의 모든것 - 심화편

bradkim

MariaDB(MySQL)의 모든것 - 기본편

bradkim

Nhập môn

MariaDB, MySQL

MariaDB(MySQL)의 모든것 - 기본편

bradkim

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!

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue3 & Firebase(v10)를 활용하여 커뮤니티를 만드는 강의로 Vue3 실전 활용법, Firebase 기초부터 실전, 최신 웹 기술 활용법, 지식공유자 경험 공유 등 다양한 방면으로 개발자로써 한 단계 성장할 수 있도록 돕습니다!

Trung cấp trở lên

Vue.js, Firebase, Quasar

Vue 3 & Firebase 10 커뮤니티 만들기 풀스택 - "활용편" (with Pinia, Quasar, Tiptap, VueUse)

짐코딩

Vue 3 시작하기

장기효(캡틴판교)

Vue.js 최신 버전 Vue 3를 시작하는 분들을 위한 강좌입니다. Vue.js의 동작원리부터 실무 개발을 할 때 알아둬야 하는 기본 개념들을 배워보세요.

Cơ bản

Vue.js, Vue 3, JavaScript

Vue 3 시작하기

장기효(캡틴판교)

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

KILL-9

"스프링 배치를 종결시키자. 배치 코드의 암흑기에 종지부를 찍는다.💀"

Cơ bản

Java, Spring, Spring Boot

죽음의 Spring Batch: 새벽 3시의 처절한 공포는 이제 끝이다.

KILL-9

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

Vue.js 3로 웹 개발을 할 수 있도록 공식문서를 기반으로 하여 Vue 3 스펙을 자세하고 깊이있게 다룹니다.

Cơ bản

Vue.js

Vue3 완벽 마스터: 기초부터 실전까지 - "기본편"

짐코딩

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

"Vue 3 완벽 마스터" 후속 강의로 최신 Vue 3 버전의 프로젝트 설정과 최신 스펙을 익히는 강의입니다. Vue 기본편 또는 실전편을 수강하신 분들에게 무료로 제공되는 강의입니다.

Cơ bản

Vue.js, Vue 3, TailwindCSS

최신 Vue 3 완벽 가이드: 프로젝트 설정 & 스펙 총정리

짐코딩

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

나만의 풀스택 애플리케이션 개발에서 프로그래시브 웹앱(PWA)까지!

Cơ bản

Vue.js, supabase, Vue 3

Vue3와 Supabase로 구인구직 사이트 만들기

Michael Kwon

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 NextJS로 나만의 게시판을 만들어보세요!

Nhập môn

Kotlin, Spring Boot, Next.js

누구보다 빠르게 배우는 Springboot + NextJS RestAPI 게시판 만들기

Neo

백엔드 개발을 위한 필수 강의 - 스프링 부트3

기술노트with알렉

백앤드 개발에서 가장 많이 사용되는 스프링 부트3를 완전 쉽게 강의합니다. 따라하기 식으로 백앤드 개발의 필수이자 가장 많이 사용되는 게시판을 만들어갑니다. 인기 도서 '점프 투 스프링부트3'를 가지고 공부합니다.

Cơ bản

Spring Boot, AWS, Java

백엔드 개발을 위한 필수 강의 - 스프링 부트3

기술노트with알렉

인프라공방 - 그럴듯한 서비스 만들기

이동규

본 과정은 현업과 비슷하게, 인프라를 구성해가며 필요한 지식을 학습하고 적용하는 단계로 진행합니다.

Cơ bản

네트워크, Linux, Spring Boot

인프라공방 - 그럴듯한 서비스 만들기

이동규

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

꽉 찬 40시간 스프링 기반 풀스택 웹 개발 전면 무료 강의

Nhập môn

HTML/CSS, JavaScript, JSP

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

그린코딩

실전에서 바로 써먹는 Elasticsearch 입문 (검색 최적화편)

JSCODE 박재성

비전공자 입장에서도 쉽게 이해할 수 있고, 실전에서 바로 적용 가능한 'Elasticsearch 입문' 강의를 만들어봤습니다!

Cơ bản

Spring Boot, Elasticsearch, devops

실전에서 바로 써먹는 Elasticsearch 입문 (검색 최적화편)

JSCODE 박재성

누구보다 빠르게 배우는 Springboot + iOS RestAPI 게시판 만들기

Neo

누구보다 빠르게 배우는 Springboot + iOS RestAPI 게시판 만들기 Springboot 로 CRUD 서버를 개발하고 iOS로 나만의 게시판을 만들어보세요!

Nhập môn

iOS, Kotlin, Spring Boot

누구보다 빠르게 배우는 Springboot + iOS RestAPI 게시판 만들기

Neo

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

코딩도니

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

Cơ bản

React, Java, AWS

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

코딩도니

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

딩코딩코

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

Cơ bản

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

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

딩코딩코

실전 jOOQ! Type Safe SQL with Java

설동민

jOOQ를 통해 Type Safe한 SQL의 강력함을 경험해보세요!

Trung cấp trở lên

Java, jooq, SQL

실전 jOOQ! Type Safe SQL with Java

설동민

Đăng nhập SNS Kakao, Google (springboot3, vue3)

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

Dịch cái này sang tiếng Việt

1. Nội dung học tập 📕

2. Công nghệ và các biện pháp phòng ngừa 📢

3. Tài liệu giảng dạy 📢

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 bradkim

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

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

Xin chào
Đây là