개인 일정관리 대시보드(Ver1.0) 공유합니다.

소개

  • 기존 사용하고 있는 개인일정관리 노트(PDS:Plan Do See)의 장/단점을 고민하여 웹앱으로 만듬.

  • Dashboard를 통해 나의 목표와 주간/일간계획이 연계되어 관리될 수 있도록 구성함.

  • 일일/주간 회고를 통해 나의 생각을 정리하도록 하였으며, AI회고 기능을 추가하여 객관적인 회고(평가?)도 추가함.

진행 방법

  • 사용도구 : Claude, Antigravity, Claude Design

  • plugin : show-me-the-prd(prd, data_model, phases, project_spec 문서 생성)

    kkirikkiri(동적 subagent 팀을 만들어 작업 수행)

  • 작업 진행 방법

    1) Show-me-the-prd 를 사용하여 PRD등 프로젝트 관련 문서 생성

    2) Claude Design에 해당 PRD 문서를 전달, 디자인 생성

    3) kkirikkiri에 디자인 파일 전달하여 개발 요청

    4) 만들어진 결과물을 보며 바이브 코딩 및 테스트를 통해 수정.

    : 기능에 대한 고민이 있을때는 claude에게 의견을 물어 최적의 안으로 작업을 진행함.

  • 버전 변경 단계

    1) 토요일 OT 기준 1페이지 Dashboard 작성

    금액이 표시된 화면이 있는 휴대전화의 스크린샷

2) 목표->주간계획->일일계획 수립 및 실적 입력할 수 있는 기능으로 개선

시간 관리 앱의 스크린샷

3) DB연결, Vercel 배포 및 로그인 기능, AI 회고 기능 등 추가. 테스트 진행.

한국의 구글애널리틱스 대시보드

주간회고에서 목표별 진척률을 입력할 수 있도록 함.

  • 정량 진척률 : 현재 값을 입력하면 자동 계산

  • 정성 진척률 : 자기가 양심껏 입력.^^

    파란색 배경의 웹사이트 스크린샷

회고 열람을 통해 자기가 작성한 회고를 통해 목표를 위해 얼마나 노력했는지를 확인할 수 있도록 함.

한국 달력의 스크린샷

AI 회고를 위한 gemini api key 설정 화면(localstorage, 즉, 브라우저 수준으로 저장, 외부 배포 등 문제 없음)

한국어가 포함된 웹사이트의 스크린샷

결과와 배운 점

  • 기존의 웹 개발을 위해 필요했던 지식들이 많은 부분 필요 없어 짐.

    : 요구사항정의서, 기능정의서, 화면설계서, DB설계서 등 내가 작성한 문서가 없음. ERD를 몰라도 프로그램을 개발할 수 있음.

  • 기능에 대해 방향을 잡지 못하는 경우 claude에게 의견을 물어보자.

    : 항상은 아니지만 납득할만한 방향을 제시해줌.

  • 결과물에 대한 검증은 필수.

    : Cladue가 생각보다 뻔뻔한 답변을 하는경우 확인, 항상 검증, 확인 을 요청해야 함.

향후 추가할 기능

  • google calendar 연동

  • 비밀번호 변경 시 Email 검증 링크 전송 기능

  • 일일계획, 주간계획을 특정 obsidian vault로 전달 기능.

테스트 계정정보

id : [email protected]

pwd:gpters

2
2개의 답글

뉴스레터 무료 구독