혼란에서 명확함으로: Next.js와 NestJS로 만든 목표 계획 도구 Tsilovo

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 개발자, 프로덕티비티 도구 개발자, 개인 목표 관리자
• 난이도: 초보자~중급자 (프레임워크 사용 경험 필요)

핵심 요약

• 핵심 목표 제한: 최대 5개의 목표만 설정 가능, "진전" 보다 "완벽함"을 중시
• 기능 구현:
• Next.js (프론트엔드) + NestJS (백엔드) 기반, MongoDB + Typegoose 사용
• JWT 인증, Google OAuth, i18n (EN/UA), 다크/라이트 테마, 이메일 알림
• 실용성 강조: "완벽하지 않아도 충분히 유용한 도구"라는 철학 반영

섹션별 세부 요약

1. 문제 인식: 목표 혼란의 시작

• 일상 업무와 달리 개인 목표(스페인어 학습, 여행 계획 등)는 우선순위 정리가 어려움
• "지금은 안 돼", "나중에 할게" 등의 방어 메커니즘으로 목표가 묻혀감
• "완벽한 순간을 기다리는 것보다 시작하는 것"이 핵심이라는 인식 변화

2. 솔루션: Tsilovo 도구 개발

• 기능 설계:
• 5개의 목표 제한, 일일/주간/연간 통계 제공
• 진행 상황 추적, 간단한 UI/UX, 다국어 지원
• 개발 동기: 개발자로서의 경험을 바탕으로 "필요한 도구"를 직접 구현한 사례

3. 기술 스택 및 구현

• 프론트엔드:
• Next.js (SSG/SSR 지원), TypeScript, React Query
• 백엔드:
• NestJS (Node.js 기반), MongoDB + Typegoose (스키마 기반 MongoDB 활용)
• JWT 인증, Google OAuth 인터페이스
• 추가 기능:
• i18n (EN/UA), 다크/라이트 테마, 이메일 알림, 드래그 앤 드롭 UI

4. 결과와 전망

• 완벽하지 않지만 실용성 높은 도구로 사용 중
• "하루에 하나의 작은 진전"이 목표 달성의 핵심이라는 철학 반영
• GitHub과 Vercel에서 공개, 직접 사용/포크 가능

결론

• "작은 도구가 큰 명확함을 가져다 줄 수 있다"는 메시지 강조
• GitHub에서 코드 확인 (https://github.com/tsilovo) 및 Vercel에서 라이브 디모 사용 (https://tsilovo.vercel.app) 권장
• "완벽한 순간을 기다리는 것보다, 지금 바로 시작하는 것"이 실무 적용의 핵심 팁