Next.js와 NestJS를 활용한 개인 목표 관리 도구 'Tsilovo' 구축기
🤖 AI 추천
개인적인 목표 설정 및 추적에 어려움을 겪는 개발자, 생산성 도구를 직접 구축해보고 싶은 개발자, Next.js, NestJS 스택에 관심 있는 개발자
🔖 주요 키워드

핵심 기술
개발자가 개인적인 목표 설정 및 관리의 어려움을 극복하기 위해 직접 구축한 Tsilovo
라는 미니멀리스트 목표/태스크 플래너 프로젝트를 소개합니다. 이 도구는 Next.js와 NestJS를 핵심 기술 스택으로 활용하여 "완벽함보다는 진척"에 초점을 맞추고 있습니다.
기술적 세부사항
- 목표 제한: 최대 5개의 목표 설정
- 핵심 철학: 완벽함보다는 진척(progress, not perfection)에 집중
- 기능: 목표에 따른 일일 태스크 추적, 주간 및 연간 인사이트 제공
- 디자인: 가볍고 시각적이며 직관적인 UI/UX
- Frontend: Next.js, TypeScript, React Query
- Backend: NestJS, MongoDB + Typegoose, JWT Auth, Google OAuth
- 추가 기능: 다국어 지원(EN/UA), 라이트/다크 테마, 이메일 알림, 드래그 앤 드롭
- 소스 코드: GitHub 공개, 라이브 데모 제공
개발 임팩트
개인적인 삶의 목표를 구체화하고, 이를 달성하기 위한 실행 계획을 세우며, 꾸준히 진척 상황을 추적하는 데 도움을 주는 실용적인 도구입니다. 특히, 개발자는 자신의 기술 스택을 활용하여 실생활에 필요한 도구를 직접 만들어보는 경험을 통해 만족감과 학습 효과를 얻을 수 있습니다.
커뮤니티 반응
글쓴이는 이 도구가 자신에게는 잘 작동하며, 다른 개발자들도 사용해보거나 포크(fork)할 수 있도록 독려하고 있습니다. 독자들에게는 목표 계획에 어떤 도구를 사용하는지 댓글로 공유하도록 유도하고 있습니다.
📚 관련 자료
next-todo-app
Next.js를 사용하여 할 일 목록 애플리케이션을 구축하는 튜토리얼 저장소로, Next.js의 프론트엔드 개발 방식을 이해하는 데 도움이 됩니다.
관련도: 85%
nestjs-typescript-starter
NestJS 프레임워크의 공식 TypeScript 스타터 프로젝트로, NestJS를 사용한 백엔드 애플리케이션 구조 및 설정에 대한 좋은 참고 자료가 됩니다.
관련도: 90%
react-query-examples
React Query의 다양한 사용 예제를 제공하는 저장소로, Next.js 애플리케이션에서 데이터 fetching 및 상태 관리에 React Query를 효과적으로 사용하는 방법을 배울 수 있습니다.
관련도: 70%