본문 바로가기

프론트엔드

[Typesript] 인터페이스 변수명 쉽게 설정하기

 

 

다음과 같이 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를 새로 만들어서 지정해주기.