BEST

백엔드

카카오,구글 SNS 로그인(springboot3, vue3)

Name: 카카오,구글 SNS 로그인(springboot3, vue3)
Price: 55000 KRW
Rating: 4.9 (34 reviews)

springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.

(4.9) 수강평 34개

수강생 237명

난이도 초급

수강기한 무제한

bradkim

로그인처리

로그인처리

잉카인터넷

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

잉카인터넷

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

먼저 경험한 수강생들의 후기

4.9

5.0

cksdnddlek99

95% 수강 후 작성

소셜 로그인의 책임 분배에 고민이 있었는데, 강의에서 명료하게 알려주셔서 너무 좋았습니다. 질 좋은 강의를 제작해주셔서 감사합니다.

5.0

김경환

100% 수강 후 작성

풍부한 학습 자료와 함께한 양질의 강의 잘 들었습니다. 소셜 로그인 인증 과정에서 단순 검색만으로는 이해하기 힘들어하고 있던 찰나에, 제가 궁금해하던 소셜 로그인의 모든 것들을 알려주는 이 강의를 찾은 덕분에 시간 가는 줄 모르고 수강했습니다 :D

5.0

몽몽

95% 수강 후 작성

소셜 로그인 구현하려고 여기저기 블로그 뒤져가면서 헛수고만 했는데 Oauth가 이루어지는 흐름에 따라 코드 작성해주시니 너무 이해하기가 좋았습니다. 다른 강의도 수강한 적 있는데 강의력 너무 좋으십니다!

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

springboot3.x대 jwt토큰 기반 로그인 구현
oauth기반의 회원가입, 로그인
구글로그인, 카카오로그인 구현과 콘솔작업

2. 기술스택과 주의사항 📢

백엔드
- java17, springboot3.4 기반 restful api개발, spring data jpa, jwt토큰 로그인, mysql
프론트
- html/css/js, vue3, vuetify, vue-router 등 활용
주의사항
- 위 기술스택의 기초적인 지식이 선행되면 좋으나, 이해가 부족해도 수업을 따라오는데 큰 무리가 없습니다.
- 특히, vue파트는 굉장히 적은 코드 작성이 이루어지기에 무리없이 따라하실수 있습니다. github에 코드도 공개돼 있으니 간편하게 복붙으로 수업을 따라오셔도 됩니다.
- 카카오로그인 변경사항)
  - 강의 촬영이후 카카오로그인 관련하여 kakao devlopers 사이트의 UI가 변경되었습니다. 특히, 카카오 또한 구글처럼 secret키 설정을 해야 합니다. 아래 링크의 공식문서를 통해 변경사항 확인부탁드립니다.
  - https://developers.kakao.com/docs/latest/ko/kakaologin/prerequisite#kakao-login-activate

이런 분들께
추천드려요

학습 대상은
누구일까요?

sns로그인을 구현해보고 싶은 개발자
oauth구현은 해봤지만 구조에 대한 이해가 부족했던 사람
oauth구현에서 백엔드의 영역과 프론트의 영역의 구분이 궁금했던 개발자

안녕하세요
입니다.

3,435

명

수강생

362

개

수강평

129

개

답변

4.9

점

강의 평점

개

강의

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

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

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

연락처 : ksg39412@naver.com

커리큘럼

전체

20개 ∙ (6시간 36분)

해당 강의에서 제공:

수업자료

섹션 1. 프로젝트 환경구성

2개 ∙ (33분)

1. 수업개요
11:56
2. 환경세팅
21:41

섹션 2. oauth기반기술에 대한 이해

3개 ∙ (35분)

3. oauth의 주요 요소
10:35
4. 인가코드(프론트에서 발급)
14:22
5. 인가코드(백엔드에서 발급)
10:19

섹션 3. 회원파트 구현

7개 ∙ (2시간 32분)

6. ERD구성
21:21
7. 회원가입
16:32
8. 토큰생성
24:51
9. filterchain구성
19:33
10. 토큰검증
25:09
11. 화면구성-header
25:55
12. 화면구성-회원가입/로그인
19:09

섹션 4. oauth 구현 - 프론트인가코드방식

7개 ∙ (2시간 17분)

섹션 5. oauth구현 - 서버에서 인가코드까지 모두 받는방식

1개 ∙ (37분)

강의 게시일:

마지막 업데이트일:

수강평

전체

34개

4.9

34개의 수강평

bigho98
수강평 24
∙
평균 평점 5.0
5
100% 수강 후 작성
소셜 로그인과 OAuth2는 Spring Security처럼 복잡하고 방대할 것이라는 막연한 두려움이 있어서 그동안 손대지 못하고 있었습니다. 하지만 해당 강의를 통해 인가코드 - 액세스 토큰 - 사용자 정보로 이어지는 일련의 요청 흐름을 명확히 느껴볼 수 있었습니다. 또한 프론트와 백엔드 양쪽의 코드를 모두 작성하여 각 영역의 책임범위와 보안상 문제점들도 확실히 이해할 수 있었습니다. 이 강의는 소셜 로그인과 jwt에 대해 간결하고도 밀도있는 강의입니다. 양질의 강의 감사드립니다.
- bradkim
  지식공유자
  bigho98님 매번, 정성스러운 수강평 감사드립니다~! 앞으로 더 좋은 강의로 찾아뵙겠습니다.
재현
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
덕분에 jwt + oauth 로그인까지 흐름을 이해하는데 많은 도움이 되었습니다!
쿠카이든
수강평 518
∙
평균 평점 5.0
5
60% 수강 후 작성
스프링부트 3.0에서의 스프링 시큐리티와 oauth 설정에 대해서 잘 배웠습니다! 특히 vue3 화면에 대한 설명도 해주셔서 더 흥미를 갖고 진행했던것 같습니다. 좋은 강의 감사합니다!
somestory
수강평 7
∙
평균 평점 5.0
5
100% 수강 후 작성
많은 도움이됐습니다. 감사합니다~
Yoojin Lee
수강평 21
∙
평균 평점 5.0
5
30% 수강 후 작성
완주할 때까지 화이팅

bradkim님의 다른 강의

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

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

bradkim

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

초급

AWS, Docker, Kubernetes

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

bradkim

핵심만 빠르게 끝내는 실전 카프카(kafka)

bradkim

sw 개발자가 알아야할 카프카 활용을 위한 기초/필수/실전 지식 배웁니다. springboot를 활용하여 카프카와 연동하고 다양한 실전 상황에 맞는 메시지 송/수신 실습을 진행합니다.

입문

Spring Boot, Kafka, MSA

핵심만 빠르게 끝내는 실전 카프카(kafka)

bradkim

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

bradkim

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

입문

Git, GitHub, gitlab

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

bradkim

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

bradkim

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

입문

Redis, devops, database

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

bradkim

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

bradkim

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

입문

Linux, ubuntu, Shell Script

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

bradkim

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

bradkim

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

초급

Spring Cloud, MSA, eureka

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

bradkim

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

bradkim

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

초급

websocket, pubsub, Spring Boot

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

bradkim

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

bradkim

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

초급

MariaDB, MySQL, sql-join

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

bradkim

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

bradkim

입문

MariaDB, MySQL

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

bradkim

비슷한 강의

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

웹에서 다루는 네트워크 통신 - 기초부터 HTTP, SSE, WebSocket 그리고 WebRTC P2P 통신까지

이사님은

다양한 통신 기법들에 대해 배우고 차이점을 이해하면, 가장 적합한 통신 방법을 선택하고 구현하는 능력을 키울 수 있습니다.

입문

JavaScript, React, Java

웹에서 다루는 네트워크 통신 - 기초부터 HTTP, SSE, WebSocket 그리고 WebRTC P2P 통신까지

이사님은

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

단순히 애플리케이션 하나를 만드는데 끝나지 않습니다. Spring Boot를 활용한 백엔드부터 Vue.js 모던 프론트엔드 스택을 연동한 서비스 완성 A-Z를 보여드립니다.

중급이상

Spring Boot, JPA, AWS

호돌맨의 요절복통 개발쇼 (SpringBoot, Vue.JS, AWS)

호돌맨

Vue 3 중급 - Composition API

캡틴판교

Vue 2와 최신 Vue 3에서 모두 사용할 수 있는 Vue Composition API를 가장 쉽고 정확하게 배울 수 있는 강의!

중급이상

Vue 3, Vue.js

Vue 3 중급 - Composition API

캡틴판교

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

짐코딩

Vue.js 3로 실전 프로젝트를 개발하며 Composition API의 사용법을 숙지합니다. 뿐만 아니라 본 강좌를 수강하면 "Vue Router v4"와 "Pinia", "Boostrap"에 대한 기술을 가져가실 수 있습니다.

초급

Vue.js

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

짐코딩

ThreeJS와 SpringAI로 만드는 3D 지구본 아티클 서비스

Neo

ThreeJS와 SpringAI로 만드는 3D 지구본 아티클 서비스 | Neo + Essential 나만의 챗봇과 ThreeJS를 통해 3D 지구본 아티클 서비스를 만들어 보세요!

초급

React, Kotlin, Spring Boot

ThreeJS와 SpringAI로 만드는 3D 지구본 아티클 서비스

Neo

프로젝트로 배우는 Vue.js 3

코지 코더

Vue.js 3 사용 방법을 배우고 프로젝트에 적용을 하면서 익힐 수 있도록 도와드립니다.

초급

Vue.js, Vuex, 웹앱

프로젝트로 배우는 Vue.js 3

코지 코더

[개념은 호옹~, 실습 빡] 스프링 부트, 입문!

홍팍

스프링 부트, 자바 웹 개발의 시작점! 직접 만들어가며 핵심만 쏙쏙, 차근차근 알랴드림!

초급

Spring Boot

[개념은 호옹~, 실습 빡] 스프링 부트, 입문!

홍팍

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

JSCODE 박재성

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

초급

Spring Boot, Elasticsearch, devops

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

JSCODE 박재성

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 로그인 (+소셜) 서비스 이해하기

영넨

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

Michael Kwon

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

초급

Vue.js, PWA, supabase

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

Michael Kwon

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

Neo

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

입문

React, Kotlin, TypeScript

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

Neo

GitHub Copilot으로 경험하는 바이브코딩(feat. Java, Spring)

코드브릿지

기업에서 현업 개발자들이 사용하는 코파일럿! 코파일럿 사용 꿀팁부터 유닛 테스트, API 통합 테스트까지 바이브 코딩으로! 현업 노하우로 10배 빠른 디렉터로 도약하세요.

입문

Java, Spring, Spring Boot

GitHub Copilot으로 경험하는 바이브코딩(feat. Java, Spring)

코드브릿지

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

Neo

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

초급

AWS, Docker, Spring Boot

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

Neo

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

짐코딩

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

초급

Vue.js, Vue 3, TailwindCSS

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

짐코딩

최신 Spring AI 기초부터 MCP까지

이진만(tootoo)

Spring Boot와 React를 사용하는 개발자, 그리고 기업 환경에서 AI 시스템 도입을 고민하는 개발자분들께 Spring AI를 적극 추천드립니다. 본 과정에서는 단순한 라이브러리 소개에 그치지 않고, Spring AI의 핵심 개념과 내부 구조를 이해한 뒤 다양한 실습 예제를 통해 직접 구현해 보며 실무 적용 역량을 강화합니다. Spring AI 1.1.x 버전을 기준으로 설명하며, 향후 버전 업그레이드에도 대응할 수 있도록 지속적인 기술 지원과 확장 방향을 함께 제시합니다. 또한 MCP(Model Context Protocol)를 활용하여 도메인 간 컨텍스트 통합 및 분산 환경에서의 AI 연계와 엔터프라이즈 환경에 적합한 AI 아키텍처 설계를 실현함으로써, Spring AI 기술의 활용 가치를 한 단계 더 확장합니다. 기업 환경에서 실제로 도입 가능한 AI 시스템 구축을 목표로, 이론과 실습을 균형 있게 다루는 실전 중심의 가이드가 될 것입니다.

초급

Spring Boot, ChatGPT, RAG

최신 Spring AI 기초부터 MCP까지

이진만(tootoo)

SpringAI + React로 만들어보는 나만의 감정일기 서비스

Neo

SpringAI + React로 만들어보는 나만의 감정일기 서비스 Neo + Essential과 함께 만들어보는 4번째 프로젝트 시간입니다!

초급

React, Kotlin, Spring Boot

SpringAI + React로 만들어보는 나만의 감정일기 서비스

Neo

핵심만 빠르게 끝내는 실전 카프카(kafka)

bradkim

입문

Spring Boot, Kafka, MSA

핵심만 빠르게 끝내는 실전 카프카(kafka)

bradkim

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

이동규

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

초급

네트워크, Linux, Spring Boot

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

이동규

[Season 1] Spring AI 실전: 프리미엄 예약 AI 에이전트 개발

박매일

Spring AI + JPA + MySQL을 활용한 '자율 행동형' 프리미엄 예약 에이전트 백엔드 개발 챗봇을 넘어 에이전트로: Tool Calling과 프롬프트 엔지니어링의 정석

초급

Java, Spring Boot, backend

[Season 1] Spring AI 실전: 프리미엄 예약 AI 에이전트 개발

박매일

실전 jOOQ! Type Safe SQL with Java

설동민

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

중급이상

Java, jooq, SQL

실전 jOOQ! Type Safe SQL with Java

설동민

카카오,구글 SNS 로그인(springboot3, vue3)

4.9

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

1. 학습내용📕

2. 기술스택과 주의사항 📢

3. 수업자료 📢

이런 분들께
추천드려요

안녕하세요
입니다.

커리큘럼

수강평

bradkim님의 다른 강의

비슷한 강의

카카오,구글 SNS 로그인(springboot3, vue3)

4.9

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

1. 학습내용📕

2. 기술스택과 주의사항 📢

3. 수업자료 📢

이런 분들께 추천드려요

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

커리큘럼

수강평

bradkim님의 다른 강의

비슷한 강의

이런 분들께
추천드려요

안녕하세요
입니다.