[Typescript] JS to TS Project - 2. 점진적인 타입 선언

1. 명시적인 any 선언 2. 확실한 변수 타입 선언 3. enum 활용 4. DOM 함수 타입 명시적인 any 선언 tsconfig.json파일에 noImplicitAny값을 true로 추가하고 저장한다. 저장 후 error가 많아졌음을 볼 수...

[Typescript] JS to TS Project - 1. 타입스크립트 프로젝트 환경 구성

자바스크립트에서 타입스크립트로 바꾸는 배우는 테스트 프로젝트다. 작업은 프론트엔드 프레임워크 (Vue, React 등)을 쓰지 않은 JS, html, css로만 이뤄진 프로젝트다. 그래서 처음은 npm 으로 프로젝트 초기화와 타입스크립트도 설치를 해서 설정파일을 생성해서...

[Typescript] 맵드 타입 (Mapped Type)

맵드 타입 (Mapped Type) 맵드 타입은 기존에 정의되어 있는 타입을 새로운 타입으로 변환해 주는 문법이다. Javascript의 map() API 함수를 타입에 적용한 것과 같은 효과를 가진다. Javascript map 함수 아래는 Javascript의...

[Typescript] 유틸리티 타입 (Utility Type) - 2. Partial

Partial 파셜(Partial) 타입은 특정 타입의 부분 집합을 만족하는 타입을 정의한다. 밑에 코드를 보면 Product 인터페이스가 있고 Product안 속성하나만 들어가도 updateProductItem함수의 인자로 넘길려한다. 그래서 UpdateProduct를 Product의 Partial로 정의했다. interface Product {...

[Typescript] 유틸리티 타입 (Utility Type) - 1. Pick & Omit

유틸리티 타입 (Utility Type)? 유틸리티 타입은 타입스크립트내에서 제공하는 타입문법으로 이미 정의해 놓은 타입을 변환할 때 사용하기 좋다. 유틸리티 타입을 꼭 쓰지 않더라도 기존의 인터페이스, 제네릭 등의 기본 문법으로 충분히 타입을...