바이브 코더를 위한 웹, 클라우드, 인프라 개념 해설. 비유 중심으로 쉽게 풀어씁니다.
11편의 글
Claude Code나 Codex로 만든 앱을 배포하면 왜 콘솔에 빨간 줄이 생기는지, CSP 헤더가 무엇인지 바이브 코더 눈높이에서 풀어봤습니다.
nginx proxy_pass, Cloudflare 연결, ngrok — 이 셋을 써봤다면 이미 프록시를 쓴 거다. VPN이 뭐고 프록시가 뭔지, 개발자 실전 4가지 시나리오로 정리했다.
Vercel 너머로 나아가 직접 서버를 다루는 순간, SSH 키와 포트 보안은 선택지가 아닙니다. AI 에이전트 시대에 반드시 알아야 할 서버 접속 보안 기초를 풀어봤습니다.
프론트엔드에서 백엔드 API를 호출했더니 콘솔에 빨간 에러가 뜬다. 코드는 분명히 맞는데. 이게 CORS 에러다. 브라우저 보안 정책 CORS를 바이브 코더 눈높이에서 풀어본다.
회원 정보, 게시글, 설정값을 어디에 저장하지? SQL과 NoSQL 차이부터 호스팅 DB 선택까지 엑셀 비유로 풀어봤습니다.
.env 파일이 뭔지, 왜 API 키를 코드에 직접 넣으면 안 되는지 금고 비유로 풀어봤습니다.
OpenAI API를 호출하려는데 fetch, GET, POST가 뭔지 모르겠다면. 식당 주문서 비유로 풀어봤습니다.
배포했더니 '주의 요함'이 뜬다면. HTTPS와 SSL 인증서를 엽서와 봉인 편지 비유로 풀어봤습니다.
커스텀 도메인을 연결하려는데 DNS 설정이 뭔지 모르겠다면, 네비게이션 비유로 쉽게 풀어봤습니다.
코드는 짰는데 서버가 필요하다고? 공유 주방 비유로 서버리스를 쉽게 풀어봤습니다.
Cursor, Claude Code로 만든 앱을 어디에 올릴지 모르겠다면. Vercel, Netlify, Cloudflare Pages, Railway, Render 다섯 곳을 앱 유형별로 정리했다.