타입스크립트 썸네일형 리스트형 [TypeScript] 함수의 타입 정의 타입스크립트의 함수함수에서 타입이 지정되는 부분은 파라미터(매개변수), 리턴타입 이 있다. (리턴값이 없으면 void)// jsfunction sum(a, b) { return a + b;}// tsfunction sum(a: number, b: number): number { return a + b;}타입스크립에서는 컴파일러가 정의된 매개변수가 모두 넘어왔는지 확인한다.(함수 인자를 모두 필수값으로 본다. )그래서 undefined, null이라도 꼭 인자로 넘겨야하고, 정의된 매개변수 외에 추가로 인자를 넘기면 에러가 발생한다. 정의한 매개변수 갯수만큼 인자를 넘기지 않아도 에러가 나지 않는 자바스크립트와 다른점이다. function sum(a: number, b: number): number .. 더보기 [TypeScript] 타입스크립트의 기본 타입 타입스크립트란?자바스크립트에 타입을 부여한 언어자바스크립트의 확장된 언어라고 볼수있음타입스크립트는 브라우저에서 실행하려면 파일 변환(컴파일)이 필요하다. 타입스크립트를 쓰는 이유?1. 에러를 컴파일 시점에 잡을수 있음- js는 별도의 컴파일 과정없이 실행 시점에 해석된다(인터프리터 언어). 그래서 컴파일시 에러를 잡을수 없으며, 코드를 실행해야만 에러를 발생시킨다. - 또한 js는 동적 타입(dynamic type)이 있는 동적 언어라서 '10' + '20'이 에러가 나지 않는다. (결과 '1020') 이처럼 의도치 않은 코드의 동작이 발생할 수 있다. - 타입스크립트는 타입을 지정하기때문에 동적 타입으로 인한 문제를 잡아낼 수 있다. function sum(a: number, b: number) { .. 더보기 [TypeScript] 제네릭(Generic) 제네릭이란?코드의 재사용성을 높이고, 다양한 데이터 타입을 다룰 수 있도록 도와주는 기능제네릭을 사용하면 함수, 클래스, 인터페이스 등을 정의할 때 특정 타입을 고정하지 않고, 필요할 때마다 다양한 타입을 지정할 수 있다. 타입을 마치 함수의 파라미터처럼 사용하는것을 의미한다. //arg라는 파라미터를 받아 그대로 text를 반환한다. //arg가 string, number, boolean 중 무엇이든 그대로 반환한다.function identity(arg) { return arg;} 만약 어떤 타입이든 받아서 그대로 넘겨주는 함수를 정의하려고 any 타입을 쓴다면 코드에 오류는 없겠지만 인자의 타입과 리턴 타입을 알수가 없다. any는 타입 검사를 하지 않으므로 타입 에러를 잡아낼수가 없다. // 함.. 더보기 이전 1 다음
