도리쓰에러쓰

유틸리티 타입 - 제네릭 타입이라고도 불린다. - 정의한 인터페이스를 변환한다. 1. 파셜 타입(Partial Type) : 특정 타입의 부분 집합을 만족하는 타입을 정의 interface IPersonal { name: string; birth: string; phone: string; } type TUserInfor = Partial 위 예시만 보면 어떤 용도인지 아직 파악이 안되지만 아래 예시처럼 객체에 있는 모든 프로퍼티에 옵셔널 프로퍼티를 적용한 것과 같다. interface IPersonal { name?: string; birth?: string; phone?: string; } 2. 픽 타입 (Pick Type) : 특정 타입에서 몇 개의 속성을 선택하여 타입을 정의 interface IB..

1. 함수 타입스크립트에서 함수는 입출력 타입을 지정할 수 있다. 1️⃣ 매개변수 타입 표기 함수 선언 시 각 매개변수 뒤에 타입을 표기할 수 있다. const getSum (num1: number, num2: number) => console.log(num1 + num2); getSum(1, 2); // 3 만약 다음과 같은 상황이 발생하면 런타임 에러가 발생하게 된다. 📍 다른 타입을 표기한 경우 const getSum (num1: number, num2: number) => console.log(num1 + num2); getSum('1', '2'); // 런타임 애러 📍 인자의 개수가 다른 경우 const getSum (num1: number, num2: number) => console.log(..

1. 원시 타입 (string, number, boolean, array) 1️⃣ String 문자열은 모두 string 타입이다. const name: string = 'dori'; const introduce: string = `My name is ${name}`; 2️⃣ Number TypeScript는 C언어 혹은 JAVA처럼 int, float, double 타입이 존재하지 않고, 모든 수는 단순히 number 타입이다. (2진수, 8진수, 10진수 등의 표현도 가능) const integer: number = 1; const float: number = 1.11; 3️⃣ Boolean 참(true) / 거짓(false) 두 가지 값만 가진다. const isTrue: boolean = true..

import { configureStore } from '@reduxjs/toolkit' import menuSlice from './menu-slice' const store = configureStore({ reducer: { menu: menuSlice.reducer }, }) redux 파일에 아래와 같이 코드가 작성되어 있을 때 store와 dispatch 타입 지정 방법은 아래와 같다. 1. store type export type storeType = ReturnType 2. dispatch type export type dispatchType = typeof store.dispatch