프로젝트 목록으로

Case Study

자체 프로덕트

Methodeck

하나의 작업 풀을 6가지 시간 관리 방법론으로 재해석하고, 검증된 실행을 뱃지·XP·스트릭으로 연결하는 개인 생산성 웹 서비스입니다.

직접 기획하고 출시해 운영 중인 제품입니다. 기술 범위와 운영 방식을 판단하는 근거로 봐주세요.

서비스 방문

프로젝트 개요

Methodeck은 작업을 방법론별로 중복 등록하지 않고 한 번만 기록한 뒤, 포모도로·칸반·아이젠하워·개구리 먹기·GTD·타임블록 렌즈로 다시 배치하는 개인 생산성 웹 서비스입니다. Today Hub는 오늘·다음 7일·날짜 미정 작업을 함께 보여 주며, 회고·히스토리·반응형 캘린더를 연결합니다. 도메인 이벤트를 기준으로 서버가 XP·스트릭·뱃지를 계산하고, 사용자는 진행률과 1회성 획득 모달을 통해 성취를 확인합니다. 예약 시각과 읽음 상태를 갖춘 앱 내 알림 API도 포함하며, Google OAuth 로그인과 선택적 Google Calendar 읽기 전용 연동을 제공하고 GKE·Cloud SQL 기반으로 운영합니다.

실제 화면

오늘, 다음 7일, 날짜 미정 작업을 한 화면에서 정리하는 Today Hub
오늘, 다음 7일, 날짜 미정 작업을 한 화면에서 정리하는 Today Hub
작업과 타임블록을 함께 확인하는 데스크톱 월간 캘린더
작업과 타임블록을 함께 확인하는 데스크톱 월간 캘린더
월간 탐색과 당일 아젠다를 함께 제공하는 모바일 캘린더
월간 탐색과 당일 아젠다를 함께 제공하는 모바일 캘린더
집중 세션을 시작하고 남은 시간을 확인하며 작업을 완료하는 Pomodoro 화면
집중 세션을 시작하고 남은 시간을 확인하며 작업을 완료하는 Pomodoro 화면
상태별 작업을 드래그해 우선순위와 진행 상황을 관리하는 Kanban 보드
상태별 작업을 드래그해 우선순위와 진행 상황을 관리하는 Kanban 보드
하루의 완료·미완료 작업을 돌아보고 회고를 남기는 Evening Review
하루의 완료·미완료 작업을 돌아보고 회고를 남기는 Evening Review
연속 기록과 성과를 배지·진행 상태로 확인하는 보상 화면
연속 기록과 성과를 배지·진행 상태로 확인하는 보상 화면
긴급도와 중요도로 일을 분류해 다음 행동을 정하는 Eisenhower 매트릭스
긴급도와 중요도로 일을 분류해 다음 행동을 정하는 Eisenhower 매트릭스
하루를 시작하며 우선순위와 집중 계획을 정리하는 Morning Check-in
하루를 시작하며 우선순위와 집중 계획을 정리하는 Morning Check-in
시간 단위로 일정을 배치하고 작업을 확인하는 일간 캘린더
시간 단위로 일정을 배치하고 작업을 확인하는 일간 캘린더
누적된 작업과 회고를 시간순으로 되돌아보는 히스토리 타임라인
누적된 작업과 회고를 시간순으로 되돌아보는 히스토리 타임라인

주요 도전 과제

  • 하나의 작업을 6가지 실행 방법론으로 투영하면서도 원본 작업을 안전하게 보존
  • 투데이·캘린더·회고·히스토리 화면이 동일 작업 풀을 일관되게 다루도록 설계
  • 도메인 이벤트를 XP·스트릭·뱃지로 투영하면서 중복 보상과 클라이언트 조작을 방지
  • 명시적 동의, 암호화된 토큰, 읽기 전용 경계를 갖춘 Google Calendar 연동
  • 외부 전달 채널과 분리된 예약·읽음 상태의 앱 내 알림 모델 구성
  • GKE 배포 후 공개 DB 헬스체크와 인증 API 동작까지 확인하는 운영 절차 구성

주요 성과

  • Next.js·NestJS·PostgreSQL·공유 계약·방법론 정의를 아우르는 Turborepo 제품을 구축·배포
  • 포모도로·칸반·아이젠하워·개구리 먹기·GTD·타임블록 6개 렌즈를 하나의 작업 모델에 구현
  • 서버 계산 XP, 활동·회고·개구리 스트릭, 진행률·필터·1회성 획득 경험을 갖춘 8개 뱃지 구현
  • 예약 시각 기반 앱 내 알림 저장과 인증된 조회·읽음 처리 API 계약 구현
  • Today Hub, 캘린더, 회고, 히스토리 흐름을 반응형 UI와 데스크톱·모바일 E2E로 검증
  • Google OAuth와 선택적 Google Calendar 읽기 전용 연동을 포함한 서비스를 methodeck.com에서 운영

사용 기술

Next.js 15React 19NestJS 11PostgreSQL 16Drizzle ORMts-restEvent-driven RewardsGoogle OAuthGoogle Calendar APIGKECloud SQL