내가 다시 보려고 쓰는

니꼬쌤이 알려준 타입 지정 빨리 하는 방법

(알럽 니꼬쌤..🫰)

타입스크립트를 쓰다보면 타입 지정 언제 하지 싶은 순간이 온다
특히 api 데이터를 불러오는 경우..

https://app.quicktype.io/?l=ts
여기를 이용하는게 좋긴 하지만

단축키 사용이 아직 낯선 나 같은 초보 개발자들에게 유용한 방법인거 기록을 남긴다

(이정도는 사실 하드코딩 하는게 빠를수도.. ㅎㅎ)

1. 받아온 데이터를 위처럼 콘솔에 띄운다.

2. 우측 마우스 클릭 Store object as global variable 클릭한다.

3.temp1 이라는 변수에 데이터가 저장이 된다.
마우스 클릭할때 전체 데이터가 다 들어올수 있게 조준을 잘해야함

4. Object.keys() / .join() 메소드를 이용해서 데이터의 키를 string 타입으로 변환 한다.

5.vscode를 열고 , 를 모두 지워준다. (커맨드+D / Ctrl+D )

6.같은 방법으로 value를 타입으로 변경하여 string 으로 변경해주고,
vscode에서 같은 방법으로 , 지운 후 복사해준다

7.먼저 있던 key 값을 전체 드래그 하고 option(alt) + shift + i 를 누르면 가장 끝으로 커서가 가는데 거기서 붙여넣기를 하면 위와 같이 나오게된다.

object, array는 추가로 작업이 더 필요하지만 위 방법을 활용하면 쉽게 바꿀 수 있다!