풀스택 Vibe 코딩으로 웹앱 배포 경험을 목표로 온라인 쇼핑몰/쇼룸 개발 (3/3)

진행 방법 : 다양한 도구 활용 접근

1. Bubble AI ✨

  • 요즘 핫하다길래 바로 써봄.

  • 구현력 및 디자인 감성은 기대 이상. 러버블보다 딱히 밀리지 않음.

  • 단점: 코드 추출 불가. 유료쓰면 JSON 내보내기 가능. raw 코드는 아예 내보낼 수 없고 Bubble로 완성해야 하는 것을 깨닫고 충격 받았음..

    https://cottonpisces-18602.bubbleapps.io/version-test?debug_mode=true

    여자가 티켓 부스 앞에 서 있습니다
    쇼핑 카트 페이지의 스크린 샷

2. 기존 V0 + Next.js 풀스택 + Vercel 조합 🛠️

  • 풀스택으로 직접 개선 시도.

  • 랜딩페이지 생성 → 필터기능 → 상세페이지 수정 진행.

  • 문제: 코드 수정할 때마다 npm run dev 개발서버에서도 계속 의존성? 문제가 발생해서 .

    • .next, node_modules 및 캐시 삭제 후 npm install 재설치 반복으로 진행 속도 더딤.

    • 노하우 있는지 궁금합니다.

3. Wix ⚡

  • 지인이 2시간 만에 기존 레이아웃 활용해서 나보다 더 괜찮게 만든 걸 보고 현타옴.

  • 코딩 없이 디자인 퀄리티 높음 (자세히는 모르지만 AI 채팅으로 의도하는 홈페이지 입력해서, 제작하는 기능방법도 있고, 기존 레이아웃 사용하는 방법도 있는듯 함. 데이터는 엑셀/데이터 프레임형식으로 올리는 방식임).

  • 최근 특강 놓치고 못 들은 것이 아쉬움.

결과와 배운 점

  • 많은 기술에 해자가 없을 듯 하네요. 더욱 많이 고민하고 차별 점을 찾아야 될 것 같습니다.

한 줄 요약

겸손해졌다. 더 고민하고, 더 배우고 고민해야겠다.

2
4개의 답글

뉴스레터 무료 구독

👉 이 게시글도 읽어보세요