Part 5.2 배포하기: Vercel로 자동배포하기
이제 전 세계 누구나 접속할 수 있는 URL을 만들어 보겠습니다. 지금까지 localhost...에서만 하셨을텐데요. 이 글을 읽고나면 지인한테도 쉽게 배포할 수 있을거에요 제가 개발을 처음 배울 때, '배포'는 굉장히 무서운 것이었습니다. 1. 내가 만든…
바이브코딩
21편의 글 · 최신순
Part 5.3 사용성 높이기
배포에 성공했습니다. URL도 생겼습니다. 하지만 우리는 이걸 알아야 합니다. 작동하는 앱 ≠ 사용할 수 있는 앱 만드는 우리는 "몇 초 기다리면 로딩 끝나는데..."를 알지만, 사용자는 모릅니다. 아무 피드백 없이 3초가 지나면 "뭐지?" 하고 나가…
Part 5.4 유지보수와 모니터링: 끝은 곧 시작
제가 수강생분들한테 매일매일 하는 말이 있었습니다 출시는 끝이 아니라 시작입니다. 실제 사용자가 쓰기 시작하면 예상치 못한 문제가 발생하고, 이를 파악하고 대응하는 것이 유지보수입니다. 내 플랫폼을 잘 유지하는 데 필요한 모니터링…
Part 4.4 인증과 보안: 이것만은 알고가자
요새 보안 사고가 참 많이 들리죠? 빅테크 뿐 아니라, 국내 IT대기업에서도 보안 문제가 빈번하게 일어나고 있습니다. 하물여 저희가 만드는 바이브코딩의 결과물은 어떨까요? 정말 고도의 보안전략은 아니지만, 기본적으로 챙길 수 있는 것들은 챙겨야 합니다. 하지만, 많은…
Part 5.1 배포편: 로컬에선 됐는데?
제가 가장 도와드리기가 어려웠던 부분이었습니다. 제가 교육생분들의 환경, 처한 정확한 상황, 에러내용을 잘 모르니, 원인 파악이 쉽지 않았던 기억이 나네요. "로컬에서 되는데, Vercel에 배포하니까 안되요." "로컬에서는 API 호출이 잘 됐는데, 배포…
Part 4.3 데이터베이스 기초: 이것만은 알고가자
주의! 오늘 내용은 어렵습니다. 바이브코딩을 하면서 가장 어려운 부분이지 않을까, 생각합니다. 하지만, '프로덕트'를 이루는 가장 비중있는 요소는 데이터의 영속성입니다. 그 영속성은 데이터베이스를 통해 이루어집니다. 오늘 어렵더라도 꼭 한 번은 따라 해 보시고,…
Part 4.2 디버깅 입문: AI와 함께 버그 잡기
바이브코딩을 하면서 버그 없이 완성되는 경우는 '절대' 없습니다. 버그가 생기는 건 우리의 잘못이 아닙니다. AI가 생성한 코드도 완벽하지 않고, 기능들이 복잡하게 얽히면서 예상치 못한 문제가 생기는 건 자연스러운 현상입니다. 문제는 버그를 어떻게 잡느냐…
Part 4.1 왜 프로젝트를 끝내지 못할까?
바이브코딩을 시작하면 처음엔 참 신기합니다. 그냥 한글로 간단한 거 몇개 입력했을 뿐인데, 그게 코드가 주욱 작성이 되거든요. 근데 이 단계는 정말 간단한 것들이라서 가능한 거 였을 수도 있습니다. 기능이 좀 더 복잡해지면, 바이브코딩 그 이상을 바라봐야 할 때가…
Part 3.4 에러 메시지 해석하기: 빨간 글자는 왜 무서울까
중요!! 에러는 적이 아니라 힌트입니다!! 바이브코딩을 하다 보면 LLM이 토해내는 결과 중에 빨간 글씨가 있고 ( 클로드코드는 빨간색에 가까운 주황색일 경우도 있음 ) 터미널을 열으래서 열었더니, 왠 빨간글씨가 또 주욱 있고... 코드는 안 돌아가고.. 어…
Part 3.3 코드 읽는 법 - 간단한 것부터 시작
Cursor가 생성한 코드를 다 보시나요? 저는 개발자로 오래 지내다보니, 그냥 습관적으로 남이 쓴 코드를 읽긴 합니다. 그치만, 저도 바이브코딩을 하면서 '굳이?', '꼭 전체를 읽을 거 까지는?' 이란 생각이 들더라구요. 바이브코딩의 정의도 코드를 안 보고 '프롬프…