데브허브 | DEVHUB | EP13 - 당근 마켓 앱 만들기 마이페이지바이브 코딩EP13 - 당근 마켓 앱 만들기 마이페이지바이브 코딩
- 당근마켓 마이페이지 구축을 시작하며 피그마 MCP를 활용하여 디자인을 연결하고 페이지를 생성합니다. 📱
- 판매 내역은
sellerId를 기준으로 사용자 본인의 상품을 필터링하여 표시하도록 구현합니다. 🛍️
- AI 도구(Cursor)를 사용하여 코딩할 때도 데이터 모델 구조와 용어(예:
sellerId, UID)에 대한 개발자 수준의 이해가 정확한 코드 생성을 위해 필수적임을 강조합니다. 🗣️
- 대규모 데이터 처리 시 성능 저하를 막기 위해
sellerId나 createdAt 등 특정 기준에 따른 데이터베이스 인덱싱 작업의 중요성을 설명합니다. 📊
- 관심 목록은 사용자의
UID가 like 컬렉션에 포함된 상품을 필터링하여 표시하는 방식으로 구현합니다. ❤️
- 최근 본 상품 기능을 위해 새로운 데이터베이스 컬렉션을 생성하여 사용자가 조회한 상품들을 저장하고 표시합니다. 👁️
- 직관적인 용어로 데이터 모델을 설계하면 AI가 요청을 더 잘 이해하고 스마트하게 코드를 생성할 수 있음을 언급합니다. 🧠
- 화면 재생성 등 앱 생명 주기와 관련된 버그가 발생하며, 이는 AI 도구 재실행을 통해 해결하고 향후 AI 모델 개선으로 해결될 것으로 예상합니다. 🐛
- '구매하기' 버튼을 추가하고, '매너 온도'를 선택할 수 있는 팝업 및 관련 데이터 모델을 생성합니다. 🛒
- '거래 후기'와 '구매 확인' 팝업을 하나로 통합하여 사용자 경험을 개선합니다. ✨
- 다음 시간에는 구매 내역 및 수정 기능 구현을 통해 마이페이지 개발을 마무리할 예정입니다. 🚀