AI 에이전트란?

예시 요청: "내일 서울 날씨 알려주고, 우산 필요한지도 알려줘"

Step 1

📥 요청 이해

→

Step 2

🧭 계획 수립

→

Step 3

🔧 도구 호출

→

Step 4

📤 결과 종합

💬 한 줄 정리

에이전트는 하나의 질문에 바로 답하는 게 아니라, 필요하면 여러 단계로 나눠서 스스로 계획을 세우고, 외부 도구(날씨 API, 검색, 파일, 계산기 등)를 호출해가며 작업을 끝까지 처리하는 AI예요. 사람이 비서에게 "이거 처리해줘"라고 맡기면, 비서가 알아서 필요한 걸 찾아보고 정리해서 가져다주는 것과 비슷해요.

🧾 이 페이지, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"AI 에이전트란 무엇인가"를 설명하는 단일 HTML 페이지를 만들어줘.

- 하나의 예시 요청("내일 서울 날씨 알려주고 우산 필요한지 알려줘")을 정하고
- "요청 이해 → 계획 수립 → 도구 호출 → 결과 종합" 4단계로 나눠 가로로 배치된 박스로 표현
- "재생하기" 버튼을 누르면 각 단계 박스가 순서대로 하이라이트되면서
  그 단계에서 실제로 어떤 일이 일어나는지 예시 텍스트가 나타나게 해줘 (타이머로 순차 실행)
- 마지막에 "에이전트란 무엇인지" 한 문단으로 쉽게 설명하는 요약을 추가해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘

🤖 AI 에이전트란?

💬 한 줄 정리

🧾 이 페이지, 이런 프롬프트로 만들었어요