화면은 다 만들었는데, 뒤에서 뭘 하는지는 모르겠다면

사이트를 만들고 검색에도 잡히게 만들었다면

이제 내가 모르는 사람이 내 사이트에 들어온다.

오늘은 그때부터 중요해지는 이야기를 해볼게요. 바이브코딩하는 분들이 가장 늦게 알게 되는 영역, 백엔드입니다.

만드는 동안 한 번도 요청한 적 없는 것

바이브코딩을 시작하면 자연스럽게 화면부터 만듭니다.

"메인 화면 만들어줘" "여기 버튼 색 바꿔줘" "모바일에서 깨져, 고쳐줘"

전부 눈에 보이는 것이에요. 보이니까 요청할 수 있고, 요청했으니 만들어집니다.

그런데 생각해보면 이런 건 한 번도 시켜본 적이 없죠.

"주문 데이터를 어디에 저장할지 정해줘" "이 정보는 누가 볼 수 있게 할지 정해줘"

안 보이니까 요청하지 못했고, 요청하지 않았으니 안 만들어졌거나, AI가 알아서 대충 정해버렸습니다.

여기가 병목이 시작되는 지점이에요.

가게로 비유하면 이렇습니다

개발은 크게 두 덩어리로 나뉘어요. 가게에 비유하면 딱 맞습니다.

프론트엔드 = 손님이 들어와서 보는 곳입니다. 간판, 진열대, 계산대. 예쁘고 편해야 하죠.

백엔드 = 창고 · 금고 · 장부 손님은 절대 못 들어가는 안쪽입니다. 재고가 실제로 쌓여 있고, 돈이 보관되고, 누가 뭘 샀는지 기록이 남는 곳이에요.

원래 개발 현장에서는 이 둘을 다른 사람이 맡습니다. 필요한 감각이 아예 다르거든요. 매장은 "손님이 어떻게 느낄까"를 고민하고, 창고는 "잃어버리면 안 되는 걸 어떻게 지킬까"를 고민합니다.

바이브코딩으로 혼자 만들면, 이 두 사람 몫을 다 하고 있는 겁니다. 그런데 대부분 매장 쪽만 하고 있다는 걸 모르는 채로요.

그래서 어디서 막히기 시작하냐면

혼자 만들다가 갑자기 진도가 안 나가는 순간이 옵니다. 거의 항상 매장에서 창고로 넘어가는 지점이에요.

대표적으로 이 네 가지입니다.

1. 로그인을 붙일 때 화면 만드는 건 30분인데, "이 사람이 진짜 이 사람이 맞나"를 판단하는 건 완전히 다른 일이에요.

2. 데이터를 저장할 때 새로고침하면 입력한 게 사라지는 경험, 다들 한 번씩 합니다. 저장할 곳을 안 정했기 때문이에요.

3. 결제를 붙일 때 여기서 대부분 멈춥니다. 돈이 오가는 순간부터는 "대충 되게" 만들 수가 없거든요.

4. 파일이나 이미지를 올릴 때 올라가는 것까지는 되는데, 어디에 쌓이고 있는지는 모릅니다.

공통점이 있어요. 전부 화면이 아니라 뒤에서 벌어지는 일입니다. AI한테 "안 돼요"라고만 말하면 잘 안 풀리는 것도 이래서예요. 어디가 안 되는지를 말해줘야 하는데, 안 보이니까 말할 수가 없죠.

그리고 알아두셔야 할 사실 하나

이게 오늘 글에서 제일 중요한 부분이에요.

프론트엔드 코드는 전부 공개되어 있습니다.

비밀이 아니라, 원래 그런 구조예요. 브라우저가 화면을 그리려면 그 코드를 받아가야 하니까, 받아간 사람은 당연히 열어볼 수 있습니다. 마음만 먹으면 누구나 볼 수 있어요.

그래서 화면 쪽에 넣으면 안 되는 것들이 있습니다.

각종 서비스 API 키

관리자 비밀번호

"이 사람이 관리자인지" 판단하는 기준

특히 세 번째가 무섭습니다. 화면에서 관리자 메뉴를 숨기는 건 가리기일 뿐이에요. 문을 잠근 게 아니라 문에 커튼을 친 겁니다. 커튼은 걷으면 되죠.

진짜 잠금은 창고 쪽, 백엔드에서 걸려야 합니다.

런칭 전에 확인할 5가지

전문 지식 없이도 확인할 수 있는 것들로만 골랐어요.

① API 키가 화면 쪽 코드에 있는지 AI에게 그대로 물어보세요. → "이 프로젝트에서 브라우저로 전달되는 코드에 API 키나 비밀번호가 들어있는지 전부 찾아줘"

② 관리자 화면이 '숨김'인지 '잠금'인지 → "관리자 페이지 주소를 직접 입력해서 들어가면 어떻게 되는지 알려줘" 그냥 들어가진다면 커튼만 쳐둔 상태입니다.

③ 남의 정보를 볼 수 있는지 주소창의 번호를 하나 바꿔보세요. /order/1024 → /order/1025 남의 주문서가 보이면 그건 바로 고쳐야 합니다.

④ 비밀 파일이 같이 업로드됐는지 .env 라는 파일이 있어요. 여기 중요한 값들이 들어갑니다. → ".env 파일이 깃허브에 같이 올라가고 있는지 확인해줘"

⑤ 지워도 되는 게 살아있는지 만들다 만 테스트 계정, 임시로 열어둔 페이지. AI에게 목록으로 뽑아달라고 하세요.

{실제 장면, 이 중 본인이 실제로 걸린 항목. 어떻게 발견했는지}

다섯 개 다 통과 못 해도 괜찮아요. 저도 그랬습니다. 모르고 지나가는 것과, 알고 있는 것은 완전히 다릅니다.

정리하면

바이브코딩은 자연스럽게 **매장(화면)**만 만들게 됩니다. 보이는 것만 요청할 수 있으니까요.

진도가 갑자기 안 나가는 건 대부분 창고(백엔드)로 넘어가는 지점입니다. 로그인, 저장, 결제, 업로드.

화면 코드는 전부 공개입니다. 키와 잠금은 반드시 뒤쪽에 둬야 해요.

런칭 전에 위 5가지만 확인해도 큰 사고는 대부분 막힙니다.

검색이 되기 시작했다는 건 좋은 신호예요. 다만 그때부터는 모르는 사람도 들어온다는 걸 같이 기억하시면 좋겠습니다.

#바이브코딩 #백엔드 #비개발자 #API키 #보안점검 #홈페이지직접만들기 #1인사업가 #AI코딩 #웹사이트제작 #사이드프로젝트