바이브코딩 첫 런칭 '결제' 라는 벽
2026년 11월 11일 보충. 결제 연동에서는 테스트 키와 운영용 라이브 키를 구분합니다. 토스페이먼츠는 시크릿 키를 서버에서 사용하고 브라우저 코드나 공개 저장소에 노출하지 않도록 안내합니다. 현재 절차는 토스페이먼츠 결제 연동 가이드 (새 탭)에서 확인할 수 있습니다.
비개발자가 결제(PG) 붙이다 제대로 막힌 기록입니다.
지난 글에서 예고했던 그 이야기, 드디어 풀어요. 도메인까지 연결해서 "이제 진짜 내 거 맞지" 하고 좋아하던 그 친구. 근데 그게 끝이 아니었어요.
오늘도 결론부터 말하면요. 화면 띄우는 것보다 '내가 원하는 대로' 만드는 게 더 어렵고, 거기에 '결제'까지 붙이는 건 또 완전히 다른 산이에요.
"예쁘게 말고, 내 맘에 들게"
도메인 떴다고 끝이 아니었어요. 친구가 그제서야 화면을 제대로 들여다보더니, "근데 이거… 내가 생각한 느낌이 아니야."
처음엔 "예쁘게 만들어줘", "세련되게 해줘" 이렇게 시켰는데, AI가 주는 건 다 어디서 본 듯한 무난한 템플릿이었어요.
(사실 이게 당연한 게, 사람도 기준이 다른데 ai는 오죽하겠어요 ㅋㅋ)
그래서 친구한테 알려준 요령이 이거였어요.
"예쁘게" 말고 레퍼런스로 말하기, "이 사이트 상단처럼", "이 색 조합으로"
마음에 드는 사이트 캡처해서 그대로 던져주기
한 번에 다 바꾸지 말고 한 섹션씩 ("상단만", "이 카드만")
이렇게 바꾸니까 그제서야 친구가 "어 이제 좀 내 거 같아" 하더라고요. 바이브 코딩 디자인은 '시키는 능력'보다 '뭘 원하는지 정확히 말하는 능력'이더라구요.
"결제 버튼 하나 넣으면 되는 거 아니야?"
그리고 진짜 산이 나왔어요. 친구가 그러더라고요.
"이제 여기서 물건 팔 거니까, 결제 버튼 하나만 넣으면 되지?"
나 : ??
"결제하기 버튼만들었다는데?"
...........
비개발자가 처음 바이브코딩으로 서비스를 런칭한다면 처음 제대로 혼란을 느끼는 순간은 결제연동이에요..
왜냐면 결제는 '내 홈페이지' 안에서 끝나는 일이 아니거든요. 실제로 카드사·은행이랑 돈이 오가야 하니까, 그 사이에 PG사 들어가야 하죠
그래서 친구가 처음 부딪힌 게 이거였어요.
PG사에 가입하고 가맹점 심사를 받아야 한다
심사 통과해야 진짜 결제 키(API 키)를 준다
"화면 만드는 건 진짜 바이브만 탔는데 , 결제는 서류부터네…?" 그때 친구 표정이 진짜 볼만했어요.
: 테스트 결제에서 또 한 번 ㅋㅋ
서류 통과하고 키 받아서, 클로드 코드한테 "이 PG 결제 연동해줘" 하고 키 넣어주니까 결제창은 떴어요. 근데 여기서 또 한 번.
PG는 보통 '테스트(가짜) 결제'랑 '진짜 결제'가 나뉘어 있어요.
테스크 키로 연동해서 작업하고 결제심사를 받고 통과해야
라이브 키를 넣는건데 ...
결국엔 제가 또 개입해서 개념을 설명했어요..
바로 이 부분이 비개발자가 혼자선 제일 많이 막히는 지점이고요.
솔직히 이 구간은…
도메인은 한 번 넘으면 그다음부턴 혼자서도 되는데, 결제는 좀 달라요.
서류, 심사, 키 관리, 실결제 처리, 여기는 "부딪히며 배워" 하기엔 진짜 돈이 오가는 영역이라, 혼자 끙끙대다 포기하는 사람이 제일 많은 데가 여기예요.
친구가 조금 유도리가 있었으면 해줘만 할게 아니라 그다음은 어떻게 진행하고 내가 어떻게 해야해? 라는 질문을
AI에게 던졌을 거에요 ㅎ
정리하면
'예쁘게'보다 '레퍼런스로' 시켜야 내가 원하는 디자인이 나와요.
내가 원하는 색, 그리드, 여러 용어들이 있는데 캡쳐하고 보내면서 말하면 결국엔
방향성이 나오거든요
결제는 단순히 버튼만 만드는게 아니에요. 사업자등록 → PG 가입·심사 → 키 → 연동, 단계가 있어요.
테스트 결제랑 실결제는 다릅니다. (자기 카드로 실결제 ㄴㄴ )
도메인은 혼자 넘을 수 있어도, 결제는 옆에 누가 있으면 진짜 다릅니다.
코딩 몰라도 내 가게를 인터넷에 차릴 수 있는 시대인 건 맞아요. 다만 '만들기 → 올리기 → 팔기'는 각각 다른 산이라는 것, 이거 하나만 알고 시작해도 덜 당황합니다.
다음 글에선, 이쯤 되니 친구가 "혼자 다시 하면 진짜 잘할거 같은데 그리고 제대로같이 만들어보고 싶다"는 생각을 하기 시작한 이야기를 풀어볼게요. 개발 1도 모르던 친구가 어쩌다 '직접 만드는 사람'이 됐는지, 그리고 그 친구가 제대로 쉬는날마다 제 옆에서 코딩?을 하면서 느낀
바이브 코딩의 진짜 벽은 실제로 판매,사용 되는것과 보안이라는 영역을 확고히 해야 한다는 것을..
#바이브코딩 #바이브코딩쉽지않아요 #코딩없이홈페이지 #비개발자 #1인사업가 #결제연동 #PG연동 #브랜드홈페이지 #클로드코드 #온라인쇼핑몰 #사이드프로젝트 #컴윗 #컴윗미