도구 준비와 첫 실습

1. 도구 준비와 첫 실습

브라우저와 Google·Claude 계정으로 시작합니다. Colab에서 탐색한 데이터를 Claude에 첨부해 첫 HTML 차트를 저장합니다.

1.1 준비물 확인

시작 전에 세 가지를 확인합니다.

• Google 계정: Colab 접속용입니다. 회사 계정이 Colab을 막아 두었다면 개인 Gmail 계정을 씁니다.
• Claude 계정: claude.ai에 가입되어 있어야 합니다. 무료 계정으로도 오늘 실습은 가능하지만, 파일 첨부와 요청 횟수에 제한이 있어 유료 계정이 편합니다.
• 실습 데이터: 9장 1절에서 내려받아 압축을 푼 폴더입니다. 안에 orders.csv가 있는지 확인합니다.

orders.csv는 온라인 쇼핑몰의 2024년 1년치 주문 데이터입니다. 주문번호, 주문일자, 고객ID, 상품명, 카테고리, 단가, 수량, 금액 여덟 개 열에 3,567건의 주문이 담겨 있습니다. 온라인 과정 전체에서 쓰인 파일이고, 오늘은 3교시의 매출 분석에 다시 씁니다. 지금은 도구를 익히는 연습용으로만 씁니다.

1.2 Google Colab에서 노트북 만들기

Google Colab은 브라우저 안에서 파이썬을 실행해 주는 무료 분석 환경입니다. 우리는 파이썬을 쓰지 않지만, Gemini가 만든 코드가 실행되는 자리가 필요해서 씁니다.

1. 브라우저에서 colab.research.google.com에 접속합니다.
2. Google 계정으로 로그인합니다.
3. 첫 화면의 '새 노트북' 버튼, 또는 메뉴의 '파일 → 새 노트북'을 누릅니다.

빈 칸이 하나 있는 화면이 열리면 성공입니다. 이 화면을 노트북이라 하고, 노트북은 셀(cell) 단위로 동작합니다.

우리는 코드를 직접 쓰지 않습니다. Gemini가 셀에 코드를 만들어 주면 실행 버튼만 누릅니다.

1.3 데이터 올리기

왼쪽의 폴더 아이콘을 눌러 파일 패널을 엽니다. 위쪽의 업로드 아이콘을 누르고 orders.csv를 고르거나, 파일을 패널 안으로 끌어다 놓습니다. 패널에 orders.csv가 보이면 됩니다.

1.4 Gemini 켜고 첫 명령 내리기

노트북 하단의 Gemini 반짝이 아이콘을 찾아 채팅 패널을 엽니다. AI 기능은 18세 이상 계정·지원 지역·조직 정책을 확인해야 합니다. Colab의 데이터 과학 에이전트는 계획·실행도 수행할 수 있지만, 여기서는 아래 두 방식으로 셀과 결과를 확인합니다. 현행 진입 그림은 온라인 과정의 준비 절에서 봅니다.

• 채팅 패널: 옆 칸에 질문이나 요청을 씁니다. 데이터에 대해 묻거나 분석을 시킬 때 씁니다.
• 셀에서 코드 생성: 빈 셀에 원하는 작업을 우리말로 쓰면 코드가 만들어집니다. 바로 실행할 코드가 필요할 때 씁니다.

처음에는 편한 쪽을 쓰면 됩니다. 채팅 패널에 첫 명령을 입력합니다.

방금 업로드한 orders.csv를 불러와서 첫 5줄을 보여줘

Gemini가 아래와 같은 코드를 만들어 줍니다. 셀에 넣고 실행 버튼을 누르거나, 패널의 실행 버튼을 누릅니다.

import pandas as pd
df = pd.read_csv('orders.csv')
df.head()

표 다섯 줄이 나오면 이어서 두 가지를 더 요청합니다. 코드를 외울 필요는 없습니다.

이 데이터의 컬럼별 타입과 결측치를 요약해줘

막대그래프를 그리기 전에 한 가지 준비합니다. Colab에는 한글 글꼴이 없어서 차트의 카테고리 이름이 네모(□□)로 깨집니다. '+ 코드'로 빈 셀을 만들어 아래 코드를 붙여 넣고 실행 버튼을 누릅니다. 나눔고딕 글꼴을 설치해 차트 도구에 바로 등록하는 코드라 런타임을 다시 시작할 필요가 없고, 한 번 실행하면 이후 차트에 한글이 나옵니다. 연결이 끊겨 파일을 다시 올렸다면 이 셀도 다시 실행합니다.

!apt-get -qq install -y fonts-nanum > /dev/null
import matplotlib.font_manager as fm
import matplotlib.pyplot as plt
fm.fontManager.addfont('/usr/share/fonts/truetype/nanum/NanumGothic.ttf')
plt.rc('font', family='NanumGothic')
plt.rc('axes', unicode_minus=False)

카테고리별 매출 합계를 높은 순 막대그래프로 보여줘

요약 표와 막대그래프가 나오면 Gemini 준비가 끝났습니다. 패션, 디지털, 뷰티, 홈리빙, 식품 순으로 막대가 서 있을 것입니다.

1.5 답을 그냥 믿지 않는 연습

도구를 익히는 김에 오늘 내내 쓸 습관 하나를 미리 해 봅니다. 일부러 모호하게 물어보겠습니다.

가장 많이 팔린 상품 top 5를 막대그래프로 보여줘

그래프가 나오면 바로 이렇게 되묻습니다.

방금 '많이 팔린'을 무슨 기준으로 정한 거야? 수량이야, 매출이야?

수량 1위는 머그컵, 매출 1위는 스마트워치입니다. 같은 말도 기준에 따라 답이 달라집니다. 원하는 지표를 정하고 실제 계산 기준을 확인하는 것이 검산의 시작입니다. 9장 5절에서 이어갑니다.

1.6 Claude에서 첫 차트를 파일로 저장하기

Claude에 같은 데이터를 올려 HTML 차트를 만듭니다. 결과물 화면을 아티팩트라고 부릅니다.

1. 브라우저 새 탭에서 claude.ai에 접속해 로그인합니다.
2. 새 대화를 시작합니다.
3. 입력창의 + → 파일 업로드 또는 추가를 눌러 orders.csv를 첨부합니다.
4. 아래 요청을 입력합니다.

이 데이터는 온라인 쇼핑몰의 2024년 주문 데이터야.
카테고리별 매출 합계를 높은 순으로 보여주는 막대그래프를
HTML 파일 하나로 만들어줘. 차트는 Chart.js를 CDN으로 불러와서 쓰고,
데이터는 파일 안에 넣어서 이 파일만 열면 되게 해줘.

오른쪽에 막대그래프가 나타나면 성공입니다. Gemini에서 본 것과 같은 순서로 막대가 서 있는지 눈으로 대조합니다. 이것이 오늘 계속 반복할 검산입니다.

생성된 HTML 파일이나 아티팩트에서 다운로드·내보내기 항목을 찾아 저장합니다. 메뉴 위치와 형식은 결과물에 따라 다릅니다. first_chart.html로 저장해 더블클릭하고 같은 차트인지 확인합니다. 파일을 받을 수 없으면 코드 전체를 메모장에 저장하는 9장 3절 방법을 씁니다.

이 HTML 파일에 카드·차트·지도를 더하면 뒤에서 만들 대시보드가 됩니다.

1.7 두 AI의 분업

지금 한 일에 오늘 하루의 흐름이 그대로 들어 있습니다.

Gemini로 탐색하고 Claude로 파일을 만드는 것은 강의에서 정한 분업입니다. 두 도구 모두 계산·파일 생성을 할 수 있으므로 익숙해지면 한 도구로 진행해도 됩니다. 다음 실습도 탐색→검증→산출 순서는 같습니다.

1.8 자주 막히는 곳

1.9 직접 해보기

1. Gemini에게 "월별 매출 합계를 선그래프로 보여줘"라고 시켜 봅니다. 그래프가 나오면 "매출은 합계야, 평균이야?"라고 되물어 기준을 확인합니다.
2. Claude에 같은 요청을 HTML 파일로 해서 monthly_sales.html로 저장하고, Gemini의 선그래프와 모양이 같은지 대조합니다.
3. 1.5에서 AI가 '많이 팔린'을 어느 기준으로 해석했는지 기록하고, 반대 기준으로 다시 요청해 상위 5개가 어떻게 달라지는지 봅니다.
4. Gemini와 Claude를 각각 언제 쓰는지 한 문장으로 적어 봅니다.