Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- 패스트캠퍼스 부트캠프
- 부트캠프
- sqld 55회
- firebase rules
- github
- js CRUD
- reduce
- Filter
- 부트캠프 취업후기
- 리액트오류
- git
- promise 비동기처리
- css 꿀팁
- 성능개선
- react hook
- 국비지원취업
- 국비지원
- 야놀자x패스트캠퍼스
- 프론트엔드개발자
- 2024 sqld
- Firebase
- sqld 자격증 시험
- 패스트캠퍼스
- map
- 퍼블리셔 이직후기
- Where
- foreach
- 프론트엔드부트캠프후기
- 야놀자 fe 1기
- TypeScript
Archives
- Today
- Total
목록promise 비동기처리 (1)
Tech is created to fix problem
map 안에서 비동기 처리하기 Promise.all
문제상황)배열을 map으로 돌리면서, 각 배열의 값에 itemnum이라는 특정 속성 값을 넣어주어야 했다.그리고 그 값은 api 호출을 통해 가져와야 하는 값이다.그래서 우선 getValue라는 api를 호출하는 함수를 작성해 주었고그 함수를 bin 속성의 값에 실행시켜 주었다.Array.map((item) => { const getValue = async () => { const num = await 비동기함수(); return num; } const result = { ...item, itemnum: getValue() }; return result;}); 그랬더니 binValue의 리턴값은 아래와 같이 Promise 객체가 반환되었다. 문제원인 1) binValue 함..
JS 개념정리
2024. 5. 14. 14:02