학습 내용/TypeScript2 Type assertion(타입 단언) 타입 단언이란? 타입스크립트 핸드북에서는 타입 단언에 대해 대략 이렇게 이야기하고 있다. : 가끔은 타입스크립트보다 코드 작성자 자신이 어떤 값에 대해 더 정확하게 파악하고 있는 상황이 생길 수 있다. 예를 들어 document.getElementById를 사용할 경우, 타입스크립트는 이게 어떤 HTMLElement를 반환할 거라는 것 정도만 알 수 있다. 개발자가 지정한 특정 아이디를 가진 요소는 늘 HTMLCanvasElement일 수 있는데 타입스크립트는 이것까지는 알 수 없다. 따라서 이런 상황에서는 타입을 좀 더 구체적으로 잡고 가기 위해 다음과 같이 타입 단언을 사용할 수 있다. const myCanvas = document.getElementById("main_canvas") as HTMLC.. 2022. 5. 13. 제네릭 컴포넌트(generic component) 원글: Creating a generic component with React TypeScript. * 오역 있을 수 있습니다. 댓글이나 이메일로 말씀 부탁드립니다. 정의 타입스크립트 제네릭은 재사용 가능한 컴포넌트를 생성하는 방법을 제공하는 툴이다. 사용하면 좋은 점 제네릭을 사용하면 하나의 데이터 타입이 아니라 다양한 타입의 데이터를 받을 수 있는 컴포넌트를 생성할 수 있으며, 개발자는 각자의 타입을 가지고 이러한 제네릭 컴포넌트를 사용할 수 있다. 제네릭은 프로그램의 유연성과 장기적인 확장 가능성을 지니고 있음을 보장한다. 제네릭 컴포넌트를 만들어 두면, 데이터를 표시할 때마다 매번 배열에 대한 map을 돌리는 작업을 하지 않아도 된다. 예제 1. 먼저, 대상 컴포넌트가 props로 받을 것들에 대.. 2022. 4. 3. 이전 1 다음
