기록해봅니다 💬

less than 1 minute read

SWR VS React-query

  • React-query는 Devtools가 존재하지만 SWR은 지원되지 않는 기능이다. Devtools를 활용하면 내부 작업을 시각화 할 수 있다는 장점이 있다.
  • React-query는 가비지 컬렉션이 가능하다. 캐시된 데이터는 일정 시간이 지나면 수집된다. 이것은 캐시 타임으로 설정도 가능하다. 하지만 SWR에는 별도의 기능이 포함되어 있지 않다.
  • 두 라이브러리 모두 mutation을 지원한다. React-query에 비해 SWR은 수동으로 자동해줘야 하기 때문에 불편함이 있다.


SWR


React-query



Updated:

You may also enjoy

[performance] 성능 최적화 bundle 파일 분석

1 minute read

Bundle 파일 분석을 해보쟈 개발자 도구 Performance탭에서 보면 아래 사진처럼 chunk 파일에 시간이 오래 소요되는 것을 확인할 수 있다. 이것들이 다운받아져야 다른 js 파일들이 로드되기 때문에 화면에 요소가 나오는 시간에 영향을 미친다. 그렇다면 저 파일은 왜 저...

[performance] 성능 최적화 bottleneck 코드 최적화

less than 1 minute read

Performance 탭 확인하기 개발자 도구 Performance를 확인해보쟈. HTML이 파싱되고 JS가 실행되고 코드가 실행되는데 Article 부분에서 실행 시간이 많이 소요되는 것을 볼 수 있다. 특히 removeSpecialCharacter 부분이 반복되며 실행되는데 코...

[performance] 성능 최적화 이미지 최적화

1 minute read

Performance Optimization - 성능 최적화 성능 최적화? 필요한 이유는 무엇일까욥 페이지가 로딩되는 속도가 느릴수록 사용자의 이탈률이 늘어날 것이다 → 수익이 감소한다, 즉 성능 최적화로 페이지 로딩 속도를 줄여 사용자가 떠나지 않도록 해서 수익을 증대할 수 있...

[javascript] 이벤트 루프에서 비동기까지

2 minute read

자바스크립트의 이벤트 루프에 대해 알아보다가 결국 비동기까지 알아보게 되었다. 자바스크립트는 싱글 스레드 언어이다. 이것은 싱글 callStack을 가지고 있다는 의미로 해석되는데 이는 자바스크립트 엔진의 특성이기도 하다. 싱글 스레드라는 것은 어떻게 동작한다는 것일까?