Function Calling(함수 호출)이란?

🛠️ 실습: "서울 날씨 어때?"

🙋 사용자: "서울 날씨 어때?"

STEP 1 · 함수가 필요하다고 판단

AI는 이 질문에 정확히 답하려면 자기 안에 없는 실시간 날씨 정보가 필요하다는 걸 알아채고, 미리 정의해 둔 getWeather 함수를 호출해야겠다고 판단해요.

STEP 2 · 파라미터 추출

사람의 자연어 문장에서 함수가 요구하는 값만 정확히 뽑아내 구조화된 형태로 정리해요.

{"city": "서울", "unit": "celsius"}

STEP 3 · 함수 실행 & 결과 반환

실제 프로그램(날씨 API)이 이 파라미터를 받아 함수를 실행하고, 결과값을 돌려줘요.

getWeather({city:"서울"}) → {temp: 24, condition: "맑음"}

STEP 4 · 자연어로 재구성

AI가 이 딱딱한 구조화 결과를 다시 사람이 읽기 편한 문장으로 바꿔서 답해요.

🤖 "서울은 지금 24도, 맑은 날씨예요."

💬 한 줄 정리

함수 호출(Function Calling)은 AI가 사람의 자연스러운 문장을 그냥 텍스트로만 이해하고 끝내는 게 아니라, 미리 정해둔 함수(도구)의 규격에 맞춰 정확한 값(파라미터)을 뽑아내는 능력을 말해요. 이렇게 뽑힌 값은 실제 API, 데이터베이스, 계산기 같은 진짜 프로그램에 그대로 전달될 수 있어서, AI가 "그럴듯한 말"이 아니라 실제로 작동하는 결과를 가져올 수 있게 해줘요. 사람의 "서울 날씨 어때?"처럼 애매하고 자유로운 표현이, {"city":"서울"}처럼 기계가 오차 없이 이해하는 형태로 정리되는 게 핵심이에요. 최근 뉴스에서 말하는 "AI 에이전트"나 "도구 사용(tool use)"도, 사실 이 함수 호출 능력이 그 바탕이 되는 경우가 많아요.

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

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

Function Calling(함수 호출) 개념을 가르치는 인터랙티브 학습 페이지를 만들어줘.
- 예시 질문 "서울 날씨 어때?"를 보여주고, 버튼을 누르면 4단계가 순서대로 자연스럽게 나타나게 해줘: ① AI가 getWeather 함수가 필요하다고 판단하는 단계, ② 자연어에서 {"city":"서울","unit":"celsius"} 같은 구조화된 JSON 파라미터를 추출하는 단계, ③ 실제 함수 호출과 반환값 getWeather({city:"서울"}) → {temp:24, condition:"맑음"}을 보여주는 단계, ④ 그 결과를 "서울은 지금 24도, 맑은 날씨예요." 같은 자연어 문장으로 바꾸는 단계
- 각 단계는 코드 스타일 박스와 설명 텍스트를 함께 보여줘야 해
- 하단에 함수 호출이 왜 중요한지(AI가 API·DB 같은 실제 시스템과 정확하게 연동되는 원리, tool use/에이전트의 기반이라는 점) 초보자도 이해할 수 있게 설명하는 카드를 추가해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘

🛠️ Function Calling(함수 호출)이란?

🛠️ 실습: "서울 날씨 어때?"

💬 한 줄 정리

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