[바이브 코더 #4] 배포가 뭐길래, 내 컴퓨터에선 되던 앱이 인터넷에선 안 될까
앱이 완성됐습니다. 내 컴퓨터에서는 완벽하게 돌아갑니다. 친구에게 자랑하려고 주소창의 localhost:3000을 복사해서 보냈더니, 친구는 "안 열리는데?"라고 답합니다. 큰맘 먹고 배포라는 걸 했더니, 이번에는 내 컴퓨터에서 멀쩡하던 앱이 인터넷에서는 에러를 뿜습니다.
읽어보기AUTOMATE · 34 ARTICLES
AI 코딩과 에이전트 글을 최신순으로 이어서 살펴봅니다.
ALL ARTICLES
앱이 완성됐습니다. 내 컴퓨터에서는 완벽하게 돌아갑니다. 친구에게 자랑하려고 주소창의 localhost:3000을 복사해서 보냈더니, 친구는 "안 열리는데?"라고 답합니다. 큰맘 먹고 배포라는 걸 했더니, 이번에는 내 컴퓨터에서 멀쩡하던 앱이 인터넷에서는 에러를 뿜습니다.
읽어보기AI 코딩 에이전트에게 작업을 맡기는 방식의 좋은 점은 사람이 자리를 지킬 필요가 없다는 것입니다. 그런데 실제로 자리를 비우면 곧바로 다음 문제가 생깁니다. 에이전트가 질문을 던진 채 멈춰 있으면, 돌아올 때까지 작업 전체가 서 있게 됩니다. 결국 노트북 앞을 떠나지 못하는…
읽어보기바이브 코딩을 하다 보면 반드시 겪는 날이 옵니다. 어제까지 멀쩡하던 앱에 기능 하나를 추가해달라고 했더니, AI가 여기저기를 고치다가 앱 전체가 안 돌아가게 되는 날이요. "아까 상태로 돌려줘"라고 부탁해도 AI는 정확히 되돌리지 못합니다. 고친 곳이 스무 군데인데 그중 어디가…
읽어보기지난 1편에서 앱을 식당에 비유했습니다. 홀(프론트엔드), 주방(백엔드), 창고(DB). 이번에는 그 구조 위에서 바이브 코딩 사고가 가장 잦은 주제를 다룹니다. API, 그리고 API 키입니다. "키를 절대 노출하지 마세요"라는 경고는 다들 한 번쯤 봤을 텐데, 정작 그 키가…
읽어보기AI 코딩 도구를 쓰다 보면 같은 지시를 반복하게 됩니다. "커밋 메시지는 이 형식으로", "배포 전엔 이 체크리스트대로" 같은 것들이요.
읽어보기여러 AI 코딩 에이전트를 쓰다 보면 코드를 작성하는 시간보다 “누가 어느 브랜치에서 무엇을 하고 있는지” 확인하는 시간이 더 길어질 때가 있습니다. 터미널을 여러 개 띄우고, 브랜치를 바꾸고, 변경 사항을 비교하다 보면 병렬 작업의 장점도 금세 흐려집니다.
읽어보기AI에게 말로 시켜서 앱을 만드는 사람이 부쩍 늘었습니다. Cursor나 Claude Code, v0 같은 도구에 "이런 서비스 만들어줘"라고 하면 정말로 돌아가는 앱이 나오죠. 그런데 만들고 나면 공통적으로 부딪히는 벽이 있습니다. 앱은 돌아가는데, AI가 대체 뭘 만들어놨는지…
읽어보기앞선 편들에서 컨텍스트를 아끼는 법을 봤습니다. 이력은 작업 경계마다 비우고(3편), 고정비는 짧게 설계하고(4편). 그런데 이렇게 아껴도 감당이 안 되는 작업이 있습니다. "이 코드베이스에서 결제 로직이 어떻게 흘러가는지 파악해줘" 같은 요청이 대표적이에요. 성실한 에이전트는…
읽어보기시리즈 마지막 편은 돈 이야기입니다. 에이전트를 API로 돌려본 분이라면 청구서에서 이상한 점을 봤을 거예요. 출력보다 입력 토큰 요금이 압도적으로 큽니다. 1편에서 본 구조를 떠올리면 당연한 일입니다. 매 턴 시스템 프롬프트부터 대화 이력 전체를 다시 보내니, 50턴짜리…
읽어보기시리즈를 여기까지 따라오셨다면 공통 패턴이 보일 겁니다. 컨텍스트 윈도우 안에 두는 것을 최소화하라는 것. 3편의 "/clear 전에 상태를 파일로", 4편의 "본문 대신 포인터만", 5편의 "과정은 서브에이전트에, 결론만 메인에"가 전부 같은 방향을 가리킵니다. 그런데 이…
읽어보기1편에서 컨텍스트 윈도우가 왜 유한한지를 봤습니다. 그런데 요즘 모델 스펙을 보면 이런 생각이 듭니다. 이미 100만 토큰짜리 모델이 나왔는데, 그냥 코드베이스든 문서든 통째로 넣으면 되는 것 아닐까. 아껴 쓰고 말고 할 게 있나.
읽어보기앞선 두 편에서 진단을 마쳤습니다. 컨텍스트 윈도우는 유한하고(1편), 채운다고 다 쓰이는 것도 아니며 길어질수록 오히려 성능이 떨어집니다(2편). 그럼 처방은 하나로 모입니다. 컨텍스트를 관리해야 합니다. 그리고 Claude Code를 비롯한 코딩 에이전트들이 이를 위해…
읽어보기