개발자/Typescript
-
Effective Typescript#3 타입 추론개발자/Typescript 2023. 1. 12. 10:33
아이템19. 추론 가능한 타입을 사용해 장황한 코드 방지하기 생각한 것보다 타입추론이 더 정확한 경우가 있습니다. const x: string = 'x'; // string 타입 const y = 'y'; // "y" 타입 타입 추론이 충분히 가능한 경우에는 추론을 이용하는 것이 좋습니다. 객체 리터럴을 정의할 때는 반드시 타입을 정의합니다. => 잉여 속성 체크가 동작하여 명확해 집니다. 함수/메서드 시그니처에는 타입 구문을 포함하지만, 함수 내에서 생성된 지역변수에는 타입구문을 최대한 생략하는 것이 이상적입니다. // getQuote의 리턴 타입 구문을 미리 작성한 후에 내용을 작성한다면 실수나 예기치 않은 오류를 방지 할 수 있습니다. const cache: {[tick..
-
Effective Typescript#2 타입스크립트의 타입 시스템개발자/Typescript 2023. 1. 12. 00:05
아이템6 편집기를 사용하여 타입 시스템 탐색하기 타입스크립트를 설치하면 두 가지를 실행할 수 있습니다. 타입스크립트 컴파일러(tsc) 타입스크립트 서버(tsserver) tsserver? tsserver는 언어 서비스를 제공하는 Stand alone 서버입니다. JSON 형식으로 요청/응답을 처리하며, vscode에서는 built in extension으로 제공하고 있어서 별다른 셋팅이 없어도 사용 가능합니다. 코드를 확인하고 싶다면 Github나 node_modules/typescript/lib/tsserver.js 확인해 보면 됩니다. ![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660318136252/Hi6EO2Z0v.png ..
-
Effective Typescript#1 타입스크립트 알아보기개발자/Typescript 2023. 1. 9. 23:47
아이템1. 타입스크립트와 자바스크립의 관계 이해하기 자바스크립트는 타입스크립트의 서브셋이다. 자바스크립트 프로그램 이미 타입스크립트 프로그램이라고 볼 수 있습니다. 반대로 타입스크립트는 별도의 문법을 가지고 있기 때문에 자바스크립트 프로그램이 아닙니다. 심지어 app.js로 코딩되어 있는 코드를 app.ts로 전환변경하여 사용해도 무방합니다. 이는 타입스크립트로 마이그레이션 시 상당한 이점이 있습니다. 타입스크립트는 자바스크립트의 런타임 모델을 가지고 있다. // 자바스크립트의 런타임 모델과 일치하는 부분 const x = 2 + '3'; // 정상 const y = '2' + 3; // 정상 // 타입스크립트만의 추가적인 동작 const a = null + 7; // TS 오류: 연산자 사용오류. J..