웹소켓/STOMP 채팅서비스(spring, vue, redis)
bradkim
웹소켓/stomp, springboot를활용하여 채팅서비스를 개발합니다. 비교적 쉬운 프레임워크인 vue.js를 통해 간단한 화면도 함께 구성합니다. redis pub/sub을 통해 다중서버 확장성 설계까지 구성합니다.
Basic
websocket, pubsub, Spring Boot
springboot를 활용하여 카카오, 구글로그인을 구현합니다. jwt토큰 기반 로그인이 구현됩니다. vue3를 통해 간단한 화면을 구성합니다.
수강생 252명
난이도 초급
수강기한 무제한





한화시스템/ICT
임직원들도 이 강의를 듣고 있어요!





한화시스템/ICT
임직원들도 이 강의를 듣고 있어요!
먼저 경험한 수강생들의 후기
5.0
cksdnddlek99
소셜 로그인의 책임 분배에 고민이 있었는데, 강의에서 명료하게 알려주셔서 너무 좋았습니다. 질 좋은 강의를 제작해주셔서 감사합니다.
5.0
김경환
풍부한 학습 자료와 함께한 양질의 강의 잘 들었습니다. 소셜 로그인 인증 과정에서 단순 검색만으로는 이해하기 힘들어하고 있던 찰나에, 제가 궁금해하던 소셜 로그인의 모든 것들을 알려주는 이 강의를 찾은 덕분에 시간 가는 줄 모르고 수강했습니다 :D
5.0
몽몽
소셜 로그인 구현하려고 여기저기 블로그 뒤져가면서 헛수고만 했는데 Oauth가 이루어지는 흐름에 따라 코드 작성해주시니 너무 이해하기가 좋았습니다. 다른 강의도 수강한 적 있는데 강의력 너무 좋으십니다!
springboot3.x대 jwt토큰 기반 로그인 구현
oauth기반의 회원가입, 로그인
구글로그인, 카카오로그인 구현과 콘솔작업
구글/카카오 SNS 로그인 구현(프론트, 백엔드)
2가지 구현 방식을 통한 oauth 로그인
방법1)프론트엔드(인가코드), 서버(access토큰, 사용자정보) 방식의 sns로그인
방법2)spring의 oauth2-client를 활용한 서버(인가코드, access토큰, 사용자정보) 방식의 sns로그인
구글,카카오 콘솔작업부터 수업에서 함께 진행
백엔드
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
모든 수업 자료는 아래 링크의 노션자료를 보셔도 되고, 동일한 내용의 pdf 수업자료도 강의마다 업로드됩니다.(노션이 더 보기 편합니다!!)
강사와 함께 만들어갈 소스코드는 github에 미리 공개돼 있습니다.
학습 대상은
누구일까요?
sns로그인을 구현해보고 싶은 개발자
oauth구현은 해봤지만 구조에 대한 이해가 부족했던 사람
oauth구현에서 백엔드의 영역과 프론트의 영역의 구분이 궁금했던 개발자
인프런인증
커리어인증
3,612
명
수강생
395
개
수강평
133
개
답변
4.9
점
강의 평점
10
개
강의
💪💪💪실무와 강의 경력을 갖춘 전문가 💪💪💪
안녕하세요 김선국입니다. 연세대학교를 졸업하고 대기업, 스타트업 등에서 소프트웨어 엔지니어로 일해왔습니다. 현재는 기업교육/부트캠프 전업 강사로 일하고 있습니다. 실무 경험과 강의 경험을 모두 갖춘 강사로서, 여러분들에게 반드시 알아야할 지식들 위주로 알기쉽게 전달 드리겠습니다.
프로필 : https://www.linkedin.com/in/seongukkim
기업교육문의 : ksg39412@naver.com
전체
20개 ∙ (6시간 36분)
해당 강의에서 제공:
3. oauth의 주요 요소
10:35
4. 인가코드(프론트에서 발급)
14:22
5. 인가코드(백엔드에서 발급)
10:19
6. ERD구성
21:21
7. 회원가입
16:32
8. 토큰생성
24:51
9. filterchain구성
19:33
10. 토큰검증
25:09
11. 화면구성-header
25:55
12. 화면구성-회원가입/로그인
19:09
전체
34개
4.9
34개의 수강평
수강평 7
∙
평균 평점 5.0
수강평 21
∙
평균 평점 5.0
수강평 528
∙
평균 평점 5.0
수강평 24
∙
평균 평점 5.0
5
소셜 로그인과 OAuth2는 Spring Security처럼 복잡하고 방대할 것이라는 막연한 두려움이 있어서 그동안 손대지 못하고 있었습니다. 하지만 해당 강의를 통해 인가코드 - 액세스 토큰 - 사용자 정보로 이어지는 일련의 요청 흐름을 명확히 느껴볼 수 있었습니다. 또한 프론트와 백엔드 양쪽의 코드를 모두 작성하여 각 영역의 책임범위와 보안상 문제점들도 확실히 이해할 수 있었습니다. 이 강의는 소셜 로그인과 jwt에 대해 간결하고도 밀도있는 강의입니다. 양질의 강의 감사드립니다.
bigho98님 매번, 정성스러운 수강평 감사드립니다~! 앞으로 더 좋은 강의로 찾아뵙겠습니다.
수강평 1
∙
평균 평점 5.0
지식공유자님의 다른 강의를 만나보세요!
같은 분야의 다른 강의를 만나보세요!