CaliforniaLuv
React 유닛 테스트(TDD)
프로젝트 CBT 단계가 끝날 무렵 회사 주간 회의에서 유닛 테스트 진행을 해봤냐는 질문을 받았다. 그 동안 작업에만 몰두한다고 한 번도 코드 검사를 하지 않은 관계로 난감 했는데, 이번 시간에는 React 웹팩을 설치하면 기본 탑재되어 있는 Jest, react-testing-library 를 활용하여 TDD 작업을 해보...
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
TypeScript 함수 반환 타입과 무효
타입스크립트에서는 함수에도 타입을 지정할 수 있으며 추론 이벤트를 통해 반환문이 없을 경우인 타입에 대해 알아보자. 함수 반환 타입 function add(n1: number, n2: number) { return n1 + n2 } 구성된 add 함수의 매개변수들은 숫자형이므로 반환 결과는 숫자 타입이 나오게...
TypeScript enum(열거형)
어떠한 특정 상황에 따라 값을 지정하는 경우가 있다. 예를 들어 메세지 플랫폼에서 어떤 한 유저의 상태를 표시할 때가 대표적이다. (자리 비움, 회의 중 …) 이럴때 자바스크립트에서는 객체 혹은 변수에 특정 문자열 혹은 숫자형을 지정하여 관리를 하는데 타입스크립트에서는 더 편리하게 관리해주는 enum(열거형) 문법에 대...
TypeScript 튜플
타입스크립트에서 무분별하게 요소가 추가되는 배열이 아닌, 지정된 배열만 허용해주는 튜플에 대해서 알아보자. 일반적인 TypeScript 배열 const arr: string[] = ["LA", "New-York", "Sanfrancisco"]; String으로 나열된 배열에서 만일 숫자를 넣게 되면, const a...
TypeScript 유니온 타입 지정
타입스크립트를 통해 함수의 매개변수에 타입을 지정할 떄 간혹 문자형과 숫자형이 상황에 따라 선언 되어야 하는 경우가 발생한다. 이런 경우를 해결하기 위해 존재하는 유니온 타입 에 대해 알아보자. 함수의 매개변수 문제점 function combine(input1: number, input2: number) { ...