Kakao, Google SNS login (springboot3, vue3)

Name: Kakao, Google SNS login (springboot3, vue3)
Price: 55000 KRW

Implementing Kakao and Google login using Spring Boot. JWT token-based login is implemented. A simple screen is configured through Vue3.

(4.9) 26 reviews

191 learners

bradkim

로그인처리

OAuth

oauth2

JWT

Spring Boot

Vue.js

Reviews from Early Learners

What you will learn!

Implementing JWT token-based login with Spring Boot 3.x
OAuth-based sign-up and login
Implementing Google Login, Kakao Login, and console work.

2. Technology Stack and Precautions 📢

Backend
- java17, springboot3.4 based restful api development, spring data jpa, jwt token login, mysql
Front
- Utilize html/css/js, vue3, vuetify, vue-router, etc.
caution
- It would be helpful to have basic knowledge of the above technology stacks, but even if you lack that understanding, you will still be able to follow the class without much difficulty.
- In particular, the Vue part requires very little code, so you can follow along without difficulty. The code is also available on GitHub, so you can easily copy and paste it to follow the class.

Recommended for
these people

Who is this course right for?

A developer who wants to implement social login
Someone who has implemented OAuth but lacks a solid understanding of its structure.
A developer curious about the division of backend and frontend roles in OAuth implementation.

Hello
This is

2,611

Learners

257

Reviews

114

Answers

4.9

Rating

Courses

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

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

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

Curriculum

All

20 lectures ∙ (6hr 36min)

Course Materials:

Lecture resources

Section 1. Project Environment Setup

2 lectures ∙ (33min)

1. Course Overview
11:56
2. Environment Setting
21:41

Section 2. Understanding of OAuth-based technology

3 lectures ∙ (35min)

3. OAuth key elements
10:35
4. Authorization Code (Issued by Frontend)
14:22
5. Authorization code (Issued by the backend)
10:19

Section 3. Member Section Implementation

7 lectures ∙ (2hr 32min)

6. ERD Setup
21:21
7. Sign up
16:32
8. Token Generation
24:51
9. Filterchain config
19:33
10. Token verification
25:09
11. Screen Layout - Header
25:55
12. Screen Configuration - Sign Up/Login
19:09

Section 4. OAuth implementation - Frontend Authorization Code Flow

7 lectures ∙ (2hr 17min)

Section 5. OAuth implementation - Server-side method receiving everything up to authorization code

1 lectures ∙ (37min)

Published:

Last updated:

Reviews

All

26 reviews

4.9

26 reviews

somestory
Reviews 7
∙
Average Rating 5.0
5
100% enrolled
많은 도움이됐습니다. 감사합니다~
쿠카이든
Reviews 484
∙
Average Rating 5.0
5
60% enrolled
스프링부트 3.0에서의 스프링 시큐리티와 oauth 설정에 대해서 잘 배웠습니다! 특히 vue3 화면에 대한 설명도 해주셔서 더 흥미를 갖고 진행했던것 같습니다. 좋은 강의 감사합니다!
신현섭
Reviews 3
∙
Average Rating 5.0
5
95% enrolled
oauth-client로만 구현하는 방법을 알고 있었는데 다른 방법으로는 이렇게 구현하는 거였군여 ㅋㅋ 감사합니다 !!
김태우
Reviews 15
∙
Average Rating 5.0
5
95% enrolled
강의력 goat .. 좋은 강의 감사드립니다 .
보키
Reviews 51
∙
Average Rating 5.0
5
100% enrolled
잘 봤습니다! 원리까지 설명 감사합니다 :)

$42.90

bradkim's other courses

Check out other courses by the instructor!

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

bradkim

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

초급

websocket, pubsub, Spring Boot

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

bradkim

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

bradkim

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

초급

AWS, Docker, Kubernetes

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

bradkim

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

bradkim

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

입문

Redis, devops, database

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

bradkim

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

bradkim

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

입문

Linux, ubuntu, Shell Script

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

bradkim

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

bradkim

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

입문

MariaDB, MySQL

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

bradkim

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

bradkim

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

입문

Git, GitHub, gitlab

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

bradkim

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

bradkim

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

초급

Spring Cloud, MSA, eureka

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

bradkim

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

bradkim

초급

MariaDB, MySQL, sql-join

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

bradkim

Similar courses

Explore other courses in the same field!

Vue 3 시작하기

장기효(캡틴판교)

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

초급

Vue.js, Vue 3, JavaScript

Vue 3 시작하기

장기효(캡틴판교)

스프링 배치

정수원

초급에서 중~고급에 이르기까지 스프링 배치의 기본 개념부터 API 사용법과 내부 아키텍처 구조를 심도있게 다룹니다. 그리고 스프링 배치 각 기능의 흐름과 원리를 학습하게 되고 이를 바탕으로 다양한 배치 어플리케이션 개발을 위한 실무적 감각을 익히게 됩니다.

초급

Spring Batch, Spring Boot

스프링 배치

정수원

Vue로 Nodebird SNS 만들기

제로초(조현영)

Vue와 Nuxt 프레임워크를 사용해 SNS 서비스를 만듭니다. 서비스에 필요한 풀스택 지식을 학습합니다.

중급이상

Vue.js, Node.js, AWS

Vue로 Nodebird SNS 만들기

제로초(조현영)

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

영넨

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기는 JWT 기반 인증 및 소셜 로그인(Kakao/Google)을 포함한 실전형 로그인 시스템을 직접 구현하며 프론트엔드와 백엔드 인증 흐름을 깊이 이해할 수 있도록 설계된 강의입니다. 프론트엔드는 React.js, 백엔드는 Spring Boot를 기반으로 구성되며, 실제 서비스 환경에서 사용되는 Access Token + Refresh Token 방식, HttpOnly Cookie, Redux를 활용한 사용자 상태 관리, Role 기반 권한 처리, 소셜 로그인 연동까지 하나씩 따라하며 익힐 수 있습니다.

초급

React, Node.js, REST API

Spring Boot + React.js 로그인 (+소셜) 서비스 이해하기

영넨

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

Vue.js로 웹 개발을 하며 퀘이사(Quasar)를 이용하고 싶은 분들을 위한 강의입니다. 사내에서 프론트 웹을 빠르게 구축해야 하는 분 또는 나만의 멋진 UI를 만들어야 하는 분이신가요? 이 강의를 통해서 쉽고, 빠르게 프론트 웹을 만들 수 있습니다.

초급

Quasar, Vue.js

퀘이사(Quasar) 완벽 마스터: Vue 프론트 웹을 빠르게 만들고 싶다면! (Based Vue3)

짐코딩

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

기술노트with알렉

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

초급

Spring Boot, AWS, Java

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

기술노트with알렉

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

JSCODE 박재성

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

초급

Spring Boot, Elasticsearch, devops

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

JSCODE 박재성

하루만에 만드는 나만의 비주얼 노벨 게임

Neo

React, Javascript, SpringAI, Springboot를 통해서 나만의 비주얼 노벨 게임을 만들어 보세요. SpringAI와 React 를 통하여 웹기반 비주얼 노벨 게임을 만드는 법을 알려드립니다!

초급

React, Spring Boot, 인공지능(AI)

하루만에 만드는 나만의 비주얼 노벨 게임

Neo

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

Michael Kwon

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

초급

Vue.js, supabase, Vue 3

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

Michael Kwon

코틀린으로 만드는 스프링부트

최광성

스프링부트 그리고 코틀린 입문자가 웹개발하면서 겪을 일들을 입문자 입장에서 친절히 설명합니다.

초급

Kotlin, Spring Boot

코틀린으로 만드는 스프링부트

최광성

실전 jOOQ! Type Safe SQL with Java

설동민

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

중급이상

Java, jooq, SQL

실전 jOOQ! Type Safe SQL with Java

설동민

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

코딩도니

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

초급

React, Java, AWS

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

코딩도니

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

딩코딩코

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

초급

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

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

딩코딩코

1시간만에 치킨콤보값으로 배우는 서버 배포

Neo

치킨콤보값으로 스프링부트를 수동배포 -> 도커로 배포 -> Github Action CI/CD 순으로 배포과정을 배웁니다.

초급

Spring Boot, github-actions, Docker

1시간만에 치킨콤보값으로 배우는 서버 배포

Neo

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

Neo

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

입문

iOS, Kotlin, REST API

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

Neo

Kakao, Google SNS login (springboot3, vue3)

Reviews from Early Learners

What you will learn!

1. Learning Content 📕

2. Technology Stack and Precautions 📢

3. Teaching Materials 📢

Recommended for
these people

Hello
This is

Curriculum

Reviews

bradkim's other courses

Similar courses

Kakao, Google SNS login (springboot3, vue3)

Reviews from Early Learners

What you will learn!

1. Learning Content 📕

2. Technology Stack and Precautions 📢

3. Teaching Materials 📢

Recommended for these people

HelloThis is .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}

Curriculum

Reviews

bradkim's other courses

Similar courses

Recommended for
these people

Hello
This is