LS 원료 · Claude Code 원데이 워크샵

Lecture Intro

AI 변화의
파도를 타자

소프트웨어 3.0 시대

02 오늘 강의의 3가지 역할

03 오늘 강의를 통해 얻을 것

오해

"세상이 망한다"

★ 진짜 의미

"업무 구조가 실제로 재편된다"

04 목차

01

그래서
AI 가 뭔데?

02

AI 가 뭘
해줄 수 있는데?

03

직접
해보기

05 PART 1 — 그래서 AI 가 뭔데?

AI 도 소프트웨어다?

소프트웨어

→

코딩

→

컴퓨터로 하는 모든 일

"여기 컴퓨터 없이 일하시는 분?"

↓

화이트 칼라 직장인 = 여러분의 일

★ 소프트웨어 업의 변화 = 화이트 칼라 업의 변화

06 실제로 일어나고 있는 변화

화이트 칼라 업의 변화 — 3대 현장

실리콘밸리

Microsoft AI chief gives it 18 months — for all white-collar work to be automated by AI

Fortune · 2026.02

미국 대기업

20,000 job cuts at Meta, Microsoft raise concern that AI-driven labor crisis is here

CNBC · 2026.04

한국 대기업

KB증권, 생성형 AI 도입 박차 — '깨비AI' 업무효율 30% 상승

헤럴드경제 · 2026.05

07 변화의 정체를 알려주는 사람

Andrej Karpathy

안드레 카파시

테슬라 자율주행 총책임자

OpenAI 창업 멤버

"바이브 코딩" 단어 만든 사람

08 소프트웨어 3.0 시대

소프트웨어 3.0 시대

"영어가 새로운 프로그래밍 언어"

1.0

HOW

코드 한 줄 한 줄

2.0

SHOW

딥러닝
(현 AI 의 전신)

3.0 ★

WHAT

결과만 말로 설명

09 PART 2 — AI 가 뭘 해줄 수 있는데?

결과를 말로 설명한다?

= 코딩을 말로 한다

🎙 LIVE DEMO — 음성으로 이 슬라이드를 바꾼다

"이 슬라이드에서 ? 뒤에 ! 를 3개 더 붙여줘.
코딩을 말로 한다 뒤에 별표 추가해줘."

→ Claude Code 가 HTML / CSS 직접 수정 → 실시간 반영

10 어떻게 이게 되냐? — 1.0과 비교

3.0

말 (프롬프트)

───────→

LLM

───────→

결과 확인

1.0

★ 이 단계 전체를 LLM 이 대신한다

말

→

기획서
작성

→

요구사항
정리

→

설계

→

구현

→

결과 확인

11 대신 해주는 일 — 2 part 로 나눠보기

★ 이 단계 전체를 LLM 이 대신한다

말

→

기획서
작성

→

요구사항
정리

→

설계

→

구현

→

결과 확인

★ 오늘은 여기에 집중

PART 1 — 공통 영역

기획서 작성 · 요구사항 정리

모든 직군에 공통으로 필요한 단계

PART 2 — 전문 영역

설계 · 구현

바뀔 수 있다.
예) 보험회사 — 보험 상품 기획, 보험 심사 등

12 PART 3 — 직접 해보기

오늘의 실습

회의

→

녹음

→

회의록 정리
(액션 플랜 도출 + 시각화)

→

담당자 메신저 전달

13 실습 들어가기 전에 가장 중요한 것

쓰나미를 타려면 서핑 기술을 배워야 한다

MINDSET

배우는 사람의 마인드셋

01 맡긴다

이것도 할 수 있을까? 맡겨 보기

02 당연하다

처음엔 잘 안 되는 걸 당연하게 받아들이기

03 쪼갠다

업무 단계를 쪼개서 잘되는 단계 찾기

RECAP — 오늘의 실습

회의

→

녹음

→

회의록 정리
(액션 플랜 도출 + 시각화)

→

담당자 메신저 전달

자, 그럼
시작합시다.

LS 원료 · One-day Workshop

Claude Code 로
내 업무 도구 만들기

녹음기 → 회의록 Skill → 정산 검증 Agent → 원료 도입 대시보드

Part 1 · Claude Code 필요할까? Part 2 · 어디까지 할 수 있을까? Part 3-4 · Skill Part 5 · Agent Part 6 · 대시보드

Part 1

Claude Code
필요할까?

17 Part 1 · Claude Code 필요할까?

Claude Web 의 한계

녹음기 html 을 수정해도 바로 반영이 안 된다

html 수정

매번

다시 다운로드

→

실행

반복

한계

코드가 Claude Web 안에 갇혀 있다 → 불편함

해결책 · Claude Code

① html 파일을 내 컴퓨터에서 관리

② html 파일을 직접 수정하고 바로 실행

18 Part 1 · Claude Code 필요할까?

Claude Web 과 Claude Code 의 차이점

권한의 차이 = 내 파일에 접근 권한이 있냐 없냐

Claude Web

내 파일 접근 권한 없음

브라우저 안에서만 동작
결과물은 다운로드해서 써야 함
수정 → 다운로드 → 실행 반복

Claude Code

내 파일 접근 권한 있음

내 컴퓨터의 폴더·파일을 직접 읽고 씀
수정한 파일을 그 자리에서 실행
업무를 나 대신 수행

19 Part 1 · Claude Code 필요할까?

Claude Code 로그인

이미 되어 있다면 넘어가기 · 터미널에서 claude 실행 후 /login 입력

PowerShell / Terminal

> claude Welcome to Claude Code > /login 브라우저가 열리면 Anthropic 계정으로 로그인 … Logged in ✓ >

20 Part 1 · Claude Code 필요할까?

Claude Code 첫 번째 프롬프트

Claude Web 에서 만든 녹음기 html 이 있는 폴더에서

브라우저에서 녹음기 실행해줘

프롬프트 입력→ Claude Code 가 파일 찾기→ 브라우저에서 녹음기 실행

21 Part 1 · Claude Code 필요할까?

Claude Code 기본 설정 ① effort

생각의 깊이 = 시간·비용 · 오늘은 low 로 변경

오늘 사용

low

빠르고 가벼움

medium

기본값

high

깊게 생각

오늘 쓸 일 없음

extra high

수백 개의 sub agent 생성 · 아주 복잡한 작업에만

claude

> /model ← 설정 메뉴에서 effort 를 low 로

22 Part 1 · Claude Code 필요할까?

Claude Code 기본 설정 ② model

모델별 특징 · 오늘은 Opus 로 변경

오늘 사용

Opus

복잡한 문제의 해결책 설계

Sonnet

일관된 맥락으로 작업

Haiku

간단한 파일 읽기 · 찾기 등

claude

> /model ← Opus 선택

23 Part 1 · Claude Code 필요할까? 실습

Claude Code 로 녹음기 완성하기 실습

활동: 녹음기 html 에 기능 2개 추가 + 사용성·디자인 다듬기

추가 기능 1

음성을 한글로 변환

녹음 → 한글 텍스트

추가 기능 2

원본 텍스트 파일 저장

변환된 텍스트를 .txt 로 저장

그 외

사용성 · 디자인

버튼 위치 · 글씨 크기 · 색상 등 원하는 대로 수정

녹음기에 두 가지 기능을 추가해줘.
1. 녹음한 음성을 한글 텍스트로 변환
2. 변환된 원본 텍스트를 파일로 저장하는 버튼

24 Part 1 · Claude Code 필요할까?

배포하기

Vercel 가입 후 배포 → 내 녹음기를 URL 하나로 어디서나

Step 1

Vercel 가입

Step 2

Claude Code 에 배포 요청

결과

녹음기 URL

이 녹음기를 vercel 에 배포해줘

25 Part 1 · Claude Code 필요할까? ⏱ 5분

녹음기 사용하기 실습

활동: 이번 달 정산 이슈 선적 건 처리 방향 회의 5분 → 녹음기로 기록

회의 주제

MV Pacific Harmony 정산 이슈 · 처리 방향

공급사 Final Invoice 잔금이 예상보다 큰데 어디부터 볼 것인가
Cu 검질 차이 · "QP 구두 선언" 주장은 어떻게 다룰 것인가
umpire 의뢰 여부 · 어느 팀이 무엇을 확인할 것인가

녹음기

결과물

회의 내용 원본 텍스트 파일

meeting.txt

→ Part 3 회의록 Skill 실습의 재료

Part 2

Claude Code
어디까지 할 수 있을까?

27 Part 2 · 어디까지 할 수 있을까?

Claude Code 는 어떻게 파일을 조작할까?

실행 환경의 차이

Claude Web

브라우저

웹 페이지 안에서만 동작 · 내 컴퓨터와 분리

Claude Code

터미널

내 컴퓨터 안에서 동작 · 폴더·파일에 직접 접근

28 Part 2 · 어디까지 할 수 있을까?

터미널의 역할?

나 대신

내 컴퓨터의 폴더·파일을 조작할 수 있다

=

업무를 대신해 줄 수 있다

파일 만들기 폴더 정리 파일 읽고 요약 문서 변환 프로그램 실행

29 Part 2 · 어디까지 할 수 있을까? 실습

터미널 기초 실습

활동: Windows PowerShell 실행 → 글씨 크기 조절 → 폴더 명령어 3개

Windows PowerShell

PS C:\Users\me> cd Documents PS C:\Users\me\Documents> ls 회의록 녹음기 meeting.txt PS C:\Users\me\Documents> mkdir 회의원본 PS C:\Users\me\Documents>

명령어	역할
cd	폴더 이동
ls	폴더 안 목록 보기
mkdir	새 폴더 만들기

글씨 크기 Ctrl + Ctrl −

30 Part 2 · 어디까지 할 수 있을까? 실습

Claude Code 기본기 실습

활동: 파일 생성 · 위치 변경 → 회의 원본 텍스트 파일을 폴더에 위치시키기

회의원본 폴더 만들고, 다운로드 폴더에 있는 회의 텍스트 파일을 그 안으로 옮겨줘

회의원본 폴더 안에 오늘 날짜로 메모 파일 하나 만들어줘

결과 폴더 구조

📁 Documents ├── 📁 녹음기 │ └── index.html └── 📁 회의원본 ← 새로 생성 ├── meeting.txt ← 이동 └── 2026-08-27-memo.md

Part 3

Skill 시작하기

32 Part 3 · Skill 시작하기 실습

Claude Code 로 회의록 정리 실습

활동: @ 로 회의 원본 선택 → 나만의 기준 입력 → html 로 완성 요청

1

@ 로 회의 원본 텍스트 파일 선택

2

회의록을 만드는 나만의 기준 입력

3

"html 로 완성해줘" 포함해서 요청

@회의원본/meeting.txt 이 회의 내용을 회의록으로 정리해줘.

나만의 기준:
1. 두괄식으로 정리해줘
2. action item 포함해줘

결과는 html 로 완성해줘

33 Part 3 · Skill 시작하기

회의록 수정하기

맡당쪼 — 한번에 좋은 결과물 안 나온다 · 고치는 게 당연

수정 ①

나만의 기준을 수정하기

결정 사항 먼저 · 논의 과정은 뒤로
action item 에 담당자 · 기한 추가
안 쓰는 항목 삭제

수정 ②

결과물 포맷 수정하기

회의록 docx 템플릿 제공 · 다운로드 링크 (강사 안내)

@회의록_템플릿.docx 템플릿 참고해서 docx 로 정리해줘

34 Part 3 · Skill 시작하기

첫 Skill 만들기

Claude Code 에게 요청 한 줄

지금까지 과정을 Skill 로 만들어줘

기준 입력+ 수정 과정+ docx 템플릿→ 회의록 정리 Skill

35 Part 3 · Skill 시작하기

Skill 확인하기

references 폴더 안에 템플릿 docx 존재 확인 · SKILL.md 는 메모장으로 열기

Skill 을 파일 탐색기에서 열어줘

SKILL.md 를 메모장으로 열어줘

Skill 폴더 구조

📁 .claude/skills/회의록-정리/ ├── SKILL.md ← 나만의 기준 └── 📁 references/ └── 회의록_템플릿.docx ← 출력 포맷

36 Part 3 · Skill 시작하기

MD 의 정체

markdown 은 문서 타입 · #, -, 1. 등 특정 기호로 구조화된 문서

.hwp .doc .pdf .md

AI 가 효율적으로 읽기 가능

기호만으로 구조 파악 → 서식 정보 없음 → 토큰 절약

메모장으로 열리는 그냥 텍스트 파일

# 회의록 정리 Skill

## 기준
- 두괄식으로 정리
- action item 포함

## 출력
1. references/회의록_템플릿.docx 참고
2. docx 로 저장

37 Part 3 · Skill 시작하기

★ Skill 은 기준을 담은 텍스트 문서다

나만의 기준 포함

회의록 정리 노하우

output 형태 명시

docx 템플릿

재사용 가능

다음 회의부터 한 줄로

@회의원본/meeting2.txt 회의록 정리 skill 로 정리해줘

Part 4

Skill 응용하기

39 Part 4 · Skill 응용하기

k skill 설치

남이 만든 Skill 도 그대로 가져다 쓴다 · GitHub 에서 설치

Step 1

GitHub 에서 k skill 페이지 열기

Step 2 · 설치 명령어 (README 기준)

npx --yes skills add NomaDamas/k-skill --all -g

Step 3

Claude Code 재시작 → 설치 확인

github.com/NomaDamas/k-skill

40 Part 4 · Skill 응용하기 실습

k skill 실습

활동: 지하철역 도착시간 조회

강남역 지하철 도착시간 알려줘

프롬프트→ k skill 이 공공 데이터 조회→ 다음 열차 도착 시각

41 Part 4 · Skill 응용하기

핸드폰에 Claude 앱 설치

앱마켓에서 claude 검색 후 설치

🍎 iOS · App Store

🤖 Android · Google Play

42 Part 4 · Skill 응용하기

/remote-control 활용법

컴퓨터의 Claude Code 세션을 핸드폰에서 이어간다

Step 1

/remote-control

Claude Code 에서 실행

Step 2

show QR code

화면에 QR 표시

Step 3

핸드폰으로 촬영

Claude 앱에서 세션 열림

QR 이 안 될 때

claude.ai 주소값 복사→ 핸드폰 크롬 브라우저 열기→ 주소창에 붙여넣기

43 Part 4 · Skill 응용하기 실습

핸드폰에서 Claude Code 세션 이어가기

활동: 핸드폰에서 프롬프트 입력 → 컴퓨터의 Claude Code 가 실행

📱 핸드폰

서울시 아파트 값 조회해서 구별로 정리해줘

remote

💻 내 컴퓨터

Claude Code 가 조회·정리 실행

결과

📱 핸드폰

결과 확인

퇴근길 · 외근 중에도 내 컴퓨터의 파일과 Skill 을 그대로

Part 5

Agent 끝내기

45 Part 5 · Agent 끝내기

Skill 과 Agent 차이점

Skill

업무 매뉴얼

읽고 따라 하는 기준 문서 · 스스로 일하지 않음

Agent

업무를 수행하는 직원

매뉴얼을 들고 실제로 일을 끝내는 주체

Skill = 매뉴얼+ 역할 · 절차 · 판단 기준= Agent = 직원

46 Part 5 · Agent 끝내기

왜 정산 검증인가

원료 부문에서 매달 반복되고 · 눈으로 대조하다 오류가 나고 · 여러 팀 승인을 거치는 업무

입력 — 사내 문서 6개

검증요청서구매계약서선적서류 검량검질성적서LME 가격표검증 가이드

대조

출력 — 문서 1개

정산 검증서

불일치 목록 · 잔금 · 확정/잠정

공급사 Final Invoice 한 장vs 계약 조건 · 온산 확정치 · QP 가격= "문서 N개를 근거로 결과물 1개" — Agent 에게 맡기기 가장 좋은 모양

47 Part 5 · Agent 끝내기 실습

정산 검증 Agent 만들기 실습

활동: 작성 요소(왼쪽)를 내 업무 기준으로 채우기 → 샘플(오른쪽) 참고

작성 요소 (md)

## 1. 역할
- (이 agent 는 어떤 직원인가)
## 2. 입력
- (읽어야 할 문서와 각 문서에서 가져올 것)
## 3. 절차
1. (단계)
2. (단계)
## 4. 판단 규칙
- (문서 간 수치가 다를 때 무엇을 따르는가)
- (근거가 없을 때 어떻게 하는가)
## 5. 출력
- (결과물 이름 · 형식 · 항목 순서)
## 6. 금지
- (하면 안 되는 것)

작성 샘플 (요소 채운 것)

## 1. 역할
- 원료부문 정산 검증 담당자. 공급사 Final Invoice 를 계약 조건과 우리 확정치로 대조해 정산 검증서를 쓴다
## 2. 입력
- 01_검증요청서 : 대상 선적 · 확인 요청 · 팀장 코멘트
- 02_구매계약서 : 지급률 · QP · TC/RC · 페널티 · 확정 규칙
- 03_선적서류 : B/L · 선적항 수치 · 공급사 검질 · 인보이스
- 04_검량검질성적서 : 온산 확정치 · 검질 교환 기록
- 05_LME가격표 : QP 월평균 직접 계산
- 06_정산검증가이드 : 구조 · 계산식 · 판단 규칙 · 점검표
## 3. 절차
1. 요청서에서 대상 선적과 확인 사항 파악
2. 계약서에서 이 건에 적용되는 조건(연도 Annex) 추출
3. 온산 확정 중량 · 수분을 최종값으로
4. 검질 차이를 splitting limit 과 비교 → 평균 / umpire 판정
5. 계약 QP 조항으로 적용 월 결정 → 가격표에서 월평균
6. 가이드 계산식으로 최종 정산 금액
7. 인보이스 항목마다 대조 → 불일치 목록
8. 잔금 계산 · 확정/잠정 표시
## 4. 판단 규칙
- 중량 · 수분 · 품위는 온산 확정치와 교환 판정을 따른다
- 계약에 없는 조건 · 비용은 "근거 없음"
- 서면 통지 없는 옵션 선언은 무효
- umpire 대상이 있으면 전체를 "잠정"
- 문서에 없는 정보는 추정하지 않고 "확인 필요"
## 5. 출력
- 정산검증서_{선적번호}.md · 가이드 §1 9개 항목 순서
- 모든 수치 옆에 (근거 문서 · 항목)
- 상단에 "대외비 — 내부 회람용"
## 6. 금지
- 인터넷 시세 · 관행으로 계약 조건을 대체하지 않는다
- "고의로", "누락한 것으로 보임" 같은 추정 · 비난 표현
- 점검표 통과 전에 "확정"

48 Part 5 · Agent 끝내기

Agent 만들기 요청 프롬프트

작성 요소를 채운 내용을 붙여넣고 마지막 줄에

이 내용 기반으로 agent 만들어줘.

작성 요소 md+ 요청 한 줄→ .claude/agents/writer.md

49 Part 5 · Agent 끝내기 실습

Agent 동작 확인

정산 검증에 필요한 샘플 파일 다운로드 → ax-workshop-site.vercel.app/ls-workshop/

01 · docx

검증요청서

02 · pdf

구매계약서

03 · pdf

선적서류 (B/L · 인보이스)

04 · pdf

온산 검량검질 성적서

05 · csv

LME 가격표

06 · pdf

정산 검증 가이드

SHP-2026-0143 정산 검증서 써줘

확인 포인트

중량 9,123.5(온산) vs 9,200(선적항) · QP 8월(M+1) vs 7월 · Cu umpire → "잠정" · surcharge 45,000 근거 없음 · As 페널티 · 추정 표현

50 Part 5 · Agent 끝내기

검토 Agent 를 분리해야 하는 이유

agent 마다 별도의 context 를 갖는다 · context = 책상 · 검증은 깨끗한 책상에서 — 구매팀이 쓴 검증서를 품질 · 물류 · 재무팀이 각자 자리에서 보는 것과 같다

작성 Agent 의 책상

계약서선적서류검량검질성적서가격표가이드 계산 v1계산 v2"QP 7월인가 8월인가?"팀장 코멘트 고민 흔적검증서 v3 (최종)

작업 과정이 쌓여 있음 → 자기 결과에 관대

검토 Agent 의 책상

검증서 v3 (최종)가이드 §5 점검표

검증서와 점검표만 → 처음 보는 눈으로 검증

51 Part 5 · Agent 끝내기 실습

검토 Agent 분리하기 실습

활동: 작성 Agent 에서 검토 관련 내용만 추출 → 검토 Agent 생성

참고 문서와 기존의 정산 검증 agent 의 내용에서 검토와 관련된 내용(가이드 §5 점검표, 판단 규칙, 금지 표현)을 추출해서 검토 agent 를 만들어줘. 이때 내가 알려줘야할 것이 있다면 나에게 질문해줘.

writer.md+ 가이드 §5 점검표→ reviewer.md· 모르면 나에게 질문

52 Part 5 · Agent 끝내기

CLAUDE.md 생성

두 직원의 일 순서를 정하는 문서 = orchestration = 승인 회람 순서

## 정산 검증 워크플로
사용자가 정산 검증을 요청하면 반드시 다음 순서로 처리한다.
1. writer subagent에게 검증서 초안 작성을 위임한다.
2. 작성된 초안만 reviewer subagent에게 전달해 가이드 §5 점검표로 독립 검수한다.
3. reviewer의 지적사항을 반영해 최종본을 작성한다.
4. umpire 대상 원소가 있으면 최종본에 "잠정"을 표시하고, 사람 승인 전에는 "확정"이라고 쓰지 않는다.
5. reviewer에게 writer의 중간 추론이나 작업 과정은 전달하지 않는다.

사용자 · "정산 검증해줘"

①

writer → 검증서 초안

② 초안만

reviewer → 지적사항

③

최종본 (확정 / 잠정)

Part 6

대시보드 만들기

54 Part 6 · 대시보드 만들기

대시보드 실습 준비

데이터 파일 작업은 가벼운 모델(Haiku)의 별도 agent 에게 · 메모리에 기억시키기

excel(csv, tsv 파일) 관련 작업(읽기, 쓰기, 수정, 삭제)은 haiku model 사용하는 별도 agent 로 진행해. 이걸 메모리에 기억해

Opus (메인)

대시보드 설계 · 시각화

csv 작업 위임

Haiku (별도 agent)

csv 읽기 · 쓰기 · 수정 · 삭제

55 Part 6 · 대시보드 만들기 실습

데이터 활용 기본 대시보드 생성

참고 데이터 다운로드 → ax-workshop-site.vercel.app/ls-workshop/

데이터 1

shipments.csv

선적 271건 · 24개월

데이터 2

contracts.csv

계약 조건 7건

데이터 3

inventory_monthly.csv

월별 재고 24개월

결과물

dashboard.html

단일 파일 · 함정: WMT 합계 · 단순 평균

예시 프롬프트 · 최초 대시보드 만들기 (스크롤)

data/shipments.csv, data/contracts.csv, data/inventory_monthly.csv 를 분석하여 「원료 도입 실적 대시보드」 를 만들어 주세요.
## 구현 방식 - 결과물은 단일 파일
`dashboard.html`
- HTML, CSS, 순수 JavaScript만 사용
- React, Streamlit, pandas, npm, 외부 CDN, 외부 API 사용 금지
- 서버 실행 없이 `dashboard.html`을 더블클릭하면 바로 작동
- 차트는 HTML, CSS, SVG 또는 Canvas 로 직접 구현
- PC 화면에 최적화하되 반응형으로 제작
## 데이터 처리 주의사항
- 화면에서 모든 지표를 동적으로 계산
- 도입량은 건중량(DMT) 기준으로 집계하고, 습중량(WMT)과 섞지 않음
- 평균 품위는 건중량 가중 평균으로 계산
- 계약 단가(TC/RC·지급률·페널티)는 계약번호 단위로만 표시하고, 화면 상단에 "대외비 — 내부 회람용" 표기
- 기준일(2026-08-31) 이후 입항 건과 QP 미도래(가정산) 건은 정산 KPI에서 제외하고 별도 안내
## 대시보드가 답해야 할 질문
1. 최근 24개월 도입량은 어느 공급사·원산국·계약유형에 분포하는가?
2. 최종정산이 가정산보다 크게 낮아진 공급사는 어디이고, 품질이슈(수분·As·검질분쟁)와 어떻게 겹치는가?
3. 재고가 안전재고를 밑돈 달은 언제이고, 그 달의 입고·하역지연은 어땠는가?
## 화면 구성
### 핵심 KPI
- 총 도입량 (DMT)
- 최근 12개월 도입량
- 건중량 가중 평균 Cu 품위
- 정산 손익 합계 (최종 − 가정산, 최종 건만)
- 분쟁 건수와 비율
- 당월 기말재고와 안전재고 대비 비율
### 도입 구조
- 공급사·광산·원산국별 도입량
- 계약유형(장기/스팟) 비중 추이
- 월별 도입량 추이
- 장기 vs 스팟 TC 월평균 비교
### 품질·정산 분석
- 공급사별 월 평균 수분 추이 (계약 수분 상한선 표시)
- 광산별 As 추이와 페널티 발생 건수
- 공급사별 정산차이 합계와 건당 평균
- 품질이슈 유형 분포
- 건수와 톤수를 함께 표시
- 5건 미만 공급사는 '소수 건이므로 해석 주의' 표시
### 재고 모니터링
- 월별 기초·입고·투입·기말재고와 안전재고선
- 안전재고 하회 월 강조
- 월별 하역지연일 평균과 3일 이상 지연 건수
### 인사이트 패널
선택된 필터를 기준으로 핵심 인사이트 3~5개를 자동 생성하세요. 각 인사이트에는 다음을 포함하세요.
- 정확한 건수·톤수·금액과 비율
- 비교 대상
- 추가로 확인해야 할 원료 업무 질문
- 인과관계로 단정하지 않는 표현
## 필터
다음 필터가 모든 KPI와 차트에 동시에 적용되게 하세요.
- 기간 (연도·분기)
- 공급사
- 광산
- 원산국
- 계약유형
- 정산상태
- 품질이슈
'전체 초기화' 버튼과 현재 적용 중인 필터 표시도 제공하세요.
## 디자인
- 모든 문구는 한국어
- 원료부문 월간 실적 보고에 어울리는 단정하고 전문적인 디자인
- 핵심 수치는 크게, 차트는 간결하게 표현
- 차트마다 제목, 단위, 범례, 툴팁 제공
- 과도한 색상과 장식은 피할 것
- 공급사 담당자 개인 정보나 계약 원문은 화면에 넣지 말 것
완성 후 다음을 검증하세요.
1. HTML 파일을 직접 열어 정상 작동하는지
2. 필터 적용 시 모든 KPI와 차트가 함께 변경되는지
3. 브라우저 콘솔 오류가 없는지
4. CSV의 주요 집계 결과(총 DMT, 공급사별 DMT, 6월 기말재고)와 화면 수치가 일치하는지

별도의 확인을 기다리지 말고 `dashboard.html` 제작과 검증까지 완료하세요.

56 Part 6 · 대시보드 만들기 실습

나만의 대시보드로 수정

활동: 수정 예시 중 2가지 이상 골라 내 대시보드에 반영

수정 예시 1

안전재고 90% 미만 달 빨갛게 + 그 달 하역 지연 건 목록

수정 예시 2

2026년 · 장기 계약만 기본 필터로 고정

수정 예시 3

수분 상한 2개월 연속 초과 공급사 경고 KPI

수정 예시 4

회사 보고서 색상 · 폰트로 변경

수정 예시 5

인사이트 문구를 월간 실적 보고 톤으로

수정 예시 6

선적 건 클릭 → "이 건 정산 검증서 써줘" (Agent 연결)

dashboard.html 에서 기말재고가 안전재고의 90% 미만인 달을 빨갛게 표시하고, 그 달 입항 건 중 하역지연일 5일 이상인 건을 목록으로 보여줘. 나머지는 그대로 유지해

57 Part 6 · 대시보드 만들기 실습

월간 실적 보고서 초안 Skill 만들기

활동: 대시보드 인사이트 → 보고서 초안, 매월 반복할 수 있게 Skill 로

dashboard.html 인사이트

나만의 보고서 기준

두괄식 · 도입량 · 정산 · 재고 위험 · 다음 액션

Skill

월간 실적 보고서 초안 docx

대시보드의 인사이트를 바탕으로 원료부문 월간 실적 보고서 초안을 두괄식으로 작성해줘. 이 과정을 Skill 로 만들어줘

Wrap-up

총정리

59 총정리

녹음기 바이브 코딩

필요한 도구는 직접 만든다

어떻게?

말로!

Claude Web 에서 녹음기 생성→ Claude Code 로 기능 추가→ Vercel 배포

60 총정리

맡당쪼

맡

맡긴다

일단 AI 에게 통째로

당

당연하다

한번에 안 나오는 게 당연 · 고친다

쪼

쪼갠다

기준 · 포맷 · 검토를 따로

61 총정리

Claude Code 가 할 수 있는 일

내 파일에 접근 권한이 있다

폴더 · 파일 정리 포함

업무를 나 대신 해준다

터미널 = 나 대신 내 컴퓨터를 움직이는 손

62 총정리

Skill

정의

내가 하던 특정 업무를 매뉴얼로 작성해서 대신하게 한다

회의록 정리 Skill월간 실적 보고서 Skillk skill

결국 텍스트 파일이다

SKILL.md + references/

63 총정리

Agent

Skill

업무 매뉴얼

Agent

직원

정산 검증서 작성 Agent 와 검토 Agent

writer

초안만

reviewer

지적사항

CLAUDE.md 로 orchestration

최종본

64 총정리

대시보드

추가적인 업무 툴 (시각화) · 여기서 끝이 아니라 확장의 시작

오늘 만든 것

dashboard.html

확장

확장 예시 1 · Skill

보고서 초안 작성 Skill

확장 예시 2 · Agent

주 1회 재고 · 하역 지연 · 품질 변화 인사이트 추출 Agent (4회차 재고 모니터링으로)

Thank you

오늘 가져가는 것 —

녹음기 · Skill · Agent · 대시보드

전부 내 컴퓨터의 텍스트 파일 · 내일부터 말로 고친다 · 2회차 과제: "문서 N개 → 결과물 1개" 모양의 내 업무 하나 + 판단 규칙 한 장

맡긴다· 당연하다· 쪼갠다