반응형 비동기 자바스크립트2 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 54 (비동기 자바스크립트 - Fetch API, Promise, Request/Response) 목차Fetch APIPromiseRequest/Response오늘 하루를 돌아보며 Fetch APIFetch API는 AJAX 요청을 위한 현대적인 방법이다. 기존 XMLHttpRequest(XHR)보다 더 간결하고 강력한 인터페이스를 제공한다. 요청을 보낼 때는 fetch() 함수를 사용하고, 호출하는 즉시 요청한다.fetch(url, options)url: 요청할 서버 URL 주소options: 요청 방식, 헤더, 본문 등을 포함하는 객체(옵션) Fetch API는 Promise를 반환하고 응답은 Response 객체로 제공한다. 이 응답(response) 객체는 다양한 메서드를 통해 데이터를 추출할 수 있다. fetch() 함수의 응답 결과를 확인하려면 .then() 메서드를 사용한다.fetch('.. 2025. 7. 14. 멋쟁이사자처럼 프론트엔드 부트캠프 14기 - Day 53 (고유 식별자(ID), 타임아웃, 인터벌, 비동기 자바스크립트 - AJAX, JSON) 목차고유 식별자(ID)타임아웃(Timeout)인터벌(Interval)비동기 자바스크립트 - AJAX비동기 자바스크립트 - JSON오늘 하루를 돌아보며 고유 식별자(ID)고유 문자열은 숫자와 문자가 포함된 문자 값을 말한다. 포함된 문자열 길이가 길어서 두 번 생성하는 것이 거의 불가능한 고유한 값이다.const uniqueId1 = '577ac755d7fef11100753579'const uniqueId2 = '5b4ef18839cd6500114e04d2' 고유 식별자를 생성하려면 다음과 같은 코드를 사용할 수 있다. 전달된 length 인수 값에 따라 문자 개수를 설정하고, 고유한 문자값을 반환한다.function generateUniqueString(length) { return Math.rando.. 2025. 7. 14. 이전 1 다음 반응형
