마지막 부분: 네 웹사이트를 아는 봇
지금까지 챗봇은 시스템 프롬프트에 있는 내용만 알고 있어. 마지막 비결: 프롬프트에 웹사이트 데이터를 제공해. 이를 AI 컨텍스트 제공이라고 해.
const informace = `
You are the helper for the FK Sokol Nebovidy website. Here is the information:
- Practice: Tuesday and Thursday at 5:00 PM, field behind the school
- Next match: Saturday at 10:00 AM, home game against Lipová
- Coach: Mr. Novák, contact info is on the Contacts page
- Membership fee: $60 per semester
Answer in English, briefly and in a friendly tone. When the
answer isn't in the information above, say: "I don't know that,
check the Contacts page or ask the coach."
`;
// ...in the endpoint:
messages: [
{ role: 'system', content: informace },
{ role: 'user', content: otazka },
],이제 봇은 프로젝트에 대한 실제 질문에 답변하고 다른 모든 질문에 대해서는 “모르겠어요”라고 정중하게 말해. 이것이 바로 실제 웹 AI 도우미가 구축되는 방식야.
마지막 도전 💪
프로젝트의 Inventor 툴킷을 완성해. 세 가지 부분을 모두 함께 완성해.
- API 데이터가 포함된 위젯(레슨 3의 날씨)이 합당하다면 어디든 가능해.
- 핀이 있는 지도(4과).
- 컨텍스트가 포함된 챗봇 – 웹사이트에 대한 실제 사실 5~10개를 프롬프트에 작성해.
🙋 개인 웹사이트 - 최종 과제
봇은 네 취미, 좋아하는 게임/책, 귀하가 알고 있는 것과 귀하가 배우고 있는 내용을 알고 있어. 즐겨찾는 장소 3곳이 포함된 지도, 해당 도시의 날씨 위젯. 테스트 질문: "프로그래밍 외에 무엇을 좋아합니까?"🌍 여행 일지 - 최종 과제
봇은 최근 3개의 여행(어디서, 언제, 무슨 일이 일어났는지)과 다음 계획을 알고 있어. 모든 여행 지도, 다음 목적지에 대한 날씨 위젯. 테스트 질문: "그들은 마지막으로 어디로 갔으며 어땠나요?"⚽ 클럽 웹사이트 – 최종 과제
봇은 연습 일정, 다음 경기, 선수 명단, 회비, 코치 연락처 등을 알고 있어. 홈 필드 지도, 경기 날씨 위젯. 테스트 질문: "다음 경기는 언제, 어디서 열리나요?"
✅
**다음과 같은 경우 작업이 완료돼.**
- 네 웹사이트는 하나 이상의 API(날씨)에서 실시간 데이터를 로드해.
- 지도에는 팝업이 있는 핀이 있어.
- 챗봇은 프로젝트에 관한 5가지 테스트 질문에 정확하게 답해.
- 봇은 주제에서 벗어난 질문을 정중하게 거부해.
- 비밀 키가 브라우저나 GitHub에 없어.
축하해. 너는 발명가가 되셨어! 네 웹사이트는 더 이상 단순한 페이지가 아닙니다. 세상과 소통할 수 있어. 픽업하는 것을 잊지 마세요자격증.
이번 수업에서 배울 점
- 프롬프트의 컨텍스트 = 네 웹사이트를 알고 있지만 내용을 구성하지 않는 봇야.
- API + 지도 + AI를 함께 사용하면 웹사이트를 사람들이 실제로 사용할 서비스로 바꿀 수 있어.
- 다음 정거장:레벨 6 – 프로젝트 보스. 네 웹사이트는 인터넷상의 자체 주소를 가질 자격이 있어.
© 2026 Ing. Martin Polak / AlgoRhino · 콘텐츠 이용 약관