데브허브 | DEVHUB | 토스페이먼츠 MCP + 커서로 결제 구현, 클로드 코드에서 이어받기 - 바이브코딩 다마고치 3편토스페이먼츠 MCP + 커서로 결제 구현, 클로드 코드에서 이어받기 - 바이브코딩 다마고치 3편
- 클로드 코드 토큰 소진 후 커서(Cursor)로 개발 환경을 전환하여 토스페이먼츠(Toss Payments) MCP 결제 기능을 구현하는 과정을 다룸. 🔄
- 기존 프로젝트는 로그인, 관리자 화면, 장바구니, 주문하기 기능까지 구현된 상태였으며, 관리자 대시보드와 메뉴 추가 기능도 잘 만들어져 있었음. 🛒
- 커서의 통합 터미널 기능을 활용하여 개발 편의성을 높였고, AI가 개발 환경을 통합적으로 관리하는 장점을 보여줌. 💻
- 토스페이먼츠 MCP(Multi-Code Prompt)를 커서에 추가하여 결제 연동을 시도했으며, MCP가 문서(API 명세)를 읽고 필요한 코드와 테스트 키를 자동으로 파악하여 제공하는 기능이 강조됨. 💡
- 이커머스 결제 기능 구현의 복잡성(장바구니, 여러 상품, 다양한 주문 상태: 취소, 환불, 반품, 부분 취소, 배송 등)을 AI가 테이블 구조 설계부터 해결하는 능력을 시연함. 🤯
- 개발 과정에서 발생한 오류(예: 주문자 이메일 함수 부재, 터보(Turbo) 문제, 결제 완료 처리 미흡)를 AI가 스스로 진단하고 코드를 수정하거나 필요한 기능을 추가하여 해결하는 모습을 보여줌. 🛠️
- 클로드 코드에서 사용하던 개발 룰(Rules)을 커서로 가져와 적용함으로써 일관된 개발 가이드라인을 유지하고 AI의 코드 생성 방향을 제어할 수 있었음. 📜
- AI의 코드 생성 신뢰도가 불과 몇 개월 사이에 크게 향상되어, 이제는 QA만 잘하면 AI가 짠 코드를 충분히 활용할 수 있는 수준에 도달했음을 언급함. ✅
- 최종적으로 토스페이먼츠 테스트 결제까지 성공적으로 완료되었고, 관리자 페이지에 매출이 자동으로 추가되는 기능까지 확인하며 결제 및 관리자 페이지 구현을 마무리함. 💰