← 갤러리로 돌아가기

🔍 AI의 웹 검색 흐름이란?

AI가 검색 도구를 쓸 때, 머릿속에서 어떤 단계를 거치는지 살펴봐요
💡 아래 "다음 단계 →" 버튼을 눌러 한 단계씩 진행해보세요. AI가 질문을 받고 → 검색이 필요한지 판단하고 → 검색어를 만들고 → 실제로 검색하고 → 결과를 훑어보고 → 최종 답을 만드는 흐름을 순서대로 볼 수 있어요.

🌤️ 예시 질문으로 흐름 따라가기

질문: "요즘 제주도 날씨 어때?"
1
질문 접수

사용자가 "요즘 제주도 날씨 어때?"라고 질문을 입력했어요. AI는 먼저 이 질문의 의도를 파악해요.

2
검색이 필요한지 판단

"요즘"이라는 표현은 실시간성이 필요한 질문이에요. 날씨는 AI가 학습한 지식만으로는 알 수 없는 정보라서, AI는 "웹 검색 도구를 사용해야겠다"고 판단해요.

3
검색어(쿼리) 생성

사용자의 질문을 검색 엔진이 이해하기 좋은 형태로 바꿔요.

🔎 "제주도 날씨 오늘"
4
웹 검색 실행 & 결과 목록 확인

검색 도구가 아래와 같은 결과를 가져왔다고 가정해볼게요. (실제 검색 결과가 아닌 시뮬레이션 예시입니다)

기상청 제주 예보 — 오늘 제주 대체로 맑음, 최고기온 22도 내외, 바람 약간 강함
날씨포털 지역정보 — 제주시 낮 동안 맑음 유지, 저녁부터 구름 증가 예상
여행 커뮤니티 후기 — "오늘 제주 왔는데 날씨 좋아요, 바람만 좀 세네요"
5
결과 종합

여러 검색 결과를 비교해서 공통된 정보(맑음, 22도 안팎, 바람 약간 강함)를 추려내고, 신뢰도 낮은 정보는 걸러내요.

6
최종 자연어 답변 생성

"제주도는 오늘 대체로 맑고 낮 기온은 22도 안팎이에요. 다만 바람이 약간 강하게 불 수 있으니 겉옷을 챙기시는 게 좋겠어요." — 이렇게 사람이 읽기 편한 문장으로 정리해서 답해요.

※ 실제 날씨가 아닌, 흐름 이해를 위한 가상의 예시 답변입니다.

💬 한 줄 정리

AI에게 웹 검색 도구가 연결되어 있으면, 질문을 받았을 때 바로 답하는 대신 "이 질문에 답하려면 최신 정보가 필요한가?"부터 스스로 판단해요. 필요하다고 판단하면 질문을 검색에 적합한 검색어(쿼리)로 바꾸고, 실제로 검색을 실행한 뒤 나온 결과들을 훑어보며 신뢰할 만한 정보를 골라내요. 마지막으로 그 정보를 종합해서 사람이 이해하기 쉬운 문장으로 답을 만들어줘요. 이건 함수 호출(function calling)처럼 도구를 부르는 기술적 구조 위에서 이뤄지지만, 이 페이지에서 강조하고 싶은 건 그 안에서 AI가 "검색해야 하나? 뭐라고 검색하지? 결과 중 뭘 믿지?"를 판단하는 사고 흐름이에요. 실무에서는 이런 흐름 덕분에 AI가 지식 컷오프 이후의 최신 정보도 다룰 수 있게 됩니다.

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

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

- AI가 웹 검색 도구를 사용할 때 거치는 사고 흐름을 설명하는 한국어 교육용 웹페이지를 만들어줘
- "요즘 제주도 날씨 어때?"라는 예시 질문에 대해 6단계 흐름을 순서대로 보여줘: ①질문 접수 ②검색이 필요한지 판단 ③검색어(쿼리) 생성 ④웹 검색 실행 및 결과 목록 확인 ⑤결과 종합 ⑥최종 자연어 답변 생성
- "다음 단계 →" 버튼을 누를 때마다 다음 단계 박스가 하나씩 순서대로 나타나도록(reveal) 만들어줘
- 4단계에는 가상의 검색 결과 스니펫을 2~3개 카드로 보여줘
- 6단계의 최종 답변은 실제 실시간 데이터가 아니라 흐름 이해를 위한 가상의 예시라는 점을 명확히 표시해줘
- 처음부터 다시 보기 버튼도 추가해줘
- 하단에는 이 흐름과 함수 호출(function calling)의 차이, 그리고 검색 흐름의 핵심을 3~6문장으로 설명하는 요약 카드를 넣어줘
- 카드형 레이아웃, 은은한 테두리, 라운드 모서리를 쓰는 깔끔하고 미니멀한 스타일로 만들어줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 자료입니다 — 강의 데모용