Gemini CLI로 Vue 프론트엔드 개발해보기

Google Cloud 무료 체험판으로 300달러 크레딧을 받아서 Gemini CLI를 써봤다. 2-3일 정도 Vue3, Vuetify, Pinia로 개발하고 있는 웹 프론트 작업을 맡겨보니 꽤 괜찮다는 생각이 들었다.

사용 방법

GEMINI.md에 프로젝트 개발 가이드를 입력하고, 작업할 컨텍스트와 관련된 파일들을 3-5개 정도 첨부해서 사용했다. 컴포넌트 2-3개와 연관된 Store 파일 1-2개 정도의 규모라면 생성된 코드를 검수하긴 해야하지만 대체적으로 괜찮았다.

사용 팁

요청은 최대한 구조적이고 자세하게 할수록 답변의 퀄리티가 좋았다.

이유는 모르겠지만 gemini-cli의 접속 세션만 다른 환경에서, 같은 컨텍스트에서 같은 요청을 했을 때 답변의 퀄리티가 달랐던 경험도 있다. 그래서 답변이 너무 마음에 들지 않았을 때는 세션을 끊고 다시 연결하기도 했다.

문제점들

꽤 괜찮기도 했지만 당연히 오류도 많았다.

• 텍스트를 잘못 이해한다
• 연관없는 코드를 수정하거나, 중요한 코드를 삭제하기도 한다
• import 하지 않고 컴포넌트나 메서드를 사용하는 경우가 종종 있었다

다음 계획

다음에는 GEMINI.md에 기능 기획서, 디자인 컨셉, API 명세를 넣고 사용해볼 생각이다.