# promise.all

47개의 포스트
post-thumbnail

[TIL] 성능최적화

31-1 성능최적화31-2 메모이제이션(Memoization)31-3 map과 memo의 관계31-4 CRP(Critical Rendering Path)31-5 Promise & Promise.all()memoization 폴더 \_ container 파일let은 버튼

2023년 4월 27일
·
0개의 댓글
·
post-thumbnail

2023. 4. 25~27

Index 성능최적화 - react developer tools memoization(useCallback,useMemo) map,memo(key-uuid?) CRP(Critical Rendering Path) Reflow, Repaint prefetch, preloa

2023년 4월 26일
·
0개의 댓글
·

promise.all 인자

Promise.all()의 인자에는 당연히 promise 객체가 들어가야 한다.

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

Promise & Promise.all

먼저 Promise와 Promise.all()의 차이를 코드로 살펴보자.Promise는 보통 시간이 걸리는 작업을 진행할 때 사용된다.setTimeout(시간지연함수)로 3개의 함수에 각각 다른 시간을 부여해준 다음 실행하면 어떻게 될까.result1 ,result2,

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

[PROJECT] Lets Git It (3) : My Service Logic

사이드 프로젝트 - Lets Git It : My Service Logic

2023년 3월 6일
·
1개의 댓글
·

js Promise, Promise.all, Promise.race

Promise vs Promise.all vs Promise.race Promise 시간이 걸리는 작업을 할 때 사용함 Promise.all 요청이 한번에 보내짐(promise는 한번에 하나씩만 요청이 감) promise 요청을 한번에 배열에 담아 보내고, 결과도

2023년 2월 1일
·
0개의 댓글
·
post-thumbnail

[TIL]2023.01.30. 59일차

1. 어떤 문제가 있었는지 1-1. map을 했는데 [ Promise { <pending> }, Promise { <pending> } ]이렇게 나왔당 ㅠ 1-2.![](https://velog.velcdn.com/images/wnals0513/post/21ce9c

2023년 1월 30일
·
0개의 댓글
·

32day - FileReader, useRef, LazyLoad/PreLoad

기존의 우리가 사용하던 이미지 등록 방식은 이러했다. > 1. 브라우저에서 이미지 등록 버튼을 누르면 백엔드에 uploadFile로 전송되어 storage에 file이 보내진다. 백엔드는 storage로부터 다운로드URL을 받아와서 다시 브라우저에 돌려준다. 브라우저

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

JavaScript (20) # async, await 응용

앞서 공부한 async, await를 사용해서 알아보자..

2022년 12월 18일
·
0개의 댓글
·
post-thumbnail

[React] new FileReader(), Promise.all()

useEffect에서 setState를 사용하면 추가렌더링이 발생해서 비효율적인 경우가 있으므로 useMemo로 바꿔보자! > * 기존 이미지 업로드가 비효율적인 부분 2가지* 이미지 찌꺼기가 남는다. 이미지 미리보기가 느리다. 바뀐 이미지 업로드 방식 => 업

2022년 12월 15일
·
0개의 댓글
·
post-thumbnail

DAY28

이미지 업로드 프로세스 1\. 브라우저에서 사용자가 업로드할 이미지 파일을 선택2\. 브라우저에서 선택된 파일을 변수에 저장변수에 담긴 내용을 파일 객체라고 하며 파일 사이즈 등 파일에 대한 정보를 담고 있음3\. 이제 브라우저에서는 파일 객체를 백엔드 서버에 업로드

2022년 12월 15일
·
2개의 댓글
·

12/14 이미지 처리,프리로드,프리패치

지난시간의 프리로드, 프리패치는 html에서 제공된 것이었다. 다음페이지에서 사용될 이미지나 페이지 등을 미리받아 저장이 가능하다.(아폴로 캐시스테이트나 recoil(글로벌)스테이트에 저장한다) 이미지 기존 등록방식: 사진을 등록하려고 이미지를 선택 후 확인을 누

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

JavaScript (18) # Promise

상점에서 물건을 주문하는데, 그 물건이 오기까지 시간이 걸린다고 가정을 해보자또한 언제 물건이 오는지는 알 수 없을 뿐더러 가끔 물건을 만들다가 실패하는 경우도 있다고 한다. 이럴땐 소비자는 어떻게 해야할까? 10초에 한번씩 진행 상황을 물어보고 답을 받는다고...

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

동기 && 비동기

실행을 시키면 alert()함수를 썻기에 바로 입력창이 뜨며 id로 'hyo', password로 '0416'을 누르니 콘솔창에 'Hello Hyo님 반가워요'라고 잘 뜨는걸 확인할 수 있다.

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

Promise all

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

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