다음과 같이 api에서 전달하는 정보가 많은 경우가 있다.
이러한 경우 하나하나 쳐서 interface를 만들기에는 너무 시간이 오래걸리기 때문에 쉽게 설정하는 방법을 기록하고자 한다.
1. 마우스 우클릭 후 전역변수로 저장시 temp1로 저장될 것이다.
2. Object.keys(temp1).join() 를 이용하여 키값만 뽑아내 컴파일러에 붙여넣는다.
3. 위 상태에서 ,를 드래고하고 command + d를 사용하여 모두 선택후 엔터로 치환한다.
4. 그 상태 그대로 가장 오른쪽으로 이동해 : 를 붙여주면 타입 지정 준비 끝.
5. 각 타입 명을 알기 위해 Object.values(temp1).map( v=> typeof(v)).join() 사용하여 각 타입 빼와 위와 같이 타입 지정해주기.
단, object의 경우에는 해당 object에 대한 interface를 새로 만들어서 지정해주기.
'프론트엔드' 카테고리의 다른 글
SPA와 MPA 그리고 CSR, SSR (0) | 2024.03.26 |
---|---|
[리액트 네이버 맵 API] 맵 띄우기 (0) | 2024.03.09 |
[React-Router] Link를 사용하여 다른 화면에 정보 보내기 (0) | 2024.03.02 |
[TS] 타입스크립트에서의 상태관리 (0) | 2024.02.26 |
[TS] 타입스크립트 쓰는 이유 (0) | 2024.02.13 |