일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 리터럴 타입
- Promise
- 투포인터
- Cypress
- SSR
- Jest
- 반공변성
- 타입 좁히기
- autosize
- async/await
- ESlint
- 결정 알고리즘
- CORS
- 태그된 유니온
- 이분 검색
- app router
- 공변성
- RTK Query
- map
- React
- CI/CD
- recoil
- 인터섹션
- webpack
- useAppDispatch
- dfs
- tailwind
- 호이스팅
- TS
- 무한 스크롤
Archives
- Today
- Total
목록mutate (1)
짧은코딩
mutate
mutate mutate는 서버에 요청 안보내고 데이터를 수정하는 것이다. 즉 서버 요청을 하지 않고 클라이언트 쪽에서 데이터를 조작할 수 있다. 그러다가 결국 마지막엔 서버에 데이터가 이렇게 바뀐게 맞나 점검을 하는데 이것이 mutate의 두번째 인자이고 shouldRevalidate라고 한다. 따라서 이 두번째 인자에 false를 넣어야 서버에 요청을 보내지 않는다. -예시 인스타에 좋아요를 누르면 하트의 색이 변하는데 이것은 서버에 가기 전에 하트의 색을 바꾸는 것이라 mutate를 사용했다. 이렇게 하면 사용자 입장에서는 빠르게 적용이 되는 것 처럼 느껴져서 좋다. 하지만 만약 서버에 전송이 실패하면 다시 좋아요를 취소시킨다. 이런 것을 OPTIMISIC UI라고 부른다. 낙관적인 UI라고 부른다..
인프런, 유데미/Slack 클론 코딩
2022. 7. 21. 01:35