CaliforniaLuv
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...
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
jest 유닛 테스트 하드코딩 간략화
유닛 테스트 코드를 작성하다 보면 테스트 우선 개발 혹은 테스트 주도 개발 과정에서 항상 하드 코딩 을 하게 되는 경우가 있다. 그러한 경우 코드를 최대한 간략화할 수 있는 코드 작성법을 기록하고자 한다. 하드 코딩으로 처리된 유닛 테스트 유틸 처리 함수 코드 export function filtering(s, a...
유틸 함수 jest 유닛 테스트 활용하기
회사 프로젝트에 숫자 금액을 텍스트로 환산하거나, 숫자를 텍스트로 처리하는 유틸 함수가 있는데, 간혹 경우의 수가 있다보니 예상치 못한 매개변수가 넘어오면 NaN(Not A Number) 혹은 공백 상태로 에러 처리를 못하는 경우가 종종 발생한다. 그러한 문제를 미리 해결하고자 npx 웹팩을 통해 React를 설치할 경우...
EC2 Memory 부족현상 관리
회사에서 임시로 프로젝트 시연용, 개발용 환경을 EC2를 통해 클라이언트, 서버를 통합해서 관리하고 있다. 그러나 무중단을 위해 PM2를 활용하여 4개의 Port를 개방하다 보니 t3.micro 사양으로 RAM 관리하기 힘들며, npm run build 할 경우 간혹 build가 무한 로딩 걸리는 현상이 있었다. 그...
pm2 무중단 배포 설정하기
Amazon EC2 클라우드 서비스를 통해 클라이언트, 서버 양 쪽 배포 설정을 필요할 경우가 있을 경우를 대비해 명령어들을 기록하였다. NPM PM2 설치 npm install pm2 -g 서버 및 클라이언트 실행 클라이언트 pm2 --name <name> start npm -- sta...