# promise.all

33개의 포스트
post-thumbnail

읽은 글들 (~22.9.29)

메일링, 블로그, 구글링 등을 통해 읽은 좋은 글들을 모아놓은 글이다.

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

Promise

JavaScript는 비동기 처리를 위해 콜백 함수를 사용하곤 했는데, 이 전통적인 콜백 패턴은 몇 가지 한계점이 있었다.1\. callback hell로 인해 가독성이 나쁘다.2\. 비동기 처리 중 발생한 에러를 처리하기 어렵다.3\. 여러 개의 비동기 처리를 한번에

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

31일차) [React/JS] 이미지미리보기(fileReader) / Promise / 이미지 라이브러리 /preLoad

new FileReader()new FileReader() 기능은 파일 객체를 이용해 내용을 읽고 사용자 컴퓨터에 저장하는 것을 가능하게 해주는 브라우저에서 지원해주는 기능. new FileReader() 를 사용하면 new FileReader() 에 있는 기능 사용

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

Promise API

Promise.all >복수의 URL에 동시에 요청을 보내고, 다운로드가 모두 완료된 후에 콘텐츠를 처리할 때 이런 상황이 발생한다. Promise.all은 요소 전체가 프로미스인 배열을 받고 새로운 프로미스를 반환한다. 배열 안 프로미스가 모두 처리되면 새로운

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

Promise API(2) - Promise.allSettled

Promise API - Promise.allSettled

2022년 7월 25일
·
0개의 댓글
·

Day-31 FileReader, Promise.all, LazyLoad & PreLoad

기존방식대로 이미지를 올릴 때는 몇가지 비효율적인 면이 존재한다.이미지 파일을 불러왔는데 등록은 하지 않고 뒤로가게 되면 사용되지 않는 파일이 스토리지에 남아있어 용량이 많이 찬다.스토리지에서 받아오는 파일의 속도가 느려진다.따라서 이미지 선택 후 백엔드로 보내주지 않

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

코드캠프 FE 31일차 - TIL(FileReader,Promise.all,LazyLoad/PreLoad)

📔 학습목표 기존 업로드 방식은 비효율적이야 >> FileReader Async-await for문에서 쓰면 안된다고? >> Promise.all 내가 원할 때 이미지 불러오기 >> LazyLoad/PreLoad 업로드파일 프로세스 브라우저에서 플러스 이미지를

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

31) FileReader ?

Algorithm Self Study, Image Upload Process, Promise & Promise.all, LazyLoad vs PreLoad, Algorithm Class, self Study

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

ESLint: no-await-in-loop

discord.js 예제를 보고 .ts 파일을 읽어 내부 코드를 가져와 Json으로 바꾸는 코드를 사용했다.하지만 아래와 같이 eslint 쪽에서 에러가 발생했다.error Unexpected \`await\` inside a loop no-await-in-lo

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

Promise.all, Promise.race

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

2022년 5월 17일
·
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개의 댓글
·