INTERMEDIATE
1.5 hours•4 chapters
Data Management & APIs
Learn how to effectively handle data and integrate external APIs in your vibe coding projects.
Progress: 0%In progress
What You'll Learn
JSON, 배열, 객체로 데이터 모델링하기
async/await로 REST API에서 데이터 가져오기
로딩, 오류, 인증, 요청 횟수 제한 처리하기
데이터 저장, 캐싱, 변환, 표시하기
Description
여러분이 만드는 모든 앱은 사실 데이터를 옮기는 파이프라인입니다. 데이터는 API에서 JSON으로 도착해 가져와지고, 검증되고, 다듬어진 뒤 마침내 화면에 표시됩니다. 이 튜토리얼은 JSONPlaceholder와 Open-Meteo 같은 무료 공개 API를 상대로 실제로 실행 가능한 코드를 사용해 그 파이프라인 전체를 처음부터 끝까지 따라갑니다 — 장난감 같은 예제는 없습니다.
모든 데이터가 취하는 세 가지 형태(객체, 배열, JSON)에서 시작해, 로딩과 오류 상태를 처리하면서 async/await로 실시간 데이터를 가져옵니다. 그다음에는 프로덕션 API가 던지는 문제들 — 서버 측에 안전하게 보관하는 API 키, 페이지네이션, 429 요청 횟수 제한, 캐싱 — 을 다룬 뒤, 결과를 저장하고 필터링하고 정렬하고 렌더링합니다.
각 장은 풀이된 예제와 짧은 프롬프트 작성 연습을 짝지어 구성되어 있어, 끝마칠 때면 원하는 것을 정확히 설명하고 신뢰할 수 있는 코드를 받아낼 수 있을 뿐 아니라 그것을 검증할 수 있는 이해력도 갖추게 됩니다.
What's Inside
About 1.5 hours • 4 chapters
- 1.데이터 형태와 JSON — 객체, 배열, parse/stringify
- 2.API에서 가져오기 — async/await, 로딩과 오류 상태
- 3.인증, 제한, 캐싱 — 키, 페이지네이션, 429, TTL 캐시
- 4.저장과 표시 — localStorage 대 데이터베이스, 필터/정렬/렌더링
"By the end you'll wire up a real API and show live data on screen. Let's start in Chapter 1!"