- 전체보기 (249)
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 솔리디티
- 이더리움
- react
- docker
- 웹
- 백엔드
- 알고리즘
- 쿠버네티스
- 블록체인
- TypeScript
- 클라우드
- 가상화
- VUE
- 파이썬
- next.js
- 이슈
- k8s
- 컴퓨터공학
- kubernetes
- HTML
- BFS
- es6
- 백준
- CSS
- 타입스크립트
- 자바스크립트
- 리액트
- 프론트엔드
- AWS
- JavaScript
Archives
- Today
- Total
목록📖 useEffect (1)
즐겁게, 코드
useEffect 내에서 async 함수를 사용할 때의 주의점
웹 어플리케이션 특성상 로드와 동시에 서버로부터 데이터를 불러와야 하는 경우가 자주 있습니다. 아마 대부분의 경우 useEffect 또는 useLayoutEffect 훅을 활용해 렌더링이 끝난 후 데이터를 불러올 텐데요, 한번 샘플 코드를 보겠습니다. const getGroupList = async () => { await axios .get(`${GROUP_ENDPOINT}?func=getAllGroup`) .then((res) => setGroupList(res.data)); }; useEffect(getGroupList, []); 컴포넌트 렌더링을 마친 후 useEffect 훅으로 getGroupList 함수를 호출해 그룹 리스트 상태값을 초기화해주고 있습니다. 그런데 이렇게 짜면 절대로 안됩니다!..
🎨 프론트엔드/React.js
2021. 4. 27. 13:50
소소한 팁 : 광고를 눌러주시면, 제가 뮤지컬을 마음껏 보러다닐 수 있어요!
와!! 바로 눌러야겠네요! 😆