이 글은 인프런의 TypeScript 입문 - 기초부터 실전까지 강의를 듣고 정리한 글입니다. 인터페이스란, 어떠한 객체가 이러이러한 속성(property)를 가진다고 선언하는 것이다. 여러가지 경우에 활용할 수 있으며, 그 예시들을 하나씩 들어 볼 것이다. 1. 기본 틀 및 변수에 인터페이스 활용 interface User { age: number; name: string; } const steadily: User = { age: 26, name: '상민', } User라는 인터페이스를 만들어 줬고, 그 안에 age와 number에 대해 각각 number, string의 타입을 정의해 줬다. 이후에 선언한 steadily 변수는, User 타입을 받아왔기 때문에 무조건 상호간 약속한 규칙에 따라서 ag..

이 글은 인프런의 TypeScript 입문 - 기초부터 실전까지 강의를 듣고 정리한 글입니다. 타입스크립트에서 함수는, 자바스크립트에서 만큼이나 아주 많이 쓰이기 때문에 꼭 제대로 알아둬야 한다. 함수에서도 또한 타입을 정의하는데, 크게 세 가지 방식으로 타입을 정의한다. 1. 함수의 파라미터에 타입을 정의하는 방식 function sum(a: number, b: number) { return a + b; } sum(10, 20); 가장 일반적인 방식이다. VSCode에서는 이렇게 각 파라미터에 타입을 지정해주면 반환값에 대해서도 알아서 인식해서 타입을 지정해주는데, 원래는 반환값 타입도 지정을 해줘야 한다. 2. 함수의 반환값에 타입을 정의하는 방식 function sum(): number { retu..

이 글은 인프런의 TypeScript 입문 - 기초부터 실전까지 강의를 듣고 정리한 글입니다. 타입스크립트에는 여러가지 타입이 있다. 이 타입들에 대한 개념은 필수인데, 그 이유는 변수 지정을 할 때 타입을 꼭 지정해줘야 하기 때문이다. 아래 코드에 주로 쓰이는 타입들을 정리해봤다. 1. 자바스크립트에서는 const str = 'hello' 와 같이 지정했다면, 타입스크립트에서는 const str: string = 'hello' 와 같이 정의한다. 2. 타입스크립트에서 배열은 크게 두 가지 방식으로 정의할 수 있는데, 첫 번째는 타입을 Array으로 정의하는 것이고, 두 번째는 타입[] 으로 정의하는 것이다. let arr: Array = [1, 2, 3]; let arr2: number[] = [1, ..