타입스크립트를 이용해 React Props 전달방법 React를 사용하게 되면 Props를 전달하게 되는 일이 많습니다. JavaScript를 이용해 적용 할 때에는 쉽게 전달하지만 >TypeScript를 통해 전달을 하기 위해서는 prop를 전달 받는 컴포넌트에서 Type을 지정해주어야 합니다. Props를 전달 하는법 useState의 타입을 productData라는 props를 전달 main.tsx Props를 받는 방법 Props를 받기위해서는 해당하는 Props가 어떤 타입인지 선언해주어야 합니다! interface 또는 type을 생성하고 ProductList.tsx 타입을 만들었다면 이제 선언을 해주어야합니다. 저는 구조분해할당을 이용해서 props를 받아보겠습니다. productData라는 props를 받고 productData는 ProductProps라는 타입이라고 선언했습니다. pro

interface 인터페이스는 타입의 규칙을 지정하는 것입니다. >- 객체의 스펙 함수의 parameter (매개변수) 함수의 스펙, 반환 값 배열 클래스 interface 선언 방법 interface를 앞에 적고 인터페이스 앞글자는 대문자로 이름을 지정합니다. 객체 변수에 적용 객체의 프로퍼티 값은 선언한 인터페이스의 타입과 동일하게 해야합니다. 함수의 스펙(구조)에 적용 함수의 타입과 반환 값을 지정 할 수 있습니다. 인덱싱 : 배열의 인덱스값 선언 배열의 인덱스로 접근하여 배열의 요소 타입을 지정 할 수 있습니다. 인터페이스 확장 extends 를 적고 추가하고 싶은 interface 를 선언하면 타입이 복사됩니다.

함수 타입스크립트는 객체에 타입을 선언 할 수 있으므로 함수에도 타입을 선언 할 수 있습니다. 함수에 타입을 정의하는 방식 함수의 parameter(매개변수)와 반환 값에 타입을 선언합니다. > 반환 값이 없다면 : void 를 선언해주어야 합니다. 함수의 매개변수가 객체인 경우 객체의 프로퍼티를 동일하게 타입을 선언해주어야 합니다. 함수의 옵셔널 파라미터 ?를 이용한 곳에 인자가 들어온다면 ?가 선언된 타입으로 입력해야 합니다.

타입종류 타입스크립트로 변수나 함수를 정의하기 위해서는 타입을 선언해주어야 합니다. 타입의 종류는 크게 12가지입니다. :을 이용해 타입을 선언하는 것을 타입표기라고 합니다. > String Number Boolean Object Array Tuple Enum Any Void Null Undefined Never String 문자열인 경우 아래와 같이 선언합니다. Number 숫자인 경우 아래와 같이 선언합니다. Boolean boolean인 경우 아래와 같이 선언합니다. Object 객체인 경우 아래와 같이 parameter(매개변수)에 타입을 선언합니다. Array 배열인 경우 3가지 선언방법이 있습니다. 세번째 방식이 개인적으로 대괄호를 가지고있어 제일 직관적인 것 같습니다. Tuple 튜플은 배열의 길이가 고정되고 각 요소의 타입을 다르게