교육 소개
home
DEEP DIVE 소개
home
💬

TECPOOL CHAT

Front-End Developer
개발 2023.03 ~ 2023.06
  Links
Github

서비스 내용

아주대 학생을 위한 택시 합승을 구하고 연락할 수 있는 채팅입니다.
서비스에서 제공하는 핵심 기능입니다.
1.
실시간 채팅 (그룹 채팅 가능)
2.
실시간 접속 사용자 확인
3.
프로필 생성 및 수정

기술 스택

React
TypeScript
Next.js
Tailwind CSS
MongoDb
pusher

성장 경험

실시간 채팅의 어려움

실시간 채팅 기능을 구현하는 것은 쉽지 않았습니다. 실시간으로 사람들이 소통할 수 있는 환경을 제공하려면 서버와 클라이언트 간의 실시간 데이터 흐름을 효과적으로 관리해야 했습니다. 이를 위해 Pusher와 같은 실시간 메시징 서비스를 도입하여 데이터의 실시간 전송과 동기화를 처리했습니다.

오픈 소스와 자원 활용

실시간 채팅 구현에 있어서 어려움을 겪을 때, 다른 오픈 소스와 자원들을 참고하고 활용했습니다. 오픈 소스 프로젝트나, 블로그 글 등을 통해 다른 개발자들의 경험과 지식을 습득하고, 그것을 실제 프로젝트에 적용하여 문제를 해결했습니다. 이를 통해 협업의 필요성과 커뮤니티의 가치를 더욱 깨달을 수 있었습니다.

 서비스 화면

초기 화면 (로그인)

회원가입 화면

메인 화면

실시간 채팅 화면

그룹 채팅방 생성 가능

프로필 수정 화면