교육
아티팩트·라이브 아티팩트(심화) — 인터랙티브 도구·대시보드
초급에서 “차트·다이어그램을 말로 만들기”를 배웠습니다. 중급에선 작동하는 도구(미니 앱)를 만들고, 반복 개선하고, 데이터와 연결된 라이브 대시보드를 설계합니다.
⚠️ 기능 범위는 바뀔 수 있습니다. 2026년 6월 기준.
1. 인터랙티브 아티팩트 만들기
클로드는 단순 차트를 넘어 상호작용하는 도구를 만듭니다. 코딩 없이, 무엇이 필요한지 설명하면 됩니다.
- 계산기·시뮬레이터
- 입력 폼·체크리스트
- 탐색 도구(필터링 표)
- 작은 앱·위젯
설계 요령: ① 목적 ② 입력/출력 ③ 상호작용(버튼·필터·슬라이더)을 명확히 말하기.
2. 반복 개선과 버전 관리
한 번에 완성하려 말고 보면서 고치세요. “버튼을 위로”, “색을 브랜드 색으로”, “모바일에서도 잘 보이게”. 큰 변경은 한 번에 하나씩.
라이브 아티팩트는 수정할 때마다 버전이 저장되어 이전 버전과 비교·복원이 가능합니다.
3. 좋은 설계 원칙
- 목적 우선 — 어떤 결정·행동을 돕는가
- 청중 고려 — 발표용 단순 / 분석용 상세
- 단순함 — 신호 > 잡음
- 한 화면 한 메시지
- 정직한 표현 — 축·범위 왜곡 금지
4. 라이브 아티팩트 심화 — 데이터와 연결
라이브 아티팩트는 열 때마다 최신 데이터로 갱신되는 페이지입니다(초급 편에서 다룬 개념의 복습). 중급에선 연결 앱·파일과 묶어 대시보드로 설계합니다.
- 만드는 법: “Asana와 캘린더에서 데이터를 끌어와 오늘 일정·마감 임박 작업을 보여주는 대시보드”처럼 어떤 소스를 쓸지 함께 말하기.
- 갱신: 열면 자동으로 최신 데이터 호출(짧은 캐시 후 재조회), 강제 갱신은 헤더 새로고침.
- 설계 패턴: 아침 브리핑 / 프로젝트 트래커 / 주간 지표 대시보드.
5. 정적 vs 라이브 — 설계 의사결정
| 질문 | 정적 | 라이브 |
|---|---|---|
| 데이터가 바뀌나? | 고정 | 자주 바뀜 |
| 다시 볼 건가? | 일회성 | 반복 |
| 예 | 발표 차트·도식 | 대시보드·트래커·브리핑 |
6. 안전·한계
- 라이브 아티팩트는 유료 플랜의 데스크톱 앱(Cowork) 기능, 현재 내 기기 저장·공유 준비 중.
- 중요: 만들 때 승인한 커넥터를 매번 묻지 않고 사용 → 데이터를 바꿀 수 있는(쓰기) 커넥터는 신중히, 읽기 전용 위주로 설계.
7. 실습 미션 ✍️
미션 1: 업무용 인터랙티브 도구 하나를 만들고 2회 이상 수정.
미션 2: 같은 데이터로 발표용(단순)·분석용(상세) 두 버전.
미션 3: 라이브 대시보드 기획서 — 목적·소스·표시 항목 4~6개·정적/라이브 판단.
미션 4: 연결할 커넥터가 읽기 전용인지 쓰기 가능인지 구분·위험 요소 메모.
한 줄 정리: 중급 아티팩트는 작동하는 도구를 만들고·반복 개선하고·설계 원칙으로 잘 만들고·데이터와 연결된 라이브 대시보드로 확장하는 일입니다. 보여주는 것에서 쓰는 것으로.
ⓒ Wave AI Networks — 중급 AI 활용 학습 시리즈