CaliforniaLuv
유틸 함수 jest 유닛 테스트 활용하기
회사 프로젝트에 숫자 금액을 텍스트로 환산하거나, 숫자를 텍스트로 처리하는 유틸 함수가 있는데, 간혹 경우의 수가 있다보니 예상치 못한 매개변수가 넘어오면 NaN(Not A Number) 혹은 공백 상태로 에러 처리를 못하는 경우가 종종 발생한다. 그러한 문제를 미리 해결하고자 npx 웹팩을 통해 React를 설치할 경우...
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
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...
TypeScript 알 수 없는 타입 지정
간혹 특정 변수에 어떤 타입이 사용될 지 알 수 없을 경우, 사용하기에 용이한 지정이 있는데, 이번 시간 unknown 타입에 대해 알아보자. any 타입이랑 뭐가 다른거야? any 타입 let typeInput: any typeInput = 5 typeInput = "Hello" unknown 타입 let ...
React 유닛 테스트(TDD)
프로젝트 CBT 단계가 끝날 무렵 회사 주간 회의에서 유닛 테스트 진행을 해봤냐는 질문을 받았다. 그 동안 작업에만 몰두한다고 한 번도 코드 검사를 하지 않은 관계로 난감 했는데, 이번 시간에는 React 웹팩을 설치하면 기본 탑재되어 있는 Jest, react-testing-library 를 활용하여 TDD 작업을 해보...