본문 바로가기
Develope/WEB

[Gemini CLI] - AI로 개발하기 근데 터미널을 곁들인

by ccuccu 2025. 7. 17.

역시 개발자분들께 가장 핫한 주제를 꺼내자면 AI가 아닐까 싶다. Chat GPT가 처음 나왔을 때만 해도 아는 분들만 쓰곤 했는데 몇달이 지나자마자 대부분의 개발자 분들이 Chat GPT를 사용하셨었다. 그런데 시간이 조금 더 흐르니 이제는 IDE에 AI를 접목하고 IDE에 파일 권한을 넘겨 AI가 수정도 해주고 파일도 생성해주는 시대가 와버렸다. (e.g. 커서 IDE)

정말 AI의 시대가 와버렸구나 싶은 찰나 최근 구글에서 CLI로 AI를 호출하여 특정 IDE가 아닌 내가 사용하는 컴퓨터 환경에서 더 편하게 사용할 수 있는 Gemini CLI를 발표했다. 이번 포스팅의 주인공이다.

 

1. Gemini CLI?

Gemini는 구글에서 만든 오픈 소스 AI로 Chat GPT와 비슷하게 이미지 생성, 질문과 답변 등을 이용할 수 있다. 다만 이번에 우리가 볼건 Gemini CLI로 개발자들에겐 친근한 터미널로 실행할 수 있다. 물론 터미널로 실행할 수 있는 IDE도 있었지만, 이건 내 컴퓨터 터미널에서 사용이 가능하다.또한 노드 기반으로 만들어져 node만 설치 돼 있다면, 질문과 응답 등의 기능을 터미널에서 실행 할 수 있다. 

 

 

2. Gemini CLI 사용법

https://github.com/google-gemini/gemini-cli

 

GitHub - google-gemini/gemini-cli: An open-source AI agent that brings the power of Gemini directly into your terminal.

An open-source AI agent that brings the power of Gemini directly into your terminal. - google-gemini/gemini-cli

github.com

 

상단의 깃허브에서 소개한대로 따라가면 된다.

노드가 설치가 돼 있다는 가정 하에 진행하겠다. 공식에서는 노드 버전 20 이상에서 사용을 필수로 한다.

0. 노드 설치 (20 버전 이상 필수)

1. 터미널에 npm으로 gemini 설치

npm install -g @google/gemini-cli
gemini

 

글로벌로 설치하여 컴퓨터 전역 환경에서 사용이 가능하도록 설치했다. 난 찝찝해서 혹은 다른 이유로 싫은데? 하시면 

npx https://github.com/google-gemini/gemini-cli

 

로 설치 하시면 될 것 같다.

 

설치가 완료되면 터미널에 해당 화면이 뜬다.

 

2. 색상 테마 선택하기

개인적으로 색달랐던게 저 위처럼 색상 테마를 선택하는 부분같다.

키보드 방향키로 한개씩 미리보기를 확인 할 수 있다. 나는 GitHub로 선택했다.

 

3. 구글 로그인하기

Gemini CLI는 무료로 사용가능하다. 다만, 분당 60회, 하루 1000건 Gemini 2.5 Pro 액세스까지 무료이며 나와의 활동이 학습으로 이어지 수 있어 보안이 중요한 프로젝트를 담당하고 있다면 유료 버전을 사용 하는 것을 추천한다. 

로그인까지 완료되면, 

친절하게 뭘 할 수 있는 지 알려준다.

 

참고로 나는 

이렇게 998회가 남게 되었다.

 

터미널에서 사용 가능 한 CLI인 만큼, 당근 VSC 터미널에서도 gemini 하고 부르면 사용이 가능하다.

4. 좀 더 본격적으로 사용해보기

제미니에게 next + typescript + app router를 사용한 프로젝트를 생성해달라고 부탁했다. 혼자 프로젝트를 생성하면서 막히는 부분이 있으면 원인을 파악하고 해결하여 프로젝트를 생성한다.

 

 

폰트어썸을 추가로 설치해달라고 부탁했는데, 무료 아이콘을 아마 폰트어썸 + 무료 아이콘으로 생각 한 것 같다.

 

혼자 예시 코드도 적어준다.

 

이렇게 귀엽게 예시를 써서 알려준다.

 

3. 사용 후기

일단 나는 백엔드 쪽은 select * from Table 정도의 sql 실력을 가지고 있다. 그런데 gemini를 통해서 db 셋팅과 연결, 테이블 구조 변경 등의 개발을 진행 할 수 있었다. 중간중간 막히는 부분은 Chat GPT를 이용하여 개발했고, 문구 수정등을 제외한 거의 모든 부분을 AI에게 맡겨 개발해보았다.

 

스팀API를 이용하여 내가 했던 게임을 추천하는 웹사이트로, Gemini에게 내가 원하는 웹사이트에 대해 설명하고 어떤 언어로 개발할 것인지 환경설정을 지정해주면 알아서 프로젝트부터 생성했다. 심지어 나는 api url을 몰랐는데, 알아서 get 주소를 가져와 응답을 받아냈다.

 

중간중간 타입 지정등으로 오류가 있었는데, 빌드까지 제미니에게 맡기니 빌드 중에 막히는 부분은 알아서 수정해줬다.

https://topbest.vercel.app/

 

TopBest Games

커뮤니티가 직접 추천하고 순위를 매기는 최고의 Steam 게임들을 만나보세요.

topbest.vercel.app

그렇게 해서 만들어진 웹사이트로 백엔드 세팅을 제외하면 정말 1시간도 안되서 프로젝트가 완성됐다. 물론 유지보수는 따로지만 정말 개발을 모르는 사람도 웹사이트를 만들기 어렵지 않은 세상이 왔다.

사실 백엔드 세팅도, 내가 크게 잘못 만들지만 않으면 혼자 프로젝트를 생성하다가 ~~한 부분에서 막힌다고 컬럼을 새로 만들거나 테이블을 새로 만들어서 내 DB를 수정해주기도 했다.

 

물론 디자인도 맡겼었다. 한국이랑 해외의 웹디자인은 비슷하면서도 사실 조금 다른 것 같은데 이번 Gemini가 만들어준 웹사이트의 디자인은 왠지 구글이 떠올라서 재밌었다. 

비슷하지 않나? 아닐 수도.. 있지만 ㅎㅎ

 

사실 인공지능을 100% 믿는 편은 아니라서 새로 나온 김에 한 번 사용해 볼까? 정도의 간단한 마음으로 프로젝트를 만들어 봤었다. 그런데 생각보다 너무 편하기도 하고, 막상 질문을 해보니 내가 원하는 구체적인 질문이 필요해서 아 질문 하는 것도 공부가 필요하겠다 싶어졌다.

친구랑 국립 중앙 박물관에 같이 가기로 했는데, 내 손의 도슨트 같은 웹사이트를 하나 gemini로 만들어서 가서 개발한 웹사이트로 설명 보면서 같이 구경 하는 것도 나쁘지 않을 것 같아 추가로 프로젝트를 한개 더 만들어볼 생각이다.

 

 

 

 

 

'Develope > WEB' 카테고리의 다른 글

[Github] - 원하는 프로젝트만 다운로드 하기  (0) 2024.12.13
리액트 사용하는 npm list  (0) 2024.09.18