API란? · 마틴과 코딩하기

웹사이트가 서로 어떻게 대화하는지, 그리고 웹사이트가 날씨, 지도 또는 AI에 대해 어떻게 질문할 수 있는지 알아보세요.

두 주방 사이의 웨이터

레스토랑을 상상해 보세요. 귀하(네 웹사이트)가 음식을 주문하고 싶지만 주방(해외 서비스 – 날씨, 지도, AI)에 들어갈 수 없어. 이것이 바로 웨이터의 역할야. 그들은 주문을 받고 주방으로 가져간 다음 완성된 요리를 다시 가져다줍니다.

해당 웨이터를 API(응용 프로그래밍 인터페이스)라고 해. 이는 프로그램이 서로에게 데이터를 요청하는 합의된 방법야.

프로그램은 JSON 형식으로 서로 응답해. 이는 Magician에서 이미 알고 있는 JavaScript 개체와 거의 비슷해 보야.

{
  "mesto": "Brno",
  "teplota": 21,
  "slunecno": true,
  "dny": ["Saturday", "Sunday"]
}

지금 바로 사용해 보세요. 브라우저에서 이 주소를 엽니다(실제 날씨 API이며 무료이며 등록이 필요하지 않어).

https://api.open-meteo.com/v1/forecast?latitude=49.19&longitude=16.61&current_weather=true

브르노의 현재 날씨와 함께 JSON이 표시돼. 그래픽은 없어. 순수한 데이터만 있어. 주변에 그래픽을 구축하게 돼!

💡

**API는 어디에나 있어.** 모바일 앱에서 일기예보, 버스 시간표, 지도를 표시할 때 해당 데이터 자체는 거의 없으며 API를 통해 요청해. 이제 너는 같은 일을 하는 법을 배우고 있어.

브라우저에서 위의 주소를 열고 응답에서 현재 온도와 풍속을 찾어.
변경해 보세요.latitude그리고longitude자신의 도시 좌표에 대한 주소를 입력해(지도 서비스에서 찾기 – 마우스 오른쪽 버튼 클릭 → “여기가 무엇야??”).
웹사이트에 어떤 외부 데이터가 유용할지에 대한 프로젝트 아이디어 2~3개를 적어보세요.

🏫 학교 웹사이트 - 아이디어

수학여행 날씨, 학교 위치 지도, 구내식당 API의 점심 메뉴(있는 경우), 공휴일 및 방학.

🙋 개인 웹사이트 - 아이디어

도시의 날씨, 방문한 장소의 지도, 방문객을 위해 귀하에 대한 질문에 답변하는 AI 챗봇.

🌍 여행 일지 - 아이디어

여행 핀이 표시된 지도, 다음 목적지의 날씨, 여행 예산에 따른 통화 변환.

⚽ 클럽 웹사이트 – 아이디어

주말 경기 날씨, 원정팀을 위한 경기장 지도, 축구 규칙을 설명하는 AI 도우미.

✅

**확인:** API(프로그램 간의 대기자)가 무엇인지 설명하고 JSON을 인식할 수 있어. 브라우저에서 실제 API 응답을 확인했어.