분류 전체보기

1. 제네릭이란 제네릭이란 함수, 인터페이스, 타입 별칭, 클래스 등을 다양한 타입과 함께 동작하도록 만들어 주는 기능이다. 1.1 제네릭은 언제 필요할까 function func(value: any) { return value; } let num = func(10); // any 타입 let str = func("string"); // any 타입 num.toUpperCase(); func 함수는 인수로 전달한 값을 그대로 반환하는 함수이다. 즉, 10을 전달하면 10이 "string"을 전달하면 "string"이 저장된다. 하지만 func 함수는 any 타입이 된다. 왜냐하면 반환값 타입이 return 문을 기준으로 추론되었지 때문이다. 이때 10 숫자가 저장되어있는 num에 toUpperCase와 ..

1. 함수의 타입을 정의하는 방법 // 함수를 설명하는 가장 좋은 방법 // 어떤 매개변수를 받고, 어떤 결과값을 반환하는지 설명 function func(a, b) { return a + b; } function func(a: number, b: number): number { return a + b; } // 생략가능 function func(a: number, b: number) { return a + b; } 타입스크립트의 함수는 어떤 타입의 매개변수를 받고 어떤 타입의 값을 반환하는지 정의해주면 된다. 반환값 타입은 자동으로 추론되기 때문에 생략이 가능하다. 1.1 화살표 함수 타입 const add = (a: number, b: number): number => a + b; // 생략 가능 c..

1. 타입 추론이란? let a = 10; // number 타입으로 추론 타입스크립트는 타입이 정의되어 있지 않은 변수의 타입을 자동으로 추론한다. 이것을 타입 추론 이라고한다. 즉, 모든 변수에 일일이 타입을 정의하지 않아도 된다. function func(param){ // 오류 } 하지만 모든 상황에 타입을 추론할 수 있는건 아니다. 함수의 매개변수 타입은 자동으로 추론할 수 없다. 타입 추론이 불가능한 변수에는 암시적으로 any 타입이 추론된다. → 엄격한 타입 검사 모드에서는 이런 any 타입의 추론을 오류로 판단한다. 2. 타입 추론이 가능한 상황들 2.1 변수 선언 let a = 10; // number 타입으로 추론 let b = "hello"; // string 타입으로 추론 let c..

📍 여러 타입스크립트 강의를 들으면서 '타입과 인터페이스는 비슷한 기능을 가졌다. 그러나 무엇을 쓰는걸 더 권장한다.' 라는 말을 많이 들었는데 중요한건 그 '무엇을'이 다 다르다는 것이다. 궁금함에 멘토링 시간에 멘토님께도 물어봤는데 또 다른 걸 권장하신다는 걸 듣고 과연 타입과 인터페이스 중 무엇을 써야될까에 대한 고민이 깊어졌다. 1. 타입 별칭(Type Alias) // 타입 별칭 type User = { id: number; name: string; nickname: string; birth: string; bio: string; location: string; }; ... 타입 별칭을 이용하면 변수를 선언하듯 타입을 별도로 정의할 수 있다. type 타입이름 = { 타입 } 타입에는 여러개의 ..

1. 타입은 집합이다. 타입스크립트의 타입은 여러 개의 값을 포함하는 집합이다. 집합은 동일한 속성을 갖는 여러개의 요소들을 하나의 그룹으로 묶은 단위를 말한다. 타입스크립트의 모든 타입들은 집합으로써 서로 포함하고 또 포함되는 관계를 갖는다. 다른타입을 포함하는 타입을 슈퍼 타입이라고 하고 다른 타입에 포함되는 타입을 서브 타입이라고 한다. 이러한 집합 관계는 계층 구조로 표현할 수 있는데 이걸 통해 다양한 타입의 관계를 이용할 수 있다. 2. 타입 호환성 예를 들어 number 타입과 number 리터럴 타입이 있을 때 서브 타입인 number 리터럴 타입의 값을 슈퍼 타입인 number 타입의 값으로 취급하는 건 가능하지만 반대는 불가능하다. 왜냐하면 number 타입이 더 큰 타입이기 때문이다. ..

1. 기본 타입(Basic Types)이란? 타입스크립트가 자체적으로 제공하는 타입(내장 타입) 타입스크립트가 제공하는 기본 타입들은 계층에 따라 분류한다. 각각의 기본 타입들은 서로 부모 자식 관계를 이루며 계층을 형성한다. 2. 원시타입 (Primitive Type) 동시에 한개의 값만 저장할 수 있는 타입 타입을 정의할 때는 변수의 이름 뒤에 콜론(:)과 함께 정의하면 된다. 이러한 문법을 타입 주석 또는 타입 어노테이션이라고 한다. 2.1 number 타입 // number let num1: number = 123; let num2: number = -123; let num3: number = 0.123; let num4: number = -0.123; let num5: number = Infin..