[TypeScript_study] type지정을 쉽게 하는 팁

* TypeScript type지정을 쉽게 하는 팁

 

• Object.keys() 그리고 Object.values()를 활용한다.
• console에서의 temp를 이용한다.
• 연습을 위한 api (https://api.coinpaprika.com/v1/coins/btc-bitcoin)

---

1. api데이터를 console.log를 이용하여서 console창에 출력한다.

2. 마우스 우클릭을 하여서 Store object as global variable를 클릭해주어 임시 변수 안에 해당 값들을 담아준다.

• temp1이라는 임시변수안에 값이 할당된다.

 

3. Object.keys()를 이용하면 key들이 전부 배열안에 담기게 된다.

4. Object.keys()를 이용해 key를 가져온뒤 join함수를 이용해 문자열로 변환해준다.

5. Object.vaules()를 이용해서 value를 가져온뒤 map과 typeof를 이용하여서 type을 가져온뒤 join함수를 이용해 문자열로 변환해준다.

 

 

6. (가져온 key와 type을 매칭해주기) 해당 값들을 가져온뒤 command + d를 이용해 쉼표(,)를 제거 해주고 option + shift + i를 통해서 전체 값에 입력을 해줄수 있게 한다.

• type이 object인 값이 있을경우 한번 더 확인을 해주어야 한다.(배열이거나 객체일 수 있다.)

7. 가져온 값중에서 object가 있는 경우 아래의 예시 사진처럼 확인해주어서 type을 지정해준다.