# promise.all
[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. 25~27
Index 성능최적화 - react developer tools memoization(useCallback,useMemo) map,memo(key-uuid?) CRP(Critical Rendering Path) Reflow, Repaint prefetch, preloa
Promise & Promise.all
먼저 Promise와 Promise.all()의 차이를 코드로 살펴보자.Promise는 보통 시간이 걸리는 작업을 진행할 때 사용된다.setTimeout(시간지연함수)로 3개의 함수에 각각 다른 시간을 부여해준 다음 실행하면 어떻게 될까.result1 ,result2,
[PROJECT] Lets Git It (3) : My Service Logic
사이드 프로젝트 - Lets Git It : My Service Logic
js Promise, Promise.all, Promise.race
Promise vs Promise.all vs Promise.race Promise 시간이 걸리는 작업을 할 때 사용함 Promise.all 요청이 한번에 보내짐(promise는 한번에 하나씩만 요청이 감) promise 요청을 한번에 배열에 담아 보내고, 결과도
[TIL]2023.01.30. 59일차
1. 어떤 문제가 있었는지 1-1. map을 했는데 [ Promise { <pending> }, Promise { <pending> } ]이렇게 나왔당 ㅠ 1-2.
[React] new FileReader(), Promise.all()
useEffect에서 setState를 사용하면 추가렌더링이 발생해서 비효율적인 경우가 있으므로 useMemo로 바꿔보자! > * 기존 이미지 업로드가 비효율적인 부분 2가지* 이미지 찌꺼기가 남는다. 이미지 미리보기가 느리다. 바뀐 이미지 업로드 방식 => 업
DAY28
이미지 업로드 프로세스 1\. 브라우저에서 사용자가 업로드할 이미지 파일을 선택2\. 브라우저에서 선택된 파일을 변수에 저장변수에 담긴 내용을 파일 객체라고 하며 파일 사이즈 등 파일에 대한 정보를 담고 있음3\. 이제 브라우저에서는 파일 객체를 백엔드 서버에 업로드
12/14 이미지 처리,프리로드,프리패치
지난시간의 프리로드, 프리패치는 html에서 제공된 것이었다. 다음페이지에서 사용될 이미지나 페이지 등을 미리받아 저장이 가능하다.(아폴로 캐시스테이트나 recoil(글로벌)스테이트에 저장한다) 이미지 기존 등록방식: 사진을 등록하려고 이미지를 선택 후 확인을 누
JavaScript (18) # Promise
상점에서 물건을 주문하는데, 그 물건이 오기까지 시간이 걸린다고 가정을 해보자또한 언제 물건이 오는지는 알 수 없을 뿐더러 가끔 물건을 만들다가 실패하는 경우도 있다고 한다. 이럴땐 소비자는 어떻게 해야할까? 10초에 한번씩 진행 상황을 물어보고 답을 받는다고...
동기 && 비동기
실행을 시키면 alert()함수를 썻기에 바로 입력창이 뜨며 id로 'hyo', password로 '0416'을 누르니 콘솔창에 'Hello Hyo님 반가워요'라고 잘 뜨는걸 확인할 수 있다.
Promise all
위의 함수는 result1 이 실행되고 난 후에 result2가 실행이 되고, result2가 실행된 후에, result3이 실행됩니다. 따라서 onClickPromise 함수의 경우 약 6초의 시간이 소요됩니다.Promise.all() 의 경우에는 Promise.al
Promise
JavaScript는 비동기 처리를 위해 콜백 함수를 사용하곤 했는데, 이 전통적인 콜백 패턴은 몇 가지 한계점이 있었다.1\. callback hell로 인해 가독성이 나쁘다.2\. 비동기 처리 중 발생한 에러를 처리하기 어렵다.3\. 여러 개의 비동기 처리를 한번에
31일차) [React/JS] 이미지미리보기(fileReader) / Promise / 이미지 라이브러리 /preLoad
new FileReader()new FileReader() 기능은 파일 객체를 이용해 내용을 읽고 사용자 컴퓨터에 저장하는 것을 가능하게 해주는 브라우저에서 지원해주는 기능. new FileReader() 를 사용하면 new FileReader() 에 있는 기능 사용
Promise API
Promise.all >복수의 URL에 동시에 요청을 보내고, 다운로드가 모두 완료된 후에 콘텐츠를 처리할 때 이런 상황이 발생한다. Promise.all은 요소 전체가 프로미스인 배열을 받고 새로운 프로미스를 반환한다. 배열 안 프로미스가 모두 처리되면 새로운