에이전트에 실제 데이터 먹이기 (CSV)
beginner~35 분0/3 단계
에이전트에 실제 데이터 먹이기 (CSV)
CSV 파일은 세상에서 가장 단순한 데이터셋입니다 — 레코드당 한 줄, 필드 사이에는 쉼표. 에이전트는 별도의 설정 없이 파싱할 수 있어서 CSV를 좋아합니다.
에이전트 워크플로우: 프로젝트 폴더에 CSV를 넣고, 에이전트에게 *"sales.csv를 읽고 상위 3개 제품을 요약해줘"*라고 말하면, 내장 파일 도구를 사용해 그렇게 해줍니다.
이 레슨에서는 에이전트가 CSV를 처리한 후 게시할 결과 페이지를 만듭니다. 출력 템플릿이라고 생각하세요: 핵심 지표, 상위 3개 목록, 원본 행 수. 나중에 에이전트가 여기에 실제 숫자를 채워 넣게 됩니다.
샘플 CSV (에이전트가 방금 이것을 파싱했다고 상상해 보세요):
product,units_sold,revenue_usd
Agentic Dashboard,142,14200
Claude Code Training,89,8900
Negotiation Cheatsheet,312,9360
안내
1
"Sales" 또는 "Results"라는 단어가 포함된 <h1>을 추가하세요
힌트: `<h1>Sales Results — Q1</h1>`
2
핵심 숫자 하나(총 매출, 총 행 수 등 무엇이든)를 표시하는 <div class="metric">를 추가하세요
3
CSV 내용(제품명 + 숫자)을 보여주는 데이터 행을 최소 1개 가진 <table>을 추가하세요
내 코드
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
ViBot과 함께 바이브로 만들기무료 메시지 0 / 12개
이 단계에서 만들고 싶은 것을 설명해 주시면 코드를 작성해 드릴게요 — 그다음 적용을 클릭하면 에디터에 바로 들어갑니다. 이 단계: "Sales" 또는 "Results"라는 단어가 포함된 <h1>을 추가하세요
실시간 미리보기
실시간 미리보기