React_TypeScript - 배열 , 객체배열

배열

let 변수 : Array<자료형 | 자료형2 ...> = [값]

 

 

 

객체 자료형

★ 객체는 자료형을 개발자가 따로 정의해서 사용한다.

 

일반

let 변수명 : 객체 자료형(밑의 IObject) = { 속성 : 값 } 

 

useState 함수

let [변수명 , set변수명] = useState< 객체 자료형 >({속성 : 값} )

 

 

 

 

객체 배열

 

일반

let 변수명 : Array< 객체 자료형 > = [{ 속성:값 },{ 속성:값 } ... ]

 

usestate 함수

let [변수명 , set변수명] = useState<Array< 객체 자료형 >>([ {속성 : 값} , {속성 : 값} ])

 

 

 

 

 

★ 사용자 정의 객체 자료형

types 폴더 - IObject.ts 파일

export

관례 : types 폴더에 하나씩만 쓰도록! 왜냐면 가독서이 떨어진다

 

 

pages 폴더 - Basic.tsx 파일

import 추가

따라서  IOBject 는 내가 정의한 객체 자료가 만들어짐