플러스프로젝트 배경
- 문제 인식 - 10대 - 20대 유저들은 취향이 맞는 사람을 찾기 어려운 기존 SNS의 한계를 경험함 - 알고리즘이 아닌 자신이 직접 선택한 관심사 태그 기반으로 채팅방과 친구를 매칭받는 서비스의 필요성을 느낌 - 해결 방향 - 회원가입 시 관심사 태그를 등록하고, 해당 태그를 기반으로 홈 화면에서 채팅방과 유저를 추천받는 구조를 설계 - 취향이 맞는 사람들끼리 채팅방에 모여 실시간
프로젝트 성과
서비스 무중단 자동 배포 구축
GitHub Actions + Docker + AWS EC2 + Nginx 기반의 CI/CD 파이프라인을 구축하여, 코드 변경 시 자동으로 빌드﹒배포가 완료됨. 개발자 수동 작업 없이 항상 최신 버전이 서버에 반영
실시간 채팅 장애 복구 처리
WebSocket 연결이 끊어지는 경우 1초 후 자동 재접속을 시도하며, 25초마다 서버와 Heartbeat를 주고받아 연결 유지성 확보. 클라이언트 입장에서 채팅이 갑자기 안 된다는 불만 민원을 사전에 방지함
메시지 전송 실패 처리로 UX 신뢰도 확보
메시지 전송 후 5초 내 서버 응답이 없으면 자동으로 '전송 실패' 상태로 표기함. 전송 중 → 성공 → 실패 3단계 상태관리로 유저가 메시지 상태를 명확히 인지할 수 있어 서비스 신뢰도를 높임
인증 토큰 자동 갱신으로 로그인 유지
Axios 인터셉터를 통해 API 요청 중 토큰 만료 시 자동으로 토큰 재발급 후 원래 요청을 재시도함. 유저가 갑자기 로그아웃되는 불편함 없이 서비스를 연속으로 이용 가능
전역 에러 처리로 서비스 다운 방지
예상치 못한 런타임 오류 발생 시 서비스 전체가 흰 화면으로 다운되지 않고, 안내 화면으로 안전하게 대체함. 향후 Sentry 등 에러 트래킹 서비스 연동 포인트까지 미리 설계
핵심 기능
관심사 태그 기반 맞춤 추천
회원가입 시 선택한 관심사 태그를 기반으로 홈 화면에서 채팅방과 친구를 개인화 추천. 비로그인 유저에게는 인기 채팅방을 무작위로 노출하여 서비스 진입 장벽을 낮춤
진행 단계
기획 및 설계
2024.10.
10대 - 20대 소셜 채팅 서비스의 핵심 플로우(회원가입 → 태그 선택 → 채팅방 추천 → 실시간 채팅) 설계. 인증 구조(이메일 인증, 소셜 로그인), WebSocket 기반 채팅 아키텍처, 알림 시스템 설계
프로젝트 상세
1. 포트폴리오 소개 - 10대 - 20대를 타깃으로 한 관심사 기반 소셜 채팅 플랫폼 개발 - 유저가 선택한 취향 태그를 기반으로 채팅방과 친구를 추천받고, 실시간으로 소통할 수 있는 커뮤니티 서비스 2. 작업 범위 - Front-end 개발 - 반응형 웹 3. 주요 업무 - 이메일 인증﹒소셜 로그인 기반 회원가입 및 로그인 페이지 - 관심사 태그 기반 채팅방﹒친구 개인화 추천 홈 피드
