바이브코딩 To-Do 실전
도구 역할 분담이 로컬 개발의 성패를 가른다 Claude Code는 코드 생성을, IntelliJ는 빌드·실행을, SourceTree는 버전 관리를 맡는다 설계가 끝났다면 구현은 오히려 단조롭다. 그러나 단조로운 과정에서도 실수 한 번이면 DB를 다시 만들거나 포트를 죽이러 작업 관리자에 들어가야 한다. 로컬 환경에서 To-Do…
도구 역할 분담이 로컬 개발의 성패를 가른다 Claude Code는 코드 생성을, IntelliJ는 빌드·실행을, SourceTree는 버전 관리를 맡는다 설계가 끝났다면 구현은 오히려 단조롭다. 그러나 단조로운 과정에서도 실수 한 번이면 DB를 다시 만들거나 포트를 죽이러 작업 관리자에 들어가야 한다. 로컬 환경에서 To-Do…
To-Do 하나에 웹 서비스의 뼈대·권한·세션·스키마가 모두 들어 있다 바이브코딩 강의가 예제로 To-Do 리스트를 택하는 이유는 분명하다. 기능이 단순하지만 웹 서비스가 갖춰야 할 구조가 거의 전부 담겨 있기 때문이다. 게시판, 인증, 접근 권한, 파일 저장, DB 스키마, 배포 환경 전환까지 한…
바이브코딩을 오해하기 쉬운 지점이 있다. AI에게 “만들어 줘”라고 던지면 알아서 서비스가 나온다고 생각하는 순간, 결과물의 완성도는 급격히 떨어진다. 진짜 바이브코딩은 코드를 찍어내는 단계가 아니라, 코드를 찍어내기 직전까지의 기획 과정에 있다. 코딩 자체는 프린터 출력에 가깝다. 인쇄할 문서를 얼마나 제대로 만들어…
세 개를 구분해야 Claude Code가 제대로 돌아간다 Claude Code를 쓰다 보면 이름이 비슷한 개념들 때문에 헷갈리기 쉽다. Plan Mode와 plan.md는 다르고, plan.md와 handoff.md도 다르다. 셋의 역할을 명확히 구분하면 긴 작업도 세션이 끊겨도 흔들리지 않는다 Plan Mode – Claude의 실행 상태…
처음부터 제대로 시작하기 Claude Code를 쓰다 보면 어느 순간 같은 설명을 반복하고 있는 자신을 발견하게 된다. 프로젝트 구조, 금지 규칙, 완료 기준. 매번 대화창에 길게 쓰는 대신, 파일로 한 번만 정의해두면 된다 이 글에서 소개하는 템플릿은 정답이 아니라 출발점이다. 그대로…
Claude Code에게 “Next.js 프로젝트 만들어줘”라고 바로 요청하는 것과, 공식 문서를 기반으로 직접 설치한 뒤 Claude Code를 붙이는 것은 결과가 다르다. 이 글은 claude-nextjs-starters 프로젝트를 세팅하면서 두 방식의 차이를 직접 보여준다 공식 CLI로 Next.js 직접 설치 Claude Code에게 처음부터 전부 맡기면…
매번 프로젝트를 시작할 때마다 같은 초기 설정을 반복하는 게 번거롭다면, 한 번 잘 만들어둔 스타터킷이 답이다. 이번 글에서는 Claude Code를 활용해 claude-nextjs-starterkit 을 세팅하는 과정을 정리한다 기술 스택 역할 선택 이유 프레임워크 Next.js 15 (App Router) 업계 표준, 커뮤니티 풍부…
개인 프로젝트 · 회사 프로젝트 분리 — SourceTree 없이, 터미널만으로 이 글에서 다루는 것 왜 이 설정이 필요한가 GitHub 계정이 두 개 있다면 — 예를 들어 개인 계정(xxxx@gmail.com)과 회사 계정(yyyy@company.com) — 아무 설정 없이 사용하면 모든 commit이 글로벌로 설정된 한…
Claude Code를 쓰다 보면 어느 순간 AI가 갑자기 바보가 된다. 분명 잘 돌아가던 게 어느 순간 이상한 코드를 반복해서 짜거나, 이미 만든 기능을 다시 만들려고 한다. 토큰이 빠르게 소진되거나 사용량 제한에 자주 걸린다면, 대부분 컨텍스트 관리가 문제다 토큰이 뭔지 먼저…
Claude Code를 처음 쓰는 사람들이 가장 많이 하는 실수는 바로 요청하는 것이다. “로그인 기능 만들어줘”, “회원가입 페이지 만들어줘”. 운이 좋으면 원하는 결과가 나오지만, 조금만 복잡해지면 금방 방향을 잃는다. AI가 아무리 똑똑해도, 요청하는 사람이 맥락을 잘 전달해야 좋은 결과가 나온다. 건축…