Projects


메인 화면 - 기능 1 - 매인 채팅 - 기능 2 - 쓰레드 채팅 구현 스택 Backend - spring web + websocket + stomp Frontend - sockjs + stompclient 기능 설명 메인 채팅 - 룸을 사용하는 사람들끼리 소통을 위한 채팅 쓰레드 채팅 - 한 채팅에 대해서 토론이 필요할때 사용하는 작은 채팅 구현방법 룸의 Chat 탭에 들어오면 '/websocket' api로 서버와 ws연결과 디비에서 최신 메시지를 조회한다. 이후 ws객체를 통해 들어오는 메세지는 하나씩 채팅 배열에 추가해주는 방식으로 개발했다. Chat 탭에서 다른 탭으로 이동시 ws연결 끊는다. 쓰레드 채팅창을 열면 마찬가지로 또 다른 하나의 ws연결및 최신 메시지를 조회한다. 세부 기능 1. 페..

https://www.callicoder.com/spring-boot-security-oauth2-social-login-part-1/ Spring Boot OAuth2 Social Login with Google, Facebook, and Github - Part 1 In this article, You'll learn how to add social as well as email and password based login to your spring boot application using Spring Security and Spring Security's OAuth2 client. You'll build a full stack application with Spring Boot and React c..


실시간 통신을 위한 Socket Server 프로젝트 생성 룸의 실시간 통신을 위한 서버 프로젝트 생성했다. Webflux와 Websocket을 이용해서 실시간 통신을 해볼 생각이다. Spring Webflux를 처음 사용해보았다. Reactive Stream을 제공한다고 한다. 아직 정확히 어떤건지 모르겠다. 이벤트가 발생했을 때 퍼블리셔가 생성 컨슈머가 소비 하는 느낌인가보다. 기존의 mvc방식도 제공하지만 reactive방식을 사용해보았다. 대충 controller -> router, service -> handler 느낌인 것 같다. 그리고 또 생소했던 것이 Mono와 Flux이다. Mono는 단일, Flux는 여러개의 데이터를 전달한다는 데 아직 잘 모르겠다. 간단한 example을 통해서 w..