![]()
https://swr.vercel.app/ko 현재 우리 프로젝트에서 쓰고있는 data fetch react hook. 도입되자마자 구현하느라, 공부해볼 시간이 없었다. 이참에 정리해보고자 한다. 장점 1. Cache Stale-While-Revalidate 의 줄임말로 백그라운드에서 캐시를 revalidate(재검증) 하는 동안에 기존의 캐시 데이터를 화면에 보여준다. 그래서, 도중에 api가 에러를 반환하더라도 캐시된 데이터를 활용할 수 있다. 즉, 좋지않은 데이터로 인해 일어나는 불필요한 렌더링을 막아준다. 2. 중복제거 불필요한 api 호출을 막음 SWR은 전역캐시를 이용해 모든 컴포넌트 사이에 데이터를 저장하고 공유한다. 그러므로, 불필요한 네트워크 요청을 생략한다. user 정보를 가져오는 h..
이전엔 잘만 설치되었던 프로젝트가 갑자기 install 시 멈춤현상이 일어났다. 프로젝트에 있는 `/node_modules` 폴더를 제거하고, IDE 재시작 -> yarn install 하니 정상작동.
![]()
test / it // 첫번째 파라미터: 작성한 테스트코드가 무엇을 하는지 이름을 정해준다 // 두번째 파라미터: 해당 테스트코드 로직 test('properly adds two numbers', () => { // expected result expect(sum(1, 2)).toBe(3); }); // 혹은, it keyword를 사용한 테스트 코드 작성 it('properly adds two numbers', () => { expect(sum(1, 2)).toBe(3); }); 동작은 둘다 동일. 테스트 하나를 작성할 때 사용하는 키워드. Describe 테스트를 그룹화할 수 있다 이는 필수 사항이 아니다. test최상위 수준에서 직접 블록을 작성할 수 있다. 그러나, 테스트를 그룹으로 구성하려는 경..
![]()
설치 yarn add -D jest yarn add -D @types/jest jest 설정파일 추가 jest --init ✔ Would you like to use Typescript for the configuration file? … 타입스크립트 파일로 설정할까? 난 no ✔ Choose the test environment that will be used for testing › 어떤 환경에서 test 돌릴거니? 난 node ✔ Do you want Jest to add coverage reports? … 커버리지 기능을 사용할거니 ? yes ✔ Which provider should be used to instrument code for coverage? › 본인은 babel ✔ Automati..
