Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
개발 · 프로그래밍

/

백엔드

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

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

(4.9) 수강평 23개

수강생 163명

  • bradkim
로그인처리
OAuthoauth2JWTSpring BootVue.js

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

이런 걸 배울 수 있어요

  • springboot3.x대 jwt토큰 기반 로그인 구현

  • oauth기반의 회원가입, 로그인

  • 구글로그인, 카카오로그인 구현과 콘솔작업

1. 학습내용📕

  • 구글/카카오 SNS 로그인 구현(프론트, 백엔드)


  • 2가지 구현 방식을 통한 oauth 로그인

    • 방법1)프론트엔드(인가코드), 서버(access토큰, 사용자정보) 방식의 sns로그인

    • 방법2)spring의 oauth2-client를 활용한 서버(인가코드, access토큰, 사용자정보) 방식의 sns로그인


  • 구글,카카오 콘솔작업부터 수업에서 함께 진행

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

  • 백엔드

    • java17, springboot3.4 기반 restful api개발, spring data jpa, jwt토큰 로그인, mysql

  • 프론트

    • html/css/js, vue3, vuetify, vue-router 등 활용

  • 주의사항

    • 위 기술스택의 기초적인 지식이 선행되면 좋으나, 이해가 부족해도 수업을 따라오는데 큰 무리가 없습니다.

    • 특히, vue파트는 굉장히 적은 코드 작성이 이루어지기에 무리없이 따라하실수 있습니다. github에 코드도 공개돼 있으니 간편하게 복붙으로 수업을 따라오셔도 됩니다.

3. 수업자료 📢

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • sns로그인을 구현해보고 싶은 개발자

  • oauth구현은 해봤지만 구조에 대한 이해가 부족했던 사람

  • oauth구현에서 백엔드의 영역과 프론트의 영역의 구분이 궁금했던 개발자

안녕하세요
입니다.

2,322

명

수강생

204

개

수강평

103

개

답변

4.9

점

강의 평점

9

개

강의

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

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

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

커리큘럼

전체

20개 ∙ (6시간 36분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

전체

23개

4.9

23개의 수강평

  • 쿠카이든님의 프로필 이미지
    쿠카이든

    수강평 436

    ∙

    평균 평점 5.0

    5

    60% 수강 후 작성

    스프링부트 3.0에서의 스프링 시큐리티와 oauth 설정에 대해서 잘 배웠습니다! 특히 vue3 화면에 대한 설명도 해주셔서 더 흥미를 갖고 진행했던것 같습니다. 좋은 강의 감사합니다!

    • 신현섭님의 프로필 이미지
      신현섭

      수강평 3

      ∙

      평균 평점 5.0

      5

      95% 수강 후 작성

      oauth-client로만 구현하는 방법을 알고 있었는데 다른 방법으로는 이렇게 구현하는 거였군여 ㅋㅋ 감사합니다 !!

      • 김태우님의 프로필 이미지
        김태우

        수강평 15

        ∙

        평균 평점 5.0

        5

        95% 수강 후 작성

        강의력 goat .. 좋은 강의 감사드립니다 .

        • 보키님의 프로필 이미지
          보키

          수강평 47

          ∙

          평균 평점 5.0

          5

          100% 수강 후 작성

          잘 봤습니다! 원리까지 설명 감사합니다 :)

          • 몽몽님의 프로필 이미지
            몽몽

            수강평 22

            ∙

            평균 평점 4.9

            5

            95% 수강 후 작성

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

            • bradkim
              지식공유자

              도움되셨다니 다행입니다. 좋은 수강평 감사드립니다~!

          ₩55,000

          bradkim님의 다른 강의

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

          웹소켓/STOMP 채팅서비스(spring, vue, redis)강의 썸네일

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

          bradkim

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

          초급

          초급

          websocket, pubsub, Spring Boot

          웹소켓/STOMP 채팅서비스(spring, vue, redis)강의 썸네일

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

          bradkim

          개발자라면 알아야 할 redis 기본강의 썸네일

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

          bradkim

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

          입문

          입문

          Redis, devops, database

          개발자라면 알아야 할 redis 기본강의 썸네일

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

          bradkim

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

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

          bradkim

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

          입문

          입문

          Git, GitHub, gitlab

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

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

          bradkim

          개발자라면 알아야 할 리눅스(linux-ubuntu) 기본강의 썸네일

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

          bradkim

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

          입문

          입문

          Linux, ubuntu, Shell Script

          개발자라면 알아야 할 리눅스(linux-ubuntu) 기본강의 썸네일

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

          bradkim

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

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

          bradkim

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

          초급

          초급

          AWS, Docker, Kubernetes

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

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

          bradkim

          빠르게 배우는 Spring Cloud 기초(MSA)강의 썸네일

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

          bradkim

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

          초급

          초급

          Spring Cloud, MSA, eureka

          빠르게 배우는 Spring Cloud 기초(MSA)강의 썸네일

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

          bradkim

          MariaDB(MySQL)의 모든것 - 심화편강의 썸네일

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

          bradkim

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

          초급

          초급

          MariaDB, MySQL, sql-join

          MariaDB(MySQL)의 모든것 - 심화편강의 썸네일

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

          bradkim

          MariaDB(MySQL)의 모든것 - 기본편강의 썸네일

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

          bradkim

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

          입문

          입문

          MariaDB, MySQL

          MariaDB(MySQL)의 모든것 - 기본편강의 썸네일

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

          bradkim

          비슷한 강의

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

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

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

          호돌맨

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

          중급이상

          중급이상

          Spring Boot, JPA, AWS

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

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

          호돌맨

          Vue, 뷰 100분 핵심강의강의 썸네일

          Vue, 뷰 100분 핵심강의

          노마드크리에이터

          이 강좌는 Vue를 기반으로 간단하지만 유용한 petlist 프로젝트를 100분 핵심강의로 축약하여 짧은 시간에 실전에 활용할 수 있는 모바일 웹앱 개발역량을 키울 수 있습니다.

          중급이상

          중급이상

          Vue.js

          Vue, 뷰 100분 핵심강의강의 썸네일

          Vue, 뷰 100분 핵심강의

          노마드크리에이터

          Vue 3 중급 - Composition API강의 썸네일

          Vue 3 중급 - Composition API

          장기효(캡틴판교)

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

          중급이상

          중급이상

          Vue 3, Vue.js

          Vue 3 중급 - Composition API강의 썸네일

          Vue 3 중급 - Composition API

          장기효(캡틴판교)

          Vue 3 시작하기강의 썸네일

          Vue 3 시작하기

          장기효(캡틴판교)

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

          초급

          초급

          Vue.js, Vue 3, JavaScript

          Vue 3 시작하기강의 썸네일

          Vue 3 시작하기

          장기효(캡틴판교)

          Open API 사용 with 파이썬강의 썸네일

          Open API 사용 with 파이썬

          쌤즈(SSAMZ)

          Open API와 파이썬을 활용하여 업무 효율성을 향상시키는 데 필요한 기술과 노하우를 학습할 수 있습니다.

          입문

          입문

          Python, REST API, OAuth

          Open API 사용 with 파이썬강의 썸네일

          Open API 사용 with 파이썬

          쌤즈(SSAMZ)

          개발자에게 필요한 로그 관리강의 썸네일

          개발자에게 필요한 로그 관리

          이준형(Foo)

          어떤 로그를 남겨야 하는지부터 시작하여 로그를 수집하고 활용하기까지 전체적인 사이클에 대해 다룹니다.

          초급

          초급

          Elasticsearch, logback, Logstash

          개발자에게 필요한 로그 관리강의 썸네일

          개발자에게 필요한 로그 관리

          이준형(Foo)

          WebSocket, STOMP in springboot강의 썸네일

          WebSocket, STOMP in springboot

          Hello World

          1시간만 투자하면 springboot 에서 WebSocket, STOMP 관련 핵심 사항을 모두 배울 수 있습니다.

          초급

          초급

          Spring Boot, stomp-websocket, Java

          WebSocket, STOMP in springboot강의 썸네일

          WebSocket, STOMP in springboot

          Hello World

          실전 jOOQ! Type Safe SQL with Java강의 썸네일

          실전 jOOQ! Type Safe SQL with Java

          설동민

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

          중급이상

          중급이상

          Java, jooq, SQL

          실전 jOOQ! Type Safe SQL with Java강의 썸네일

          실전 jOOQ! Type Safe SQL with Java

          설동민

          1시간만에 치킨콤보값으로 배우는 서버 배포강의 썸네일

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

          Neo

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

          초급

          초급

          Spring Boot, github-actions, Docker

          1시간만에 치킨콤보값으로 배우는 서버 배포강의 썸네일

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

          Neo

          웹소켓/STOMP 채팅서비스(spring, vue, redis)강의 썸네일

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

          bradkim

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

          초급

          초급

          websocket, pubsub, Spring Boot

          웹소켓/STOMP 채팅서비스(spring, vue, redis)강의 썸네일

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

          bradkim

          Vue3와 Supabase로 구인구직 사이트 만들기강의 썸네일

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

          Michael Kwon

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

          초급

          초급

          Vue.js, supabase, Vue 3

          Vue3와 Supabase로 구인구직 사이트 만들기강의 썸네일

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

          Michael Kwon

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

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

          JSCODE 박재성

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

          초급

          초급

          Spring Boot, Elasticsearch, devops

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

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

          JSCODE 박재성

          누구보다 빠르게 배우는 Springboot + iOS RestAPI 게시판 만들기강의 썸네일

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

          Neo

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

          입문

          입문

          iOS, Kotlin, Spring Boot

          누구보다 빠르게 배우는 Springboot + iOS RestAPI 게시판 만들기강의 썸네일

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

          Neo

          인프라공방 - 그럴듯한 서비스 만들기강의 썸네일

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

          이동규

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

          초급

          초급

          네트워크, Linux, Spring Boot

          인프라공방 - 그럴듯한 서비스 만들기강의 썸네일

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

          이동규