일 잘하는 직장인의 클로드 코드AI에이전트 사용법 · 독자 실습 자료

CHAPTER 08 · 프롬프트 4개

제8장 스마트폰으로 요청하고 URL로 확인하기

본문에 실린 프롬프트와 같은 내용입니다. 복사해서 Claude Code 입력란에 붙여 넣어 사용해 주세요.

지시문은 본문 안내대로 실습 폴더(8-1-survey)를 열어 둔 상태를 전제로 작성되어 있습니다. 8-3(스마트폰에서 맡기는 다른 방법 소개)에는 복사해서 쓸 지시문이 없습니다.

SAMPLE DATA · 이메일 인증한 독자만

제8장 실습 자료

chapter08.zip · 6KB · 파일 2개

샘플 데이터 받기

Claude Code에 전달할 폴더

  • chapter08/8-1-survey/설문 대시보드를 만드는 실습용 폴더 (8.2절 아티팩트도 여기서 만든 dashboard.html 사용)
ZIP 안에 든 파일 보기
  • chapter08/
  • prompts.md이 화면의 프롬프트 모음
  • 8-1-survey/
  • survey_2026.csv39KB

8.1절Remote Control로 이어서 맡기기

먼저 대시보드를 만든다(8-1-survey 폴더를 열고 실행):

프롬프트 1 · Claude Code 입력란에 붙여 넣기
사내 경비정산 시스템에 대해 실시한 사용자 설문 응답이
survey_2026.csv 에 들어 있습니다.
다음 주 개선 회의에서 어디부터 손댈지 정하는 자료로 쓰고 싶으니,
결과를 한눈에 볼 수 있는 dashboard.html 을 만들어 주세요.

파일 하나로 열 수 있는 독립형 HTML로 만들어 주세요.
내용은 다음과 같이 구성해 주세요.

- 응답 건수
- 종합만족도 분포
- 이용빈도 분포
- 자유기술 "조작하며 불편했던 점"의 주요 테마
- 부서별 만족도
- 대표 의견

그래프와 표가 어떤 열을 바탕으로 만들어졌는지 알 수 있게 해 주세요.
만족도는 만족=5, 약간 만족=4, 보통이다=3, 약간 불만=2, 불만=1로 점수화해 주세요.
종합만족도가 빈칸인 응답은 평균 계산에서 빼고, 빈칸 건수를 따로 표시해 주세요.

스마트폰의 Claude 앱에서 내 컴퓨터의 Claude Code에 이어서 맡긴다(8-1-survey 폴더를 연 채로 /remote-control 로 연결한 뒤, 스마트폰에서 보낸다):

프롬프트 2 · Claude Code 입력란에 붙여 넣기
대시보드의 부서별 만족도 그래프를 만족도가 높은 부서부터 순서대로 정렬해 주세요.

8.2절아티팩트로 밖에서 보기

대시보드를 아티팩트로 발행한다(8-1 대화에 이어서, 스마트폰에서 그대로 보낸다). 아티팩트는 처음에는 나만 볼 수 있는 비공개 상태로 발행됩니다. 이 설문에는 부서·직급 정보가 들어 있으니, 링크를 공유하기 전에 받는 사람의 범위를 확인하세요:

프롬프트 3 · Claude Code 입력란에 붙여 넣기
대시보드를 아티팩트로 발행해 주세요.

칼럼 "본격적인 웹 앱을 만들고 싶어지면"의 요청 예(제5장의 anthropics/skills 마켓플레이스에서 example-skills 플러그인을 설치해 둔 경우):

프롬프트 4 · Claude Code 입력란에 붙여 넣기
/example-skills:web-artifacts-builder 를 사용해서
@dashboard.html 을 본격적인 대시보드로 다시 만들고,
아티팩트로 발행해 주세요.
실습 자료 받기

이메일로 인증하세요

인증하면 이 브라우저에서 30일 동안 로그인이 유지돼요. 그 뒤에는 등록한 이메일로 인증번호를 다시 받아 들어오면 됩니다. 프롬프트 복사는 인증 없이 누구나 쓸 수 있어요.