# Promise All

16개의 포스트

SPA 팁

회사내에서 배웠던 내용을 정리했던 글 같다. 오랜만에 발견한 글이라서 다시 정리해둔다.

2023년 3월 28일
·
0개의 댓글
·

lazyload & preload & prefetch

lazyload & preload & prefetch

2022년 12월 22일
·
0개의 댓글
·

Promise all, lazyload, preload, prefetch

현재의 이미지 업로드 방식의 비효율적인 부분은 1\. 이미지 찌꺼기가 남는다2\. 이미지 미리보기가 느리다.그냥 Promise로 함수를 만들어서 실행하게 되면, result1 → result2 → result3이 순차적으로 실ㄹ행되게 되고, 약 6초의 시간이 소요된다.

2022년 12월 14일
·
0개의 댓글
·

프론트엔드 개발자가 되기위한 여정 -31-02(보충)

밸!하~밸로그 여러분 안녕하세요!오늘의 주제는 바로바로 promise All 입니다 ! 과거포스팅에서 동기와 비동기에 대해서 배웠던 것 기억나시나요??오늘 설명드릴 내용도 같은 맥락에서 나온 개념입니다 ! 그럼 promise All이란 무엇일까요??여러개의 프로미스를

2022년 10월 22일
·
0개의 댓글
·
post-thumbnail

콜백함수, Promise, async/await

비동기 : 제어할 수 없음비동기 제어를 위해 : 콜백 함수콜백 함수를 보기 편하게 (콜백함수와 동일하게 작업) : Promise, async/await비동기 함수 setTimeout 때문에 콘솔에 "A", "B", "C"의 순서가 랜덤으로 찍힘.콜백 함수를 printS

2022년 9월 25일
·
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일
·
1개의 댓글
·
post-thumbnail

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

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

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