제 아들(12세)이 아마존에서 빠진 기능을 발견했는데, 인공지능을 이용해서 그걸 만들어 보려고 했습니다.

제 아들이 중학교 학용품을 사러 갔다가 아마존에서 몇 년 전에 해결했을 거라고 생각했던 문제에 부딪혔습니다.

아들의 가장 친한 친구는 학용품 목록이 없어서, 아들이 아마존 장바구니에 담은 물건들을 친구에게 보내주고 싶어했어요. 목적은 간단했어요. 둘이 고른 물건들을 비교해보고, 똑같은 파일철, 공책, 기타 학용품을 샀는지 확인하는 거였죠.

하지만 공유 버튼이 없었어요. 정확히 말하자면, 아마존 비즈니스를 이용하는 기업 고객만 사용할 수 있는 공유 버튼이었죠. 일반 소비자가 사용할 수 있는 유일한 옵션은 장바구니 목록을 공유하는 건데, 그러려면 아들이 이미 장바구니에 물건을 다 담은 후에 새 목록을 만들어서 옮겨야 했어요. 물론 가능은 하지만 전혀 직관적이지 않았죠. 아들은 선물 목록을 만들고 싶었던 게 아니었어요. 이미 담아둔 장바구니를 친구에게 보내고 싶었던 거예요.

아마존은 이미 공식적인 장바구니 공유 기능을 제공하고 있지만 , 이는 아마존 비즈니스 계정 전용입니다. 아마존이 스마트 쇼핑 도우미 를 개발해 온 상황을 고려했을 때, 이러한 기능이 간과되고 있다는 것이 이상하게 느껴졌습니다 . 그래서 직접 만들어 보기로 했습니다.

저는 ChatGPT에 CartShare를 구축해달라고 요청했습니다.

저는 항상 무언가를 만들 이유를 찾고 있지만, 이런 것을 만드는 게 과연 가능한지 정말 궁금했습니다. 개발자가 아닌 분들을 위해 설명드리자면, 바이브 코딩은 자연어를 사용하여 문제를 파악하고 해결책을 만드는 것을 매우 쉽게 만들어주는데, 이것이 바로 ChatGPT를 최대한 활용하는 방법을 보여주는 좋은 예입니다.

이 경우, 저는 ChatGPT에 다음과 같은 문제를 설명했습니다. 아마존 장바구니에 담긴 상품과 수량을 읽어와서 개인 링크로 변환하고, 다른 사람이 그 링크를 열면 동일한 상품을 볼 수 있도록 하는 버튼을 만들고 싶었습니다.

그 결과 탄생한 것이 CartShare 인데 , 이는 크롬 브라우저용 추가 기능과 연동되는 소규모 웹사이트입니다.

제안된 워크플로는 아들이 요청했던 것과 정확히 일치했습니다. 아마존 장바구니를 열고 '카트셰어 추가'를 클릭한 다음 생성된 링크를 복사하면 됩니다. 링크를 받은 친구는 이미 소유하고 있는 상품을 선택하거나, 아마존에서 개별 상품을 열어보거나, 원하는 상품을 고를 수 있습니다.

공유 장바구니 자체는 계정이나 데이터베이스를 필요로 하지 않았습니다. 제품 ID, 제목, 수량은 링크 내에 인코딩되어 있었기 때문에 CartShare는 사용자의 아마존 비밀번호, 배송 주소 또는 결제 정보가 필요하지 않았습니다.

ChatGPT는 인터페이스를 구축하고, 크롬 확장 프로그램을 컴파일하고, 웹사이트를 게시했습니다. 제품은 이름, 개인정보 보호정책, 그리고 선택한 제품을 수신자의 아마존 장바구니에 복사해 준다는 커다란 버튼까지 갖추고 있어 합법적으로 보였습니다.

정말 효과가 있을까요?

네… 그리고 아니오. 공유 페이지는 성공적으로 작동했습니다. CartShare는 다양한 제품을 표시하고, 수량을 유지하며, 다른 사람에게 보낼 수 있는 링크를 생성할 수 있었습니다.

하지만 아마존으로의 원클릭 전송 기능은 작동하지 않았습니다. 프로토타입은 제품 ID와 수량이 포함된 아마존 장바구니 URL을 사용하려고 시도했습니다. 테스트 결과, 아마존은 500 오류를 반환하며 해당 세션이나 고객을 지원하지 않는다고 밝혔습니다.

이는 버튼을 눌러 다른 사람의 장바구니가 채워지는 모습을 지켜보는, 이 콘셉트의 가장 만족스러운 부분이 아직 완성되지 않았음을 의미합니다. 실제 장바구니를 읽어들이는 크롬 확장 프로그램 또한 아마존의 페이지 구조를 언제든 변경할 수 있으므로 실제 아마존 장바구니를 대상으로 테스트해야 합니다.

CartShare 웹사이트로 돌아가서 수정했습니다. 이체 버튼을 제거하고 프로젝트가 부분적으로만 운영 중임을 알리는 명확한 상태 알림으로 대체했습니다. 수신자는 개별적으로 제품을 비교하고 열어볼 수 있지만, CartShare는 아직 완전한 장바구니 간 이체를 보장하지 않습니다.

이는 의도치 않게 사람들을 속이려는 경우에도 '바이브 코딩'이 얼마나 기만적일 수 있는지를 다시 한번 상기시켜주는 유용한 사례였습니다. 인공지능(AI)은 기본 동작을 제대로 테스트하기 전에도 세련된 인터페이스를 만들어낼 수 있습니다. 버튼, 색상, 텍스트는 프로젝트를 완성된 것처럼 보이게 하지만, 그럴듯한 웹사이트가 기본 기능이 제대로 작동한다는 것을 보장하는 것은 아닙니다. 특히 아마존과 같은 거대 기업을 상대할 때는 더욱 그렇습니다.

결론

CartShare가 결국 작동할 수 있을까요? 아마도 가능할 겁니다. 다만 두 사람 모두 추가 기능을 설치해야 할 수도 있습니다.

현재 버전에서는 거부된 아마존 장바구니 URL에 의존하는 대신, 수신자의 아마존 장바구니를 열고 쇼핑객이 사용하는 것과 동일한 시각적 컨트롤을 사용하여 선택한 각 항목을 장바구니에 담을 수 있습니다 . 이 방식은 아마존 웹사이트의 변경 사항을 지속적으로 반영해야 하므로 속도가 느리고 안정성이 떨어질 수 있습니다. 하지만 비밀번호나 결제 정보를 공유할 필요가 없다는 장점이 있습니다.

또 다른 방법은 수신자의 장바구니가 자동으로 채워지기 전에 멈추는 것입니다. 정확한 상품과 수량을 보여주는 깔끔하고 공유 가능한 페이지를 제공하는 것이, 이미 쇼핑을 마친 상대방에게 스크린샷을 보고 장바구니를 다시 만들거나 아마존 위시리스트를 작성해달라고 요청하는 것보다 훨씬 편리합니다.

CartShare는 아마존의 공유 버튼을 완전히 대체할 준비가 된 것은 아닙니다. 이는 해당 기능이 어떻게 작동할 수 있는지, 그리고 더 중요하게는 이 단순한 아이디어가 아마존의 기술적 한계와 어떻게 충돌하는지를 보여주는 공개 프로토타입입니다.

아들의 요청을 설명하는 데는 단 몇 초밖에 걸리지 않았습니다. AI 프로그래밍 덕분에 제가 개발자가 될 필요 없이 그 요청은 웹사이트와 크롬 확장 프로그램으로 구현되었습니다. 매력적인 프로토타입을 안정적인 제품으로 전환하는 과정이 진정한 도전이지만, 전반적으로 이 경험은 성공적이었다고 생각합니다. 저는 비록 완벽하게 구현되지 않았더라도 사물이 어떻게 작동하는지 이해하는 것을 즐깁니다.