일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- barrel export
- 낙관적 업데이트
- next.js
- react
- es module
- 개발
- JS 코딩의 기술
- form
- zustand
- react-query
- CSS
- Git
- javascript
- Pr
- frontend
- JWT
- route handler
- 협업
- 티스토리챌린지
- 오블완
- github
- 비제어
- 개발자
- optimistic updates
- 회고록
- Study
- Fe
- typescript
- turporepo
- js
- Today
- Total
목록react-query (2)
ougi FE

오늘은 개발하다가 친구가 모든 코드에 이 낙관적 업데이트를 적용 해놓은 걸 보았습니다..근데 저의 생각으로는 이렇게 모든 곳에 낙관적 업데이트를 적용하는게 바르지 않다고 생각하여서이게 무엇이고 어떻게 하는지 구체적으로 알아보려 합니다낙관적 업데이트란?낙관적 업데이트는 웹 애플리케이션에서 사용자 경혐을 향상시키기 위해 사용되는 개념이라고 합니다주로 네트워크 요청이나 데이터 업데이트와 관련하여 사용합니다낙관적 업데이트는 서버로 보낸 요청이 정상적일 것이라고 미리 예상하고클라이언트 요청에 대한 응답이 오기 전에 클라이언트의 데이터를 미리 업데이트 된 상태로 변경하는 작업을 말합니다장점사용자가 행동을 하면 즉각적으로 피드백이 되어서 사용자 경험이 향상됩니다단점만약 오류가 발생한다면 ui가 잠깐이라도 불일치할 수..

저는 얼마 전 블로그를 둘러보다가 React-Query라는 것을 보고 알아보며 정말 좋은 라이브러리라고 생각이 들어서 이렇게 더 잘 정리해서 사용하기 위해 오늘 이렇게 글을 쓰게 되었습니다 React-Query🌸가 뭘까?공식 문서에서는 React-Query를 이렇게 설명하고 있습니다fetching, caching, 서버 데이터와의 동기화를 지원해주는 라이브러리쉽게 말하자면 fetching, caching과 관련된 비동기관련 처리과정을 도와주는 라이브러리입니다 ❓ 왜 사용할까?간편한 데이터 관리( 데이터 가져오기, 캐싱, 동기화 및 업데이트 처리를 간편)실시간 업데이트 및 동기화(서버와 클라이언트의 데이터 일관성 유지)데이터 캐싱(불필요한 요청 감소, 성능 향상)서버 상태 관리(에러, 로딩, 성공 쉽게 ..