인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

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

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

Thumbnail

초급자를 위해 준비한
[풀스택, stomp-websocket] 강의입니다.

이런 걸 배울 수 있어요

  • websocket, stomp에 대한 개념과 활용

  • 1:1채팅, 그룹채팅 등 시나리오별 채팅서비스개발

  • 채팅서비스를 위한 DB설계와 springboot 기반 RESTFUL API개발

  • vue3를 통한 채팅화면구성 및 웹소켓 서버연결

  • redis의 pub/sub을 활용한 다중채팅서버 확장성 설계

1. 학습내용📕

  • websocket/stomp 기술을 활용한

    1:1채팅, 단체 채팅 등 시나리오별 채팅서비스 구현

    • 순수 웹소켓을 활용한 채팅 구현

    • stomp를 활용한 1:1채팅

    • stomp를 활용한 그룹채팅


  • 채팅서비스를 위한 DB설계와 API개발

  • 개발 주요 API 목록

    • stomp 통신 후 메시지 DB 저장

    • 그룹채팅관련


      • 그룹채팅방 개설, 그룹채팅 목록조회, 그룹채팅에 참여자추가


    • 1:1채팅관련


      • 개인채팅방 개설

    • 공통사항

      • 이전 메시지 내역조회,

        채팅방 메시지 읽음처리,

        내 채팅방 목록조회, 채팅방 나가기

  • redis의 pub/sub을 활용한 다중채팅서버 확장성 설계

    • 다중서버 환경에서 각기 다른 서버에 접속된 클라이언트들이 웹소켓 통신이 되도록 코드를 구현하고, 테스트 합니다.

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

  • 백엔드

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

  • 프론트

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

  • 주의사항

    • 위 기술스택의 기초적인 지식이 선행되면 좋으나, 수업에서 빠르게나마 전반적인 springboot와 vue에 대한 기초 지식을 설명합니다. (특히 vue는 디테일한 코드의 이해보다는 큰 틀에서 프론트의 동작 과정위주로 보시면되니, 부담갖지 않고 따라오시면 될것 같습니다.)

    • 일단, 위 기술스택에 대한 선행여부와 상관없이 강의가 들을만한지, 회원파트는 수업내용을 모두 공개처리 해놓을테니 공개된 강의를 들으시고 수강여부를 판단부탁드립니다.

3. 수업자료 📢

이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 채팅서비스를 개발해보고 싶은 사람

  • 실시간 통신에서 백엔드와 프론트의 영역과 범위가 궁금하신분

  • 한번쯤은 springboot기반 풀스택 개발을 해보고 싶으신분

안녕하세요
brad_kim입니다.

1,148

수강생

55

수강평

36

답변

5.0

강의 평점

7

강의

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

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

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

커리큘럼

전체

36개 ∙ (11시간 16분)

해당 강의에서 제공:

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!