CaliforniaLuv
React 자동 배칭 (auto batching)
React 18 버전 이후부터 자동 배칭(auto batching)을 통해 렌더링 성능 개선에 향상 되었다. 18 버전 이전에 사용하지 않은 React 이용자들은 어떤 작동 원리를 통해 렌더링이 되었는지 모르기 때문에 다뤄보고자 한다. 배칭은 무엇인가? 배칭이란 React Hook인 state의 다수 요소들이 한꺼번...
Hello, I’m Lee Jin-Sung
As a front-end developer, I focus on building impactful web experiences. I believe that UI/UX is the most essential element of a successful website.
Latest Posts
CleanCode 변수
최근 Robert C. Martin’s의 Clean Code을 읽다보니 나의 근본도 없는 엉망진창의 코드에 회의감이 빠져 들었다. 계속 다음 장을 넘길 때 마다 밥 아저씨의 비난이 담긴 코드는 보기 고통스러우며 내가 그동안 더닝 크루거 효과 그래프에서 우매한 봉우리 단계에 있다는 것을 깨달았다. 지금이라도 개선하기 위해 ...
react testing library와 jest 혼합하여 test 하기
회사 프로젝트 유닛 테스트 코드 작성 중 UI 검사 및 DOM 접근을 통한 테스팅이 필요하였다. react에서 웹팩을 통해 설치 시 기본 모듈에 탑재된 react-testing-libray를 통해 Behavior Driven Test(행위 주도 테스트) 사용자 관점의 테스트를 jest와 testing-library를 혼합...
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들이 주로 배열 안에 ...