일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- html기초
- 타입스크립트
- 리액트
- React Native
- TypeScript
- async
- 리액트 네이티브
- 사용하는 이유
- 코린이
- 코딩기초
- CSS
- 비동기
- react-router
- JavaScript
- 코딩초보
- redux
- useEffect
- http
- Vue3
- 자바스크립트
- 리덕스
- 코딩독학
- scss
- 참조자료형
- 깃
- 프론트엔드
- react
- 코딩공부
- git
- SasS
Archives
- Today
- Total
목록반복문 비동기 처리 (1)
맨 땅에 프론트엔드 개발자 되기

오늘은 firebase storage를 사용하다가 겪은 에러에 대해 기록해보려고 한다. 참고로, 아래 내용은 리액트의 환경이다. 1. 에러 내용 내가 구현하려고 했던 것은 firebase storage에 이미지 파일을 업로드 한 이후, 그 이미지 파일 경로를 불러와 화면에 출력하는 것이었다. firebase 공식문서를 통해 아래와 같은 내용을 확인할 수 있었고, listAll을 통해 불러와진 이미지 파일들을 forEach문 반복문을 활용해 useState로 상태 변경을 하고 화면에 출력하려고 했다. 나의 코드 listAll(listRef) .then((res) => { let url = []; res.items.forEach((itemRef) => { url.push({ name: itemRef._loc..
코딩 공부 일지/JavaScript
2022. 2. 28. 19:18