1. 구글 제미나이 CLI 소개 및 설치 방법 [7]

thumbnail

구글 제미나이 CLI는 코딩 지식 없이도 터미널에서 대화하듯 웹사이트나 게임을 만들고 배포할 수 있는 무료 개발 도구이다.

1.1. 구글 제미나이 CLI의 장점 [7]

  1. 개발의 대중화 [11]
    1. 웹사이트나 앱 개발이 더 이상 개발자만의 전유물이 아니게 되었다.
    2. 다양한 분야의 사람들이 AI를 활용하여 개발을 진행하고 있다.
  2. 기존 AI 개발 도구의 한계 극복 [12]
    1. 기존에는 커서 AI와 같은 도구가 비주얼 스튜디오와 같은 개발 환경에 AI를 연결하여 사용되었다.
    2. 그러나 비주얼 스튜디오 다운로드 자체가 일반인에게는 어려웠다.
  3. 제미나이 CLI의 접근성 및 편의성 [14]
    1. 무료로 제공되며, 구글 아이디만 있으면 누구나 개발할 수 있다.
    2. 맥이나 윈도우 등 어떤 컴퓨터든 기본으로 설치된 터미널 안에서 모든 개발 작업을 할 수 있다.
    3. 따라서 컴퓨터만 켜고 따라 하면 누구나 개발을 경험할 수 있다.

1.2. 터미널 실행 및 제미나이 CLI 설치 방법 [24]

  1. 터미널 실행 방법 [24]
    1. 맥(Mac): 화면 오른쪽 상단 돋보기 아이콘을 클릭한 후 '터미널(terminal)'을 검색하여 실행한다.
    2. 윈도우(Windows): 윈도우 키를 누르거나 작업 표시줄 검색 아이콘을 클릭한 후 검색창에 'cmd'를 입력하여 명령 프롬프트 창을 실행한다.
  2. 제미나이 CLI 설치 [34]
    1. 터미널 창에 npm install -g @google/generative-ai-cli 명령어를 입력하고 엔터를 누르면 구글 제미나이 CLI가 설치된다.
  3. 제미나이 CLI 실행 및 초기 설정 [40]
    1. 설치 완료 후 터미널에 gemini를 입력하고 엔터를 누르면 제미나이 CLI가 실행된다.
    2. 처음 실행 시 구글 아이디 로그인 창이 나타날 수 있으며, 구글 아이디로 로그인하면 된다.
    3. 제미나이에게 "안녕 넌 누구니?"라고 물어보면 "저는 구글에서 만든 대규모 언어 모델인 제미나입니다"라고 답변하는 것을 확인할 수 있다.

2. 제미나이 CLI를 활용한 서비스 개발 및 배포 [51]

thumbnail

제미나이 CLI를 통해 아이디어를 즉시 구현하고 개선하며, 웹사이트, 게임 등 다양한 서비스를 빠르게 구축하고 배포할 수 있다.

2.1. 쇼핑몰 웹사이트 개발 및 개선 [51]

  1. 쇼핑몰 웹사이트 초기 개발 [51]
    1. 제미나이에게 "아주 간단하고 심플하지만 세련되고 한국스러운 쇼핑몰 웹사이트를 만들어 줘. 화장품을 팔 거야. 오늘 배포까지 해 볼 거야"라고 명령한다.
    2. 제미나이는 React 프레임워크 등을 사용하여 K뷰티 스토어라는 폴더를 만들고 초기 파일을 자동으로 생성한다.
    3. 개발 과정에서 제미나이가 제안하는 실행(execution)에 대해 yes allow once 또는 yes allow always를 선택하여 진행한다.
    4. 웹사이트가 성공적으로 생성되면 임시 주소로 접속하여 초기 디자인을 확인할 수 있다.
  2. 디자인 개선 요청 및 적용 [136]
    1. 초기 웹사이트 디자인이 마음에 들지 않으면 ESC를 눌러 터미널로 돌아간다.
    2. "디자인을 더 예쁘게 했으면 좋겠어. 하늘색과 흰색을 사용해서 시원하게 디자인해 주고, 문구도 '커넥트 뷰티샵에 오신 것을 환영합니다'로 바꿔줘. 전반적으로 바로 배포할 수 있게 멋지게 만들어 줘"라고 구체적인 개선 사항을 요청한다.
    3. 제미나이는 요청에 따라 디자인을 변경하고, 카드 모서리를 둥글게 하거나 마우스 오버 시 그림자 효과를 추가하는 등 세련된 느낌을 더한다.
    4. 변경된 디자인을 다시 실행하여 확인한다.

2.2. 인공지능 교육 게임 개발 [164]

  1. 게임 개발 요청 [164]
    1. 제미나이에게 "인공지능을 배울 수 있는 게임 웹사이트를 만들어 줘. 지금 쇼핑몰은 없애도 돼. 재밌고 멋지게 만들어 봐"라고 명령한다.
    2. 개발 지식이 없어도 대화 형식으로 아이디어를 실험하고 구현할 수 있다.
  2. 게임 플레이 및 학습 [183]
    1. 제미나이가 만든 게임은 "AI에게 모양을 가르쳐 주세요"라는 주제로 진행된다.
    2. 화면에 나타나는 도형(원, 사각형)을 보고 사용자가 "이건 원이야", "이건 사각형이야"라고 가르치면 AI가 이를 학습한다.
    3. AI가 학습한 내용을 바탕으로 도형을 추측하고, 사용자는 AI의 추측이 맞는지 확인하며 게임을 진행한다.
  3. 게임 개발의 의미 [202]
    1. 사용자가 직접 인공지능 모델을 학습시키는 과정을 게임으로 구현하여 인공지능의 원리를 체험할 수 있다.
    2. 제미나이 CLI를 통해 예상치 못한 창의적인 결과물을 얻을 수 있다.

2.3. 구독자 메시지 보드 웹사이트 개발 및 배포 [206]

  1. 메시지 보드 웹사이트 개발 요청 [206]
    1. "우리 커넥트 AI랩 구독자들 메시지를 쓸 수 있는 웹사이트를 만들어 줘"라고 명령한다.
    2. 제미나이는 깔끔하고 모던한 디자인의 구독자 메시지 보드 웹사이트를 생성한다.
    3. 사용자는 메시지를 작성하고 게시할 수 있는 기능을 확인할 수 있다.
  2. 웹사이트 배포 과정 [217]
    1. 개발된 웹사이트를 배포하기 위해 "잘했어. 이거를 배포하고 싶은데 가장 간단한 방법으로 배포해 줘"라고 요청한다.
    2. 제미나이는 Netlify를 통한 드래그 앤 드롭 배포 기능을 제안한다.
    3. npm run build 명령어를 통해 웹사이트 빌드 파일을 생성한다.
    4. 빌드 파일이 저장된 폴더 위치를 확인한다. (맥: command + shift + G 후 경로 입력, 윈도우: 탐색기에서 경로 복사 붙여넣기)
  3. Netlify를 이용한 실제 배포 [246]
    1. Netlify 웹사이트에 접속하여 빌드 폴더를 드래그 앤 드롭 방식으로 업로드한다.
    2. 업로드가 완료되면 웹사이트의 고유 주소가 생성되고, 해당 주소를 통해 누구나 웹사이트에 접속할 수 있다.
    3. 배포된 웹사이트는 일정 시간(예: 1시간) 동안 유지되며, 계속 유지하려면 Netlify에서 무료 계정을 생성해야 한다.
  4. 제미나이 CLI 활용의 의의 [265]
    1. 제미나이 CLI를 통해 쇼핑몰, 게임, 메시지 보드 등 다양한 서비스를 30분 내외의 짧은 시간에 간단하게 만들어 볼 수 있다.
    2. 코딩 지식 없이도 아이디어를 빠르게 구현하고 개선하며, 자신만의 비즈니스 모델을 웹사이트나 앱으로 개발하는 능력을 키울 수 있다.
    3. 현재는 사용자 화면(프론트엔드) 위주로 개발이 가능하지만, 앞으로 데이터 저장 공간(백엔드) 등 더 많은 기능이 추가될 예정이다.
    4. 제미나이 CLI를 통해 개발 과정을 즐기고 다양한 시도를 해보는 것을 추천한다.