Skip to content

smartDormLife/frontend

Repository files navigation

🏠 슬기로운 긱사생활 (Smart Dorm Life) - Frontend

아주대학교 기숙사생들을 위한 통합 커뮤니티 플랫폼 배달비 분담, 공동구매, 중고거래를 하나의 서비스에서 해결하세요.


📝 프로젝트 개요

기존 기숙사생들이 겪던 **정보 분산(에브리타임, 카카오톡 등)**과 접근성 저하 문제를 해결하기 위해 기획되었습니다.
게시글 작성부터 파티 모집, 그리고 모집 완료 시 자동으로 생성되는 채팅방까지 이어지는 매끄러운 사용자 경험을 제공합니다.

🚀 핵심 기능

  • 기숙사 기반 폐쇄형 커뮤니티: 본인이 소속된 건물의 게시판에만 접근하여 보안과 신뢰도를 높였습니다.
  • 자동화된 파티 매칭: 인원 모집 완료 시 Socket.IO를 통해 즉시 실시간 채팅방이 개설됩니다.
  • 카테고리별 특화 게시판: 배달, 공동구매, 중고거래, 그리고 전체 공개되는 택시 카테고리를 제공합니다.
  • 실시간 상태 관리: TanStack Query를 사용하여 파티 참여 현황을 실시간으로 동기화합니다.

🛠 Tech Stack

Core

  • Library: React (Vite)
  • Language: TypeScript (안정적인 데이터 처리 및 에러 방지)
  • State Management: TanStack Query (Server State), React Hooks
  • Real-time: Socket.io-client

Why TypeScript?

보안 전공자로서 데이터 무결성을 보장하기 위해 채택했습니다.

  • 코드를 실행하기 전 타입 에러를 방지하여 런타임 버그를 최소화했습니다.
  • 팀 협업 시 API 데이터 구조를 명확하게 공유하여 개발 속도를 높였습니다.

🏗 시스템 아키텍처 및 설계 특징

  • API 인터셉터: JWT 기반 인증 체계를 구축하여 모든 요청에 보안 토큰을 자동으로 포함합니다.
  • Soft Delete: 채팅방 탈퇴 시 is_active 필드를 활용하여 메시지 이력을 유지하는 데이터 보존 전략을 사용했습니다.
  • 캐시 무효화 전략: onSuccess 시점에 관련 쿼리 키를 무효화하여 UI와 서버 데이터의 일관성을 유지합니다.

About

"슬기로운 긱사생활"의 프론트엔드

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors