CaliforniaLuv
CleanCode 변수
최근 Robert C. Martin’s의 Clean Code을 읽다보니 나의 근본도 없는 엉망진창의 코드에 회의감이 빠져 들었다. 계속 다음 장을 넘길 때 마다 밥 아저씨의 비난이 담긴 코드는 보기 고통스러우며 내가 그동안 더닝 크루거 효과 그래프에서 우매한 봉우리 단계에 있다는 것을 깨달았다. 지금이라도 개선하기 위해 ...
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
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들이 주로 배열 안에 ...
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...