소개
내가 사용하는 노션의 건강&생산성 관리 페이지를 웹페이지로 바꾸어 만들어 보려고 한다.
진행 방법
#. 사용한 도구 : Claude, Gemini 등으로 PRD나 코딩에 대해 문의하고 Cursor로 코딩을 실시함
한국어 텍스트가 있는 화면
사용하던 템플릿 웹페이지를 읽어서 PRD를 만들어 달라고 하니 클로드와 제미나이 모두 작동하지 않았다. 때문에 해당 페이지를 PDF로 뽑아서 PRD를 만들어 달라고 지시하였다.
일일 루틴 관리자 프로 제품 요구 사항 문서
PDF를 추출하여 첫 번째로 PRD를 만들어 보았다.
Gemini와 Claude가 만든 결과를 교차 검증하여 추가로 PRD를 보완 하였다.
코딩 전 목업부터 확인해보았다. 내가 구상한 것과 화면 구성이 많이 다른 것 같다.
더 요구사항을 보완하고, 다시한번 목업을 만들어 보았다.
휴대폰에 있는 한국어 메뉴 스크린샷
아직은 내가 만든 노션 페이지보다 더 허접한 결과물이 나오고 있다. 여러가지 수정 사항이 필요하다.
결과와 배운 점
제대로 된 프로그램을 만들려면 PRD에 지속적인 수정 필요함을 느꼈다.
