반응형 TypeScript3 [Typescript] Typescript Essentials3 10. 호출 시그니처, 인덱스 시그니처 호출 시그니처(call signature) interface getLikeNumber { // 계속 사용하고싶다면 interface생성 (like: number): number; // call signature } interface Post { id: number; title: string; getLikeNumber: getLikeNumber; } const post1: Post = { id: 1, title: "post 1", getLikeNumber(like: number) { return like } } post1.getLikeNumber(1); 인덱스 시그니처(index signature) 속성의 모든 이름을 미리 알지 못하는 경우가 있지만 값의 형태는 알고.. 2023. 11. 1. [Typescript] Typescript Essentials2 04. type annotation, type inference type annotation 개발자가 타입을 타입스크립트에게 직접 말해주는것 const rate: number = 5 type inference 타입스크립트가 알아서 타입을 추론하는것 const rate = 5 타입을 추론하지 못해서 타입 annotation을 꼭 해줘야하는 경우 any타입을 리턴하는경우 const json = '{"x": 4, "y": 7}' const coordinates = JSON.parse(json) console.log(coordinates) coordinates에 hover해보면 const coordinates: any라고 뜨는것을 볼 수 있다. JSON.parse는 json을 파싱해준다. 인풋으로 들어가는 js.. 2023. 11. 1. [Typescript] Typescript Essentials1 타입스크립트 기본 01. Typescript란? Typescript가 나오게 된 배경 Javascript는 원래 클라이언트 측 언어로 도입되었다. 그런데 Node.js의 개발로 인해서 JS를 클라이언트 측 뿐만이 아니라 서버 측 기쉴로도 활용하게 만들었다. 그러나 JS의 코드가 커질 수록 소스코드가 더 복잡해져서 코드를 유지관리하고 재사용하기가 어려워졌다. 더욱이 Type 검사 및 컴파일시 오류검사의 기능을 수용하지 못하기 때문에 JS가 본격적인 서버 측 기술로 엔터프라이즈 수준에서 성공하지 못한다. 이 간극을 메우기 위해 Typescript가 제시되었다. Typescript란? 타입스크립트는 자바스크립트에 타입을 부여한 언어. 자바스크립트의 확장된 언어(superset)라고 볼 수 있다. 타입스크립트는.. 2023. 11. 1. 이전 1 다음 반응형 최근댓글 최근글 인기글 © Copyright 2024 ttutta
최근댓글