promise 3

#기본기11_fetch()

fetch()는 정말 많이 사용하는 메서드이다. fetch() 메서드를 통해 웹브라우저에서 제공하는 비동기 네트워크 통신(대표적으로 AJAX)을 할 수 있다. * AJAX(Asynchronous Javascript and XML) : 페이지 새로고침없이 동적으로 데이터 로드 및 업데이트 가능 기본적으로 fetch()메서드는 Promise를 반환하기 때문에, 비동기적으로 데이터를 가져올 수 있다. GPT에게 fetch()에 대해 물어봤다. fetch()의 주요 특징과 사용법은 다음과 같다. HTTP 요청: fetch() 메서드를 사용하여 GET, POST, PUT, DELETE 등 다양한 HTTP 요청을 보낼 수 있습니다. Promise 반환: fetch() 메서드는 네트워크 요청에 대한 응답을 처리하기 ..

#기본기10_async / await

asycn / await를 사용하면 프라미스를 편하게 사용할 수 있다. 함수에 async를 붙이면 해당 함수는 항상 프라미스를 반환한다. 프라미스가 아닌 값을 반환하더라도 이행상태(resolved promise)로 값을 감싸 이행된(성공한) 프라미스가 반환되도록 한다. // 일반 함수에서 async 작성법, function 앞에 작성한다 async function test() { return 7; } // 화살표 함수에서 async 작성법, 인수(Parameter)앞에 async를 작성한다. const test = async() => { return 7; } await와의 활용 await는 말 그대로 프라미스가 처리될 때까지 함수 실행을 기다리게 만듭니다. 프라미스가 처리되면 그 결과와 함께 실행이 재개..

#기본기9_Promise

Promise(프로미스)는 자바스크립트에서 비동기 작업을 처리하는 객체입니다. 주로 네트워크 요청이나 파일 읽기 등 시간이 걸리는 작업을 처리할 때 사용됩니다. Promise는 비동기 작업이 완료되었을 때 성공 또는 실패 여부에 따라 처리할 수 있는 콜백 함수를 제공합니다. ** 비동기(asynchronous)란 한 작업이 완료되기 전에 다른 작업을 동시에 수행할 수 있는 것을 의미합니다. 이는 작업이 순차적으로 실행되는 동기(synchronous) 방식과는 달리, 작업의 완료 여부와 상관없이 다음 작업을 진행할 수 있음을 의미합니다. Promise는 세 가지 상태를 가질 수 있습니다: 대기(pending): 비동기 작업이 아직 완료되지 않은 상태입니다. 이행(fulfilled): 비동기 작업이 성공적으..