반응형 promise3 fetch javascript를 사용하면 필요할 때 서버에 네트워크 요청을 보내고 새로운 정보를 받아올수 있음 이때, 페이지를 새로고침 없이 조회 가능 fetch()는 구식 브라우저에서는 지원하지 않지만, 대부분의 모던 브라우저에서 지원 됨 * 기본문법 let promise = fetch(url, [options]) - url : 접근 하고자 하는 URL - options : 선택 항목, method나 header등을 지정 할 수 있음 - options에 아무것도 넘기지 않으면 GET 으로 요청 - fetch()를 호출하면 브라우저는 네트워크 요청을 보내고 promise 가 반환됨 - http 상태는 응답 프로퍼티를 사용하여 확인 가능 - status : http 상태코드 - ok : http 상태코드가 200 ~.. 2022. 6. 3. async/await * async - 함수앞에 async라고 붙이면 함수는 항상 약속을 반환한다. async function a(){ return 1; } a().then.alert(); * await - Javascript가 약속이 완료 될 때까지 기다리게 하고 결과를 반환 함 async function a(){ let promise = new Promise((resolve, reject) => { setTimeout( () => resolve("ok"), 1000) }); let result = await promise; // promise의 실행이 끝날때 까지 기다림 console.log(result); } a(); 2022. 5. 27. promise * Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과값을 나타냄. 미래의 어떤 시점에 결과를 제공하겠다는 약속(promise)를 반환 함. Promise를 사용하여 작업이 끝났을때 호출하는 callback 함수 대신 .then 메소드를 사용하여 명확하게 코딩할 수 있다. * 상태 - 대기(pending) : 이행하지도, 거부하지도 않은 초기 상태 - 이행(fullfiled) : 연산이 성공적으로 완료됨. - 거부(rejected) : 연산이 실패함 * 생성 - new Promise((resolve, reject) => { }) * 사용법 - 아래와 같이 변수로 선언하면 선언된 프로미스는 즉시 실행된다. let a = new Promise((resolve, reject) => {.. 2022. 5. 27. 이전 1 다음 반응형