JS&TS Essential/Type (5) 썸네일형 리스트형 객체 Type 알아보기 객체의 값과 속성 타입 지정하기 type Height = number; type Name = string; interface IHeightRecord { [name: Name]: Height; } type THeightRecord = { [name: Name]: Height; } const heightRecord: IHeightRecord = { '철수': 170, '영희': 160, '길동': 175 } 구체적으로 속성명과 그 속성값의 type을 정하는 것이 아니라 속성명의 type은 무엇이고, 속성값의 type은 무엇인지만 정의할 수도 있다. interface와 접근제어자 interface IAnimal { readonly name: string; age: number; } type TAnimal =.. Type의 확장 Typescript에서 타입지정을 위해 Type alias와 Interface를 사용할 수 있는데, 이렇게 지정된 type들을 확장하는 기능도 지원하고 있다. 어떻게 확장할 수 있는지 배워보도록 하자! Intersection interface animal { readonly name: string; age: number; } type bird = animal & { wing: number; } type alias 기능을 사용할 때는 &를 사용해 연산하듯이 두 타입을 합칠 수 있다. 이를 `intersection`이라고 부르고, interface나 type alias로 지정된 타입을 모두 결합할 수 있다. 상속 interface animal { readonly name: string; age: number.. Type 추론 Typescript를 사용하다보면 타입 지정을 하지 않아도 에러가 나타나지 않는 경우가 있다. 이는 ts가 코드상황을 보고 타입을 인지 후 타입을 추론하는 것이다. → 타입추론 for(let i = 0; i < feeds.length; i++) feeds[i].read = false; 위와 같은 for문에서 i의 초기값으로 0을 넣고 있기때문에i의 type은 number라는 것을 알 수 있다. 이에 ts는 i의 type을 number로 지정하고 number type 외에 다른 type의 값을 넣으면 에러를 표시해준다. type alias와 interface https://code-mania.tistory.com/29 TypeScript의 type 알아보기 기본적으로 js에는 다음과 같은 type들이 있다. String Number Boolean Array Function Object 타입 지정 방법 이번 시간에는 기본타입을 변수에 적용하는 방법에 대해서 알아볼 것이다. TypeScript는 TypeScript.. code-mania.tistory.com 위 글에서 기본 타입을 알아봤다. 하지만 프로그래밍하다보면 기본 타입만으로는 해결하기 어려운 상황에 직면할 것이다. 이 때 어떤 해결책이 있는지 알아보자~~~~ Type Alias와 Interface 사용자 정의 type을 지정하기 위한 방법으로 type alias와 interface를 이용하는 2가지 방법.. TypeScript의 type 알아보기 기본적으로 js에는 다음과 같은 type들이 있다. String Number Boolean Array Function Object 타입 지정 방법 이번 시간에는 기본타입을 변수에 적용하는 방법에 대해서 알아볼 것이다. TypeScript는 TypeScript라는 이름에 걸맞게(?) Type 지정이 가능하다. 변수명 뒤에 콜론과 지정하고싶은 type을 지정해주면 된다. let name: string = 'code-lover'; let likeNumber: number = 4; let isAdult: boolean = false; 객체와 배열 그런데 배열과 객체는 type 지정 방법이 조금 다르다!!! 배열의 경우 아래와 같이 사용해주면 된다. let hobbies: string[] = ['JAVA', 'V.. 이전 1 다음