# promise.all

24개의 포스트

Promise.all, Promise.race

한번에 추출(거북이가 3초로 제일 늦으니, 3초 뒤에 세개가 같이 나옴)셋 중 하나라도 에러가 발생하게 되면 전체 promise가 에러난 것이라고 간주가장 빨리 끝난거 하나만 나타나게 된다 ex) 토끼가장 빨리 끝난 것이 에러일 때만 에러로 간주하고, rabbit은 성

5일 전
·
0개의 댓글
post-thumbnail

팀 프로젝트 6일차 기술 회고

비동기와 query

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

Promise.all

비동기 처리를 위해 사용되는 문법보통 Promise는 async / await 문법과 사용되고, 특정 상황에서 유용하게 쓰이는 내장 메서드들을 가지고 있다.내장 메서드 리스트Promise.all( promise1, promise2, ... ) 의 형태로 사용되며, 배열

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

Promise.all()

Promise.all() 메서드는 ()안에 들어간 함수들을 전부 실행하고 reject조건에 만족하면 종료되는 메서드이다. 여러 개의 이미지를 올릴 때 유용하게 사용한다.위의 코드를 실행해보면 콘솔에 처리가 시작되서 끝나는데까지 걸리는 시간이 콘솔에 찍힌다.

2022년 4월 26일
·
0개의 댓글
post-thumbnail

31일차) 언제까지 사진 한 장씩 올리는거 기다릴거야! FileReader/readAsDataURL/Promise.all/ 실무 위주 !성능 높여 ! 끌어올려! Code Camp FE 6기

오늘 배울 내용 우리가 기존에 쓰던 이미지 업로드 방식 백엔드의 uploadFile api요청을 통해서 storage에 사진을 저장하고, url을 받아와서 브라우저에 url을 넘겨주었었다.그 다음에 그 url을 첨부해서 createBoard api요청을 해서게시글에 이

2022년 4월 26일
·
2개의 댓글
post-thumbnail

Promise.all

여러 개의 프라미스를 동시에 실행시키고 모든 프라미스가 준비될 때까지 기다린다고 해봅시다.복수의 URL에 동시에 요청을 보내고, 다운로드가 모두 완료된 후에 콘텐츠를 처리할 때 이런 상황이 발생합니다.Promise.all은 이럴 때 사용할 수 있습니다.문법:Promis

2022년 4월 19일
·
0개의 댓글
post-thumbnail

Promise

자바스크립트는 비동기 처리를 위한 패턴으로 콜백 함수를 사용합니다. 하지만 콜백 함수는 비동기 처리 중 발생한 에러의 처리가 곤란하며, 여러 개의 비동기 처리를 한번에 처리하기 어렵고 콜백 헬이 발생합니다.ES6에서 등장한 프로미스 패턴은 이러한 단점을 보완하며 비동기

2022년 4월 5일
·
0개의 댓글
post-thumbnail

JavaScript | 프로미스(Promise)

Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냄비유로 이해하기가정 상황상점에서 물건 주문 시, 나올 때 까지 시간이 걸림.언제 완료 될지 모름 & 가끔 물건 제작 실패하는 경우 有소비자의 대안10초에 한 번씩 묻기 (❌)다 됐나

2022년 3월 20일
·
0개의 댓글
post-thumbnail

TypeScript :: 7. Promise와 async/await 구문

이번 장은 node.js가 제공하는 readFile과 같은 비동기 API를 예로 들고 있다. 타입스크립트에서 readFile같은 노드 제이에스 API를 사용하려면 tsconfig.json 파일에 별도의 설정이 필요하다. 따라서 이번 장의 예제 소스를 동작시키려면 nod

2022년 2월 7일
·
0개의 댓글
post-thumbnail

[JS] async, await

clear style of using promise 기존에 존재하는 promise 위에 조금 더 간편한 API를 제공한다. = syntactic sugar (ex. class)promise를 좀더 간결하게 만들어주며, 동기적으로 실행되는 것처럼 보이게 만들어준다.asy

2021년 10월 29일
·
0개의 댓글

비동기에서 Promise.all로 동시 로직 작성하기

🤔오늘의 핫이슈는, 예를 들어서 두가지의 일을 처리해야합니다. 사과나무에 사과를 따는일 배나무에서 배를 따는일 1,2두가지일은 동시에 진행해도 문제가 없다고 했을때 코드로 어떤식으로 적용시켜야할지에 대한 고민입니다 위와 같은 코드가 있을때 사과를 다 따고나서 배를

2021년 9월 19일
·
0개의 댓글
post-thumbnail

TIL

Promise.all은 프로미스로 구성된 배열(이터러블 객체)을 받아 프로미스로 반환한다.배열 안의 프로미스가 다 실행이 된 후의 결과값을 담은 배열을 반환한다. 배열 안의 프로미스 중 한가지라도 error가 발생한다면, 배열 안의 값은 다 무시된다.실행 시간에 관계

2021년 9월 1일
·
0개의 댓글

TIL. 41 Promise

Javascript는 특정 코드의 실행이 완료될 때까지 기다리지 않고 바로 다음 코드로 넘어간다. 이를 비동기라고 하며 Promise는 Javascript의 비동기 처리에 사용되는 객체이다.이전 fetch 함수를 다룰 때 간단히 학습했지만, 좀 더 정리가 필요할 것 같

2021년 8월 2일
·
0개의 댓글

[node.js] 비동기 프로그래밍2 - Promise(all/race)

Promise 객체들이 모두 실행완료될 때까지 대기결과 : promise 변수 모두 출력(객체처럼 출력됨)Promise 객체들 중 하나라도 실행이 완료되면 즉시 종료결과 : 가장 빨리 실행되는 promise 변수 출력(문자열 출력)

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[JS/Node] 비동기

[비동기] Promise.all() 메서드 순회 가능한 객체에 주어진 모든 프로미스가 이행한 후, 혹은 프로미스가 주어지지 않았을 때 이행하는 Promise를 반환한다. 반환 형태는 '배열' 주어진 프로미스 중 하나가 거부하는 경우, 첫 번째로 거절한 프로미스의

2021년 6월 23일
·
0개의 댓글
post-thumbnail

TIL [Promise & Promise.all]

Promise는 콜백의 단점(콜백 지옥)을 해결하기 위해 만들어졌다. 그렇다고 해서 promise가 콜백을 대체하는 것은 아니다. 사실 promise에서도 콜백은 사용되기 때문이다. Promise는 단지 콜백이 예측 가능한 패턴으로 사용할 수 있게 하며, promise

2021년 2월 1일
·
0개의 댓글

[Node.js] 비동기 / Promise 동작원리 / SPRINT-비동기 💯️

goal 💯️어떤 경우에 중첩된 callback이 발생하는지 이해할 수 있다.중첩된 callback의 단점, Promise 의 장점을 이해할 수 있다.Promise 사용 패턴과 언어적인 특징들을 이해할 수 있다.resolve, reject의 의미와, then, cat

2020년 12월 17일
·
0개의 댓글

[TIL] 2020/10/27

Today, I Will Learn Asynchronous & Promise 부분 복습 포트 폴리오 비동기처리 부분 수정하면서 공부한 부분 실습 sprint 복습(sequelize) Today, I Learned about dotenv 실제로 sequelize-cli를 통해 db:migrate를 할 때는 NODE_ENV를 expor...

2020년 10월 27일
·
0개의 댓글