바이브코딩 flow

이우철·2025년 8월 31일

진행 과정 흐름 정리

  • 준비 : 하려는 프로젝트를 정리 문서화(기획), cursor ai 등 데이터 준비
  1. 프레임워크로 초기 프로젝트 세팅 : nextjs, shadcn 사용할것임
    npx shadcn@latest init
    npx shadcn@latest add

  2. cursor rule setting

  • agent 의 workflow 정의 : 어떤 작업에서 어떤 문서를 참고해야 하는지, 어떤 작업에서 어떤 프로세스로 작업해야 하는지...
    결국 개발자의 의도된 워크플로우를 규정짓는것 >> 코드의 규칙성 확보

    .cursor 디렉토리 만들어 하위에 rules 와 tasks 디렉토리 만듬

1) PRD 셋팅 : 정교한 설계, 테스트 정의와 검증 활용
2) 코드 스타일 셋팅 : 코드 통일성유지, 최적화된 코드, 버그 발생 최소화
3) task 셋팅 : 구체적인 테스트 정의로 코드 작업의 성능을높임
4) workflow 메모장 셋팅 : 테스트 실행 시 필요, 여러번 실행 시 메모장 역할

  1. db 설정 - supabase 사용, dizzle orm 사용
  2. auth 셋팅 - supabase auth-구글로그인
  3. workflow 진행을 커서에 요청
profile
개발 정리 공간 - 업무일때도 있고, 공부일때도 있고...

0개의 댓글