# Promise All

12개의 포스트

Promise all

어떤 비동기 작업을 순서와 상관없이 처리하되 한 작업이라도 오류가 있어서는 안되는 작업이 필요할때 유용하게 사용 가능promise all을 활용한 이미지 업로드

2022년 8월 26일
·
0개의 댓글
·

Promise All

💡 Promise Promise는 자바스크립트에서 비동기 처리에서 사용되는 객체이다. 서버에서 받아온 데이터를 화면에 표시할때 데이터를 받아오기도 전에 화변이 그려져 오류가 발생하거나 빈 화면이 뜨게 되는데, 이러한 문제를 해결하기 위한 방법 중 하나이다. 프

2022년 8월 16일
·
0개의 댓글
·
post-thumbnail

Promise all

promisall 을 이야기 하기전에 잠시 async, await 를 짚고 넘어가자.사진의 코드는 여러 비동기 로직이 async-await 를 통해 순차적으로 실행되는 모습이다.비동기 로직 제어에 어느정도 성공했지만, 순차적으로 실행되는 7회의 post요청으로 시간이

2022년 6월 27일
·
0개의 댓글
·

Promise all

Promise all 은 콜백지옥 현상을 막기위해 나온 것이다.promise를 이용한 라이브러리가 axios 이다.axios와 , .then을 이용해 순수 promise 객체 만으로 데이터를 요청 하는 경우가 있다.

2022년 6월 27일
·
0개의 댓글
·
post-thumbnail

Promise all

Promise.all() Promise.all() 메서드는 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환한다. 주어진 프로미스 중 하나가 거부하는 경우, 첫 번째로 거절한 프로미스의 이유를 사용해 자신도 거부한다. 구문 Promise.all(iterable); 매개변수 i...

2022년 6월 21일
·
0개의 댓글
·

promise all

여러 promise 결과를 집계할 때 유용하다. 서로 연관된 비동기 작업을 모두 수행해야할 때 사용입력 값으로 들어온 promise 중 하나라도 거부당하면 즉시 거부된다.

2022년 6월 21일
·
0개의 댓글
·

Promise all

위의 함수는 result1 이 실행되고 난 후에 result2가 실행이 되고, result2가 실행된 후에, result3이 실행된다.따라서 onClickPromise 함수의 경우 약 6초의 시간이 소요된다.Promise.all() 의 경우에는 Promise.all()

2022년 6월 21일
·
0개의 댓글
·

Promise all

Promise.all() 메소드는, 입력으로서 약속의 반복 가능한 소요 번의 반환 Promise 그 입력 약속 결과의 배열을 해결한다. 이 반환 된 promise는 입력의 모든 promise가 해결되었거나 입력 iterable에 promise가없는 경우 해결된다. 입력

2022년 5월 1일
·
0개의 댓글
·

Promise.all / Promise.allSettled

본 글은 글쓴이가 꺼내보기 위함의 목적이 큰 글입니다 :)promise 함수를 한꺼번에 실행 할 수 있음.실행한 promise 중 하나라도 reject가 나온다면 결과값이 하나도 나오지 않음.하나 실패하면 전체 다 다시 시도해야함.사용패턴 promise 함수를 한꺼번에

2022년 3월 31일
·
0개의 댓글
·

JS 반복문 안에서 api 호출하기

JS 반복문 안에서 api 호출하기

2021년 11월 26일
·
0개의 댓글
·

비동기 Promise의 모든 것

### 동기 : 현재 실행 중인 코드가 끝나야 다음 코드를 실행 > 지금 실행중인 task 가 종료될 때까지, 다음 task 가 대기하는 방식 장점 👉🏻 실행 순서가 보장된다. 단점 👉🏻 지금 task가 종료될때까지 다음 task 가 실행 될 수 없다. (bl

2021년 8월 12일
·
0개의 댓글
·
post-thumbnail

Open API 에서 받아온 이미지로 Carousel(Slider) 만들기

어제와 오늘은 헤더에 Carousel 만드는 작업을 진행해 보았다.화질은 아무래도 Open API를 통해서 랜덤 이미지를 가져오다보니 Object-fit으로 했을 때 화질이 깨질 수 밖에 없었다. 실무에서 Carousel을 만든다면 디자이너에게 딱맞는 이미지 px을 받

2021년 5월 27일
·
0개의 댓글
·