typescript2 타입스크립트(typeScript) 제네릭, 유틸리티 타입 정리해보기 제네릭 여러 가지 타입에서 동작하는 컴포넌트를 생성하는데 사용한다 제네릭을 사용하는 이유 ex) 여기 text라는 파라미터에 어떤 값을 넘겨 받아도 그대로 text를 반환하는 함수가있다 function getText(text) { return text; } getText('hi'); // 'hi' getText(10); // 10 제네릭을 사용하면 함수를 호출할 때 아래와 같이 함수 안에서 사용할 타입을 넘겨줄 수 있다 함수의 인자와 반환 값에 모두 T 라는 타입을 추가했다 function getText(text: T): T { return text; } // 이렇게 선언한 함수는 아래와 같이 2가지 방법으로 호출할 수 있다 1 getText('hi'); getText(10); 2 getText('hi'.. 2023. 6. 13. 타입스크립트(typeScript) 정의, 쓰는이유, 기본 타입들 정리해보기 타입스크립트란 타입스크립트는 자바스크립트에 타입을 부여한 언어이다 자바스크립트의 확장된 언어라고 볼 수 있다 왜 타입스크립트를 써야할까 1. 에러의 사전 방지 TypeScript는 정적 타입을 지원하므로 컴파일 단계에서 오류를 포착할 수 있는 장점이 있다 아래와 같이 의도하지 않은 코드의 동작을 예방할수 있다 // math.js function sum(a, b) { return a + b; } sum(10, 20); // 30 sum('10', '20'); // 1020 // math.ts function sum(a: number, b: number) { return a + b; } sum('10', '20'); // Error: '10'은 number에 할당될 수 없습니다. 2. 코드 자동 완성과 가이.. 2023. 6. 13. 이전 1 다음