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
- 프로그래머스
- context api
- 사탕게임
- Vanilla JavaScript
- typescript
- Github Actions
- react
- locale data
- next.js
- visual test
- 리팩토링
- 피보나치 함수
- ZOD
- next-auth
- javascript
- storybook
- TextFormField
- 백준
- interaction test
- useEffect
- Python
- React.memo
- kakao blind recruitment
- React-hook-form
- 이메일 인증
- useMemo
- custom hook
- Flutter
- suffixicon
- Props Drilling
Archives
- Today
- Total
목록useEffect (1)
Dev Diary
useEffect 내에서 비동기 작업 처리하기
api 요청에 react-query v4를 사용하고 있는데 useQuery를 이용한 api 요청이 계속 실행되는것을 방지하기 위해 refetch 함수를 사용하여 특정 상황에만 쿼리가 요청될 수 있도록 구현하는 도중, useEffect 안에 비동기 요청 함수를 넣어 전역상태에 값을 세팅해줘야 하는 상황이 생겼다. 그래서 매번 사용했던대로 useEffect 안에서 api 요청 함수를 수행하고 응답에 특정 프로젝트에 참가하고 있는 프리랜서들과 클라이언트(발주처)의 uid, name, role이 담긴 배열이 있었는데 클라이언트(발주처)인 경우에는 clientInfo 라는 전역상태에, 프리랜서인경우에는 freelancersInfo 전역상태에 각각 저장해주었다. 그런데 프리랜서의 경우 1명일수도 있지만 2명 이상일..
Trouble Shooting
2023. 11. 27. 05:25