CaliforniaLuv
react testing library와 jest 혼합하여 test 하기
회사 프로젝트 유닛 테스트 코드 작성 중 UI 검사 및 DOM 접근을 통한 테스팅이 필요하였다. react에서 웹팩을 통해 설치 시 기본 모듈에 탑재된 react-testing-libray를 통해 Behavior Driven Test(행위 주도 테스트) 사용자 관점의 테스트를 jest와 testing-library를 혼합...
Hello, I’m Lee Jin-Sung
As a front-end developer, I'm responsible for web development. These days, I think UX/UI is important in web site.
Latest Posts
web vitals는 무엇인가?
웹 브라우저 성능에 관해 관심을 갖고 있는 상태에서 웹 바이탈(web vitals)라는 사용자 경험을 바탕으로 측정하는 방법론을 알게 되어 향후 프로젝트에 도입하고자 미리 공부하게 되어 기록하였다. Web Vitals 란? Google에서 웹 성능에 관해 책정된 “수준 높은 웹 경험을 제공하는데 필요한 필수 성능 지...
Uncaught-TypeError Cannot read properties of undefined 에러 해결
배열 요소에 객체가 들어간 데이터를 배열 메서드 혹은 반복문으로 처리하다가 이런 에러를 겪은 적이 자주 있을 것이다. Uncaught TypeError: Cannot read properties of undefined (reading 'Keyword') REST API 응답을 통해 사용되는 DB들이 주로 배열 안에 ...
React useEffect 종속 배열 함수 선언 시 ESlint 경고
useEffect hook 종속 배열에 함수를 선언할 경우 아래와 같은 ESlint 경고가 발생하였다. The 'mapSync' function makes the dependencies of useEffect Hook (at line 14) change on every render. Move it inside the us...
jest 유닛 테스트 하드코딩 간략화
유닛 테스트 코드를 작성하다 보면 테스트 우선 개발 혹은 테스트 주도 개발 과정에서 항상 하드 코딩 을 하게 되는 경우가 있다. 그러한 경우 코드를 최대한 간략화할 수 있는 코드 작성법을 기록하고자 한다. 하드 코딩으로 처리된 유닛 테스트 유틸 처리 함수 코드 export function filtering(s, a...