이 프로젝트는 다양한 공공 및 상용 API를 활용하여 날씨, 영화, 요리 레시피, 뉴스, 환율, 번역 등 다양한 기능을 제공하는 웹 애플리케이션입니다.
프론트엔드 중심으로 개발되었으며 실시간 데이터를 불러와 사용자에게 직관적으로 보여줍니다.
이 프로젝트는 학습 목적 및 실습을 위해 제작되었습니다.
다양한 API를 연동해 날씨 정보, 영화 검색, 레시피 검색, 뉴스 제공, 환율 계산기, 번역, 주식 정보 등의 기능을 제공합니다.
주요 목표:
- 실시간 API 통신 경험
- 여러 외부 서비스 통합
- 에러 처리 및 예외 상황 대응
이 프로젝트는 ChatGPT 기반의 Instant 모드 환경에서 개발되었습니다.
코드를 작성하고 테스트하며 브라우저에서 실행할 수 있습니다.
개발 환경
- ChatGPT Mode: Instant
- 브라우저: Chrome
- 언어: HTML, CSS, JavaScript (Vanilla JS)
- 서버: 로컬 환경 (Live Server 사용)
| API 이름 | 설명 | 링크 |
|---|---|---|
| OpenWeatherMap | 실시간 날씨 데이터 제공 | OpenWeatherMap |
| Spoonacular | 요리 레시피 및 음식 관련 데이터 제공 | Spoonacular |
| OMDb API | 영화 및 드라마 데이터 검색 | OMDb API |
| Exchangerate API | 통화 환율 데이터 제공 | Exchangerate API |
| Frankfurter API | 오픈소스 실시간 환율 API | Frankfurter |
| Nominatim API | 지오코딩(위도·경도 변환) 기능 제공 | Nominatim |
| NewsAPI.org | 최신 뉴스 기사 데이터 제공 | News API |
| Finnhub API | 주식 및 금융시장 실시간 데이터 제공 | Finnhub |
| Edamam API | 음식 영양소, 건강 정보 제공 | Edamam |
| LibreTranslate API | 다국어 번역 서비스 제공 | LibreTranslate |
| TinyURL API | 긴 URL을 짧은 URL로 변환 | TinyURL API |
- 프로젝트 클론
git clone https://github.com/username/project-name.git cd project-name - API Key 설정
- 로컬 서버 실행
npm install -g live-server live-server 브라우저에서 http://localhost:8080 접속
- 에러 로그 확인:
브라우저F12→ Console에서 상세 로그 확인 - 네트워크 요청 확인:
F12→ Network 탭에서 API 요청 및 응답 상태 점검 - API 테스트 툴 사용:
Postman을 활용하여 API 호출 테스트
이 책의 예제 코드는 바이브 코딩(Vibe Coding) 방식으로 작성되었습니다. 따라서 동일한 요청을 하더라도 AI가 상황에 따라 서로 다른 코드를 생성할 수 있으며 모든 실행 환경에서 에러 없이 작동한다고 보장하기는 어렵습니다. 만약 코드 실행 과정에서 문제가 발생한다면 먼저 다음을 시도해 보기를 권장합니다.
- 프롬프트를 더 구체적으로 작성하기
- 요청의 목적, 입력 데이터의 형태, 원하는 출력 형식을 명확히 설명해 주세요.
- AI에게 코드에 대해 직접 문의하기
- 에러 메시지를 함께 제시하면 AI가 수정 방향을 제안할 수 있습니다.
위의 방법대로 시도했음에도 해결되지 않는 문제가 있다면 아래 이메일로 문의해 주시기 바랍니다.
The MIT License (MIT) Copyright (c) 2025 Codapress Publishing
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.