- 전체보기(186)
- React(48)
- 독서(32)
- Rust(23)
- beyond js(18)
- nextjs(16)
- dante(16)
- typescript(15)
- next.js(11)
- nextjs13(10)
- 서평(9)
- functional programming(8)
- kotlin(8)
- JavaScript(7)
- redux(5)
- next.js13(5)
- 아키텍쳐(4)
- html(4)
- SSR(3)
- vanilla-extract(3)
- 쉽게 말하는(3)
- css-in-ts(3)
- js(3)
- 회고(3)
- CSS(3)
- DDD(3)
- 타입스크립트(3)
- aws(3)
- 별 건 아니지만(3)
- test(3)
- 브라우저(2)
- SolidJS(2)
- react-query(2)
- 스프린트(2)
- React18(2)
- 클린 소프트웨어(2)
- 애자일(2)
- webpack(2)
- jest(2)
- reducer(2)
- frontend(2)
- svelte(2)
- e2e(2)
- 기술면접(2)
- ts(2)
- master course(2)
- 생각(2)
- SOLID(2)
- hook(2)
- rust professionals(2)
- cypress(2)
- 테스트(1)
- next13(1)
- ssh(1)
- ec2(1)
- 2022(1)
- ts 5.2(1)
- Nginx(1)
- next(1)
- useImperativeHandle(1)
- sapper(1)
- webkit(1)
- htmx(1)
- 아키텍처(1)
- DOCTYPE(1)
- apple vision(1)
- 인터뷰(1)
- Jotai(1)
- WWDC(1)
- useReducer(1)
- useRef(1)
- postcss(1)
- 기술(1)
- 협업(1)
- CSR(1)
- typescript5(1)
- 책(1)
- svelte4(1)
- code splitting(1)
- Vercel(1)
- github(1)
- 객체지향(1)
- seo(1)
- useEvent(1)
- 저예산 러스트(1)
- svg(1)
- styled component(1)
- Remix(1)
- WWDC2023(1)
- useTransition(1)
- mobx(1)
- Suspense(1)
- audio(1)
- 도커(1)
- OS(1)
- git(1)
- 디자인패턴(1)
- sentry(1)
- 함수형(1)
- Fiber(1)
- virtual DOM(1)
- web(1)
- component(1)
- app router(1)
- 웹 렌더링(1)
- Bun(1)
- npm(1)
- react season component(1)
- react dom(1)
- nextjs master course(1)
- 101(1)
- CRA(1)
- panda.css(1)
- island architecture(1)
- 함수형 프로그래밍(1)
- optimize(1)
- 사이드 프로젝트(1)
- 별 거 아니지만(1)
- AB테스트(1)
- using(1)
- 프론트엔드(1)
- chatGPT(1)
- panda(1)
- ts5.0(1)
- 기술 면접(1)
- bun1.0(1)
- useEffect(1)
- useState(1)
- useSyncExternalStore(1)
- decorator(1)
- async(1)
- node.js(1)
- DesignPattern(1)
- 네트워크(1)
- VDOM(1)
- critical path(1)
- book(1)
별 건 아니지만 어제 Jest 28버전이 출시되었다.
정리하는 속도보다 공부할 양이 느는 속도가 더 빠르다. 아 제스트 형! 리엑트18버전도 공부해야 되는데 제스트까지 업데이트가 되니까 어질어질 하네요. 현재 실무에서 서빙하고 있는 웹 어플리케이션도 더욱 고도화되기 전에 리엑트17에서 18버전으로 올려야 하는데, 리엑트 18버전의 등장이 react-testing-library 업데이트를 야기했고 이제 jest도 업데이트해서 이미 작성한 70여 개의 테스트 코드들이 버전업 이후에도 잘 작동하는지 다시 테스트해야 한다. ;; 너무 싫다. > 이건 너무한거 아니냐고 18~ 여기서 18은 리엑트 18을 의미합니다. 별 게 아닌 것 Breaking Changes가 뭐가 있는지 한번 살펴봅시다 
Jest 101 -1
유닛 테스트를 진행할 때 알고 있으면 좋을 유익한 팁들 Disclaimer Jest에 익숙하신 분들은 본 포스팅을 패스하셔도 좋습니다. TLDR Jest, esbuild를 사용해 테스트 (연습) 환경 구축하기 toEqual toStrictEqual toMatchObject 들어가며 유닛 테스트를 작성할 때 가장 보편적으로 쓰이는 라이브러리는 Jest 입니다. Jest의 도움을 받으면 증명하고 싶은 테스트들을 비교적 적은 코드의 양으로 검수할 수 있습니다. (Jest는 이하 '제스트'로 표현) 하지만 수 많은 유틸 함수들이 있어서 적재적소에 알맞게 유틸 함수를 끼워 맞추는 것은 여간 성가신 일이 아닙니다. ![수 많은 유틸 함수들 ](https://images.velog.io/images/jay/post/92c7187b-8f39-4111-9f87-4a232607efaf/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E