주제 및 선정 배경 (기획 의도 등)
- 서비스명: 사람,별
- 서비스 기획 의도: 내 사람들을 저장하고, 그 사람들과의 약속을 만들고, 추억을 기록하는 오거나이저
- 프로젝트 한 줄 설명: 사람과의 관계를 보다 전문적으로 관리할 수 있는 퍼스널 스케쥴 서비스
서비스 아키텍처 설명
프로젝트 팀 구성 및 역할 (생략 가능)
주제 및 선정 배경 (기획 의도 등)
서비스 아키텍처 설명
프로젝트 팀 구성 및 역할 (생략 가능)
| 이름 | 역할 | 담당 업무 |
|---|---|---|
| 오영진 | 리더 | 내 사람, 다가오는 약속 리스트, 내 사람 리스트 CRD |
| 김종연 | 부리더 | 로그인/회원가입 페이지, 소셜로그인, 비밀번호 재설정 |
| 김시헌 | 멤버 | 내사람 페이지 |
| 김진채 | 멤버 | 캘린더 페이지 |
| 이기리 | 멤버 | 랜딩페이지, 데모모드, 약속추가 |
프로젝트 수행 절차 및 방법 (1분)
프로젝트 수행 결과 (6분)
<aside> 💡
이번 프로젝트에서는 개발 효율성과 협업 편의성, 그리고 유지보수 가능성을 중점으로 기술 스택을 선정했습니다.
패키지 매니저로는 pnpm을 사용했습니다. 빠른 설치 속도와 디스크 공간 절약, 그리고 모노레포에 유리한 구조 덕분에 협업 환경에서 안정적인 성능을 보였습니다.
프레임워크는 Next.js 14를 사용했고, App Router 방식을 채택했습니다. 서버 컴포넌트와 클라이언트 컴포넌트를 구분하여 SSR과 CSR을 적절히 조합할 수 있었고, 레이아웃 구성이나 페이지 전환이 유연해 사용자 경험을 개선할 수 있었습니다.
상태 관리는 역할에 따라 분리했습니다. Zustand는 클라이언트 전역 상태를 간단하고 가볍게 관리하는 데 활용했고, TanStack Query는 서버 데이터를 비동기적으로 가져오고 캐싱하는 데 사용해 불필요한 네트워크 요청을 줄였습니다.
폼은 React Hook Form을 사용해 성능을 확보하면서도 유효성 검사를 간단하게 처리했고, React Big Calendar를 통해 약속을 시각적으로 표현하는 기능을 구현했습니다.
스타일링은 TailwindCSS를 기반으로 하고, 컴포넌트 레벨 UI는 shadcn/ui를 통해 빠르게 구성하면서도 일관된 디자인 시스템을 유지할 수 있었습니다.
기술 스택은 실제 사용성과 팀 상황을 고려해 유연하고 실용적으로 구성되었고, 결과적으로 빠른 개발과 안정적인 서비스 구현에 도움이 되었습니다.
</aside>