(기록용) 개인적인 바이브코딩 세팅 및 진행방법

목차

 

 

요즘 사용하고있는건 Claude

요즘은 cursor와 claude중에 cursor의 결제를 끈혹 claude만 사용하고있다 그 과정에대해 적어보려고한다.

 

AI가 자꾸 내 가원하는 코드스타일을 준수하지 않아

보통 이런 케이스는 rules를 지정해주지 않은 경우이다. 클로드의경우 rules를 통해 규칙을 정해줄수있는데

rules를 지정해주지 않으면 아무리  똑똑한 모델이여도 뭘해줘야하는지 모르기때문에 기대값이 높은 대답을 할수 밖에없는데

아래 처럼 rules를 지정해주면 내가원하는 규칙을 설정해두었기때문에 ai가 읽고 맞게 작성을 해준다.

아래에 내가쓰는 rules랑 그 파일 하나 예시를 넣어두었ㄷ다.

 

개발 진행하는방법

여러가지 AI활용법을 고민하고있는데 일단 다음과같은 방법으로 진행을해보고 있다.

바이브코딩을 한다고하면은 기능개발, 버그수정, 피드백 반영등이 있는데 그 과정들을 적어보려고한다.

 

보편적인 흐름

일반적인 활용 방법이다. 아래 순서는 ai한테 이런식으로 물어본다고 보면된다.

PRD작성 - 그중 우선순위 정렬 - 단계별로 수행 - (여기서 마음에안들경우 돌아가서 PRD 작성)만 다시 하고 돌아옴 - 사이드이펙트 확인 - 보안 및 운영에 문제가 있는지 확인 - 기능 개발이 완료가됨이 확인되면 테스트 코드 작성

해당 과정을 수행할경우 토큰은 들겠으나 왠만한 요구는 잘 들어주게된다.

1. PRD를 작성함으로써 AI가 어떠한 작업을해야하는지 명확히 정할수있다.

2. 우선순위정렬및 단계별로 수행함으로써 많은작업으로인해 AI가 뻑나감을 막을수 있다.

3. 기능 수정때 다시 PRD작성을 요구하기때문에 다음 AI가 오작동을 줄일 수 있다.

4. 사이드이펙트 확인을 요구함으로써 잠재적문제를 해결할 수 있다.

5. 보안 체크를 함으로써 운영에 문제가 있는지를 점검한다.

 

위 과정을 수행하면 보통 하나의 테스크가 완료가 된다.

 

 버그 수정

이제 운영을하다보면 버그 수정이 일어나게 될텐데 그 과정을 적으려고한다.

docs/bugs에 특정문서를 가리켜 수정이필요하여 prd와 함께 수정해야하는지 확인 - 이후 기능개발과 동일

여러버그를 한번에 해결하려면 docs/bugs같은곳에 파일을둬서 읽게 하는것도 방법이다.

버그수정은 중요한건 PRD최신화다 PRD는 버그에의해 수정이되지않을수 있지만 혹시나 수정이된다면 기록을해야 PRD에 의존하는 AI가 다음에 고장나는 현상을 줄일 수 있다.

 

 업데이트 로그(Change-log)

기능을 개발하면 배포를해야한다 근데 사용자에게 어떠한 업데이트가 됬는지 알려 줄때 하는 방법이다.

이때는 챗 세션이 계속 바뀔수있기 때문에 개발적 지식을 활용하는 것이 좋다. 기존 배포를 git에서 태그로 관리해둔다. git 태그에대해서 배워두면 좋다.

실섭에 배포할때마다 태그를 넣어서 버전관리를 수행해주고 다음 ai한테시켜서 다음 버전을 배포할때 마지막 태그 기준으로 작업시키면된다.

이전 배포에대한 tag 설정 - 마지막 태그이후 작업 changelog 작성 요구

 

 배포

보통 바이브코딩은 비개발자가 하기때문에 깃플로우를 쓰지 않을텐데 일단 main 브랜치만 활용하는기준으로 작성해보려고한다

스테이징서버없이 로컬, 실섭만 존재할 것으로 보인다 위의 과정대로했다면 보통 배포엔 ai한테 요청안해도 될정도로 간단하다.

아래과정은 main브랜치로 Push하는 vercel의 경우로 제작하였다. 

위의 기능개발~ 업데이트로그 완료 - ai에게 다음버전 작성부탁(npm version minor,patch등으로 대체가능)  - 실섭브랜치 푸쉬 - git 태그 부착