Typescript 하면서 undefined를 지정하는 방법은 2가지가 있다. // Optional Parameters로 지정하는 방법 interface Fruit { cost?: number } // Union으로 지정하는 방법 interface Fruit { cost: number | undefined } 2개의 방법 중에서 한 가지 차이점이 존재한다. union으로 지정했을 때는 속성이 존재해야하고, optional parameters로 지정했을 때는 속성을 정의해주지 않아도 된다. Union으로 정의를 했다면 다음과 같이 사용하면 에러가 발생한다. // Union으로 지정하는 방법 interface Fruit { cost: number | undefined } // Property 'cost' i..

오늘은 토이 프로젝트 하면서 알아본 EsLint및 Prettier를 적용할 것이다. 알아보기전 EsLint와 Prettier에 대한 기본적인 개념을 알아보자.EsLint란?ES : ECMA Script로서 Javascript를 표준화하기 위해 만들어진 규격이다. Lint : 소스 코드를 분석하여 오류, 버그, 코딩 스타일 등까지 에러를 표시 해주는 것을 의미한다. 따라서, EsLint는 소스코드를 분석하여 문법적으로 오류, 버그가 있다면 에러를 표시해줄 뿐더러 코딩 스타일까지 지정하여 사용할 수 있다. Prettier란?작성된 소스코드를 지정한 코딩 스타일에 맞게 변환 및 검사 해주는 도구이다. javascript처럼 사용자층이 넓은 언어일수록 사용자마다 다른 코딩 스타일을 갖게되는데 협업을 할 때에는 ..