프로젝트 요약

  • 프로젝트 이름: Covengers
  • # 반응형 웹 개발
  • - 오픈 채팅 서비스
  • - Springboot, Node js Rest API 서버와 하나의 클라이언트 서버로 구성
  • - 일반채팅, 오픈채팅 기능으로 구성이며 채팅기능에는 이미지, 동영상, 마크다운 등 다양한 기능이 구성
  • - ELK 스택을 사용하여 사용자의 대화 내역 조회 및 메모리 사용량 파악 가능
  • 트러블 슈팅
  • #1

    - 채팅 기능시 UI/UX 적인 측면에서 채팅 스크롤 이동 및사용자가 채팅 전송시 전송한 채팅의 위치가 시각적으로 불편하게 보여지는 이슈발생

  • - 채팅내부의 높이와 스크롤의 길이 값을 계산하여 UX 적인 측면을 개선
  • #2

    - 채팅 전송시 Socket 중복 호출 이슈

  • - 렌더링 시 Socket 생성이 되는 문제는 리액트가 mount 된 후만 호출되야하는 방식으로 변경 후 한 번만 호출되도록 변경
  • Project 소스코드: Covengers

프로젝트 개요 및 역할

기존 채팅 서비스의 기능 및 개발자들의 업무에 있어 원할한 소통이 가능하도록 한 웹 어플리케이션

Backend Springboot를 사용하여 각 서버간의 인증과 인가를
위해 Spring security, JWT 토큰 발급방식으로 회원가입, 로그인, 접속 등의 기능 구현

회원 및 비회원에 따른 이용 서비스 분리기능 추가 및 oauth 2.0 도입하여 보다 편리한 로그인 기능 추가

Elastic Search, LogStash, Kibana의 ELK Stack을 사용하여 사용자들의 트래픽 분석 및 채팅 분석 기능 추가


[기술 스택]
  • 🔨 Front End : React , Es6
  • 🔨 Back End : Springboot, Java, Node js, JavaScript
  • 🔨 DB : MySql
  • 🔨 etc : elastic stack, Redis