vibe coding으로 만든 앱을 출시하기 전에 꼭 읽어보세요

요즘 Cursor나 GPT 같은 vibe coding 도구로 만든 앱을 무작정 배포하는 사람들이 많이 보이네요.

그건 괜찮지만... 솔직히 좀 무섭기도 합니다.

진입장벽을 만들려는 건 아닙니다. 오히려 더 많은 사람이 개발을 시작하는 건 정말 멋진 일이라고 생각해요. 하지만 사람들이 놓치고 있는 몇 가지 정말 기본적인 것들이 있는데, 나중에 큰코다칠 수 있습니다.

참고로 저는 20년 넘게 코딩과 디버깅을 해왔고, 특히 프로덕션 시스템의 성능과 보안 분야에서 꽤 오랜 시간을 보냈습니다. 제가 본 문제 대부분은 '고급' 기술이 필요한 게 아니라, 그냥 간과했던 것들이었어요.

어쨌든, 무언가를 출시하기 직전이라면 이 간단한 체크리스트를 확인해보세요:

1. 자신을 보호하세요 (앱만 보호하는 게 아닙니다)

사용자 데이터를 수집하고 있다면, 이제 법적 영역(GDPR 등)에 들어선 겁니다.

대부분은 너무 늦기 전까지는 이 생각을 안 하죠.

최소한:

• 개인정보 처리방침
• 데이터를 어떻게 저장하고 처리하는지에 대한 개념
• 사용자 정보를 가지고 뻔히 수상한 짓을 하지 않을 것

완벽할 필요는 없지만, 무모해서는 안 됩니다.

2. 기본적인 보안 태세 (빠른 승리)

AI 도구에 적절한 프롬프트를 입력하는 것만으로도 꽤 괜찮은 기본 보안 수준을 갖출 수 있습니다.

예를 들면 이런 식이죠:

“보안 전문가의 관점에서 내 앱을 검토하고, 강력한 보안 헤더와 탄탄한 기본 보안 태세를 갖췄는지 확인해줘”

2분이면 되고, 보통 명백한 허점들은 해결됩니다.

3. 실제 보안 표준과 대조하기

헤더만으로는 충분하지 않습니다.

최소한 OWASP 같은 표준과 대략적으로라도 맞춰야 합니다.

그러면 다음과 같은 문제들이 걸러지기 시작하죠:

• SQL 인젝션
• XSS
• 인증 문제

프롬프트:

“OWASP 표준에 따라 내 앱을 검토하고 취약점을 강조해줘”

4. 멍청한 정보가 유출되지 않도록 하세요

이건 AI가 생성한 코드에서 항상 일어나는 일입니다.

주의할 점:

• 프론트엔드 코드에 포함된 .env 값
• 너무 많은 데이터를 반환하는 API 응답
• 로그에 남은 비밀 정보

프롬프트:

“프론트엔드나 API 라우트에서 자격 증명이나 민감한 데이터가 유출되는지 확인해줘”

5. 프론트엔드에 API 키 노출 = 게임 끝

브라우저에 키가 있다면, 이미 털렸다고 생각하세요.

해결책:

• 서버 측으로 옮기기
• 프록시 사용하기
• 접근 제한하기

프롬프트:

“프론트엔드 코드나 네트워크 호출에 API 키가 노출되지 않도록 보장해줘”

이건 그냥 기초일 뿐입니다. 더 많은 것들이 있지만(성능이 다음으로 중요한 문제죠), 솔직히 위 내용만 지켜도 제가 보는 초기 단계 출시 앱들보다는 훨씬 앞서가는 겁니다.

저는 수동으로 사이트를 검토하는 게 지겨워서 직접 이런 걸 잡아내는 도구를 만들었습니다. 보안, 성능, SEO, 접근성 등을 체크해주죠. 제 프로젝트들을 개선하는 데 사용하고 있습니다.