Language/Type Script14 [Type Script] 도구 (소스맵, 린터) 1. 소스맵 소스맵 파일을 사용하면 타입스크립트 코드를 디버깅할 수 있다. 소스맵 파일은 .map 확장자로 js 코드 조각을 원래 언어(ts)에 맵핑하는 json 형식의 데이터를 포함하고 있다. ts로 작성된 js 프로그램을 디버깅하고자 한다면 브라우저가 컴파일 중에 생성된 소스맵 파일을 다운하며, 엔진이 js를 실행하더라도 ts 코드 내에 브레이크 포인트를 설정할 수 있다. Greeter.ts class Greeter { static sayHello(name:string) { console.log(`Hello ${name}`); } } Greeter.sayHello('John'); -> 터미널에 tsc greeter.ts --sourceMap true 작성 후 실행 -> greeter.js, greet.. 2022. 2. 4. [Type Script] 제네릭 함수 생성, 고차 함수 제네릭 함수 생성 위 코드의 함수는 다양한 타입 파라미터를 사용할 수 있지만 어느 파라미터 타입으로 호출됐는지 모른다. 따라서 상수 a와 b는 any타입을 가진다. 만약 함수 호출 시 사용된 파라미터 타입을 알고 싶다면 수정해야 한다. 수정한 코드는 제네릭 타입 를 파라미터와 반환 값의 타입으로 선언했다. 상수 a는 string 타입, b는 Person 타입을 가진다. 책에선 화살표 함수에 제네릭 타입을 사용했는데 코드를 쳐보니 에러가 13개나 뜨는 바람에 다음에 공부할 예정...ㅎ 무튼 제네릭 타입을 사용한 클래스와 함수를 만들어보자. 키-값의 쌍을 가진 클래스를 선언하고, 키와 값은 모든 타입이 가능하므로 제네릭 타입으로 선언한다. K, V 등 특정 문자로 제네릭 타입 파라미터를 사용할 때 ts 내장.. 2022. 2. 2. 이전 1 2 3 4 5 6 7 다음
