Skip to content

Project

Goal Tracker — 개인 목표 관리 웹앱

성과관리 실무자가 자기 문제를 풀기 위해 만든 목표 관리 도구. GAS 프로토타입에서 Firebase 기반 웹앱으로 전환하며 인증, 배포, 모바일 이슈를 직접 해결한 과정을 담았습니다.

2026.02기획 / 풀스택 개발 / UX 설계
JavaScriptGoogle Apps ScriptFirebaseGoogle Sheets
Goal Tracker — 개인 목표 관리 웹앱

Related links

목표 관리 앱은 세상에 넘치지만, 정작 원하는 방식으로 동작하는 건 없었습니다. 연간 목표를 세우고 주차별로 쪼개서 체크하는 흐름 — 회사에서 매일 하는 성과관리와 같은 구조를 개인 영역에도 적용하고 싶었습니다.

프로토타입에서 실제 서비스로

처음에는 Google Apps Script와 Sheets로 빠르게 만들었습니다. 스프레드시트가 곧 데이터베이스였고, 배포도 GAS 웹앱 하나로 끝났습니다. 하지만 기능이 늘수록 한계가 분명해졌습니다. 카테고리별 목표 설정, 진행률 시각화, 다크모드까지 추가하면서 Firebase로 전환했습니다.

전환 과정에서 까다로웠던 부분은 모바일 Google 로그인이었습니다. 콘솔 설정, 승인 도메인, 인앱브라우저 흐름 — 하나씩 풀어가며 배포 환경에서의 인증 문제를 해결했습니다.

AI 도구와 함께 만든 과정

Claude Code로 기능 구현과 UI 수정을 진행하고, Codex로 배포 오류와 로그인 이슈를 추적했습니다. 두 도구의 역할이 자연스럽게 나뉘었습니다. 설계와 구현은 대화형으로, 디버깅은 코드베이스 전체를 보는 방식으로 진행했습니다.

정리

매일 쓰는 도구를 직접 만들면 기능 우선순위가 저절로 정해지고, 불편함이 곧바로 다음 작업이 됩니다. 성과관리를 업으로 하는 사람이 자기 목표 관리 도구를 만든 만큼, 실제 사용 맥락이 설계에 반영된 결과물이 나왔습니다.