브라우저 내장 기능을 활용해 외부 서버와 데이터를 주고받는 현대적인 통신 방식인 Fetch API를 프로젝트에 도입했다.
Promise 기반의 비동기 처리 메커니즘을 적용하여 네트워크 요청 중에도 페이지의 응답성을 유지하며 실시간 데이터를 화면에 반영했다.
async/await 문법을 사용하여 복잡한 비동기 흐름을 동기 코드처럼 직관적으로 재구성하고 네트워크 장애에 대비한 예외 처리 로직을 꼼꼼히 구현했다.
GET 요청으로 서버의 데이터를 안전하게 수신하고 POST 요청 시에는 JSON.stringify를 활용해 클라이언트의 데이터를 서버로 전송하는 전 과정을 숙달했다.
특히 fetch가 HTTP 에러 상태에서도 resolve되는 특성을 고려하여 response.ok 확인을 통해 404나 500 에러를 수동으로 걸러내는 정교한 핸들링 체계를 마련했다.
외부 API 연동을 통해 정적인 페이지를 살아있는 동적 애플리케이션으로 변모시키며 비동기 통신의 강력한 위력을 실감했다.
데이터 흐름을 정밀하게 제어하는 능력이 현대 웹 개발의 핵심 역량임을 깨닫고 효율적인 통신 구조를 설계하기 위해 노력했다.
전 세계의 다양한 데이터 소스와 연결된 풍부한 웹 경험을 창조하는 기술적 발판을 마련했다.
실시간 데이터 연동이 웹 서비스에 생명력을 불어넣는 가장 핵심적인 기술임을 다시 한번 확인했다.
