250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 값 가져오기
- C언어
- 코드 시각화
- 웹 퍼블리싱
- 그딴건없었다
- CSS
- REACT
- 문서객체모델
- SpringBoot
- 자바
- java
- 자바스크립트
- 쿼리 오류
- 헬생아
- Python
- spring
- react-three-fiber
- 코드 가시화
- nvl함수
- MySQL
- 렌파이
- SQL
- 1인개발
- 전처리도구
- 로그인 기능
- 코드 이해하기
- 타입 오류
- jstl
- 깃허브
- jsp
Archives
- Today
- Total
This is it. it's IT.
typescript 인터페이스를 더 쉽게 만드는 방법ㅇ 본문
728x90
반응형
사용하고자 하는 api의 내용을 console.log()를 이용하여 불러온다.
콘솔에 찍힌 객체를 오른쪽 클릭해서 store object as a global variable 클릭한다
그러면 temp1, temp2 이런 식으로 임시 변수로 콘솔에 저장된다.
그러면 이렇게 쓴다. 콘솔에
Object.keys(temp1).join();
이렇게 치면 각각의 키가 한줄로 나온다.
이 키들에 대한 타입을 얻고 싶을 때는 이렇게 작성한다.
Object.values(temp1).map(v => typeof v).join();
그러면 객체의 타입이 한줄로 쥬르륵 나온당.
이거를 코드창에 복사해와서 ctrl+D로 쉼표를 모조리 선택 후 지우고 줄바꿈한다아.
728x90
'Frontend > React.js' 카테고리의 다른 글
react-helmet (0) | 2022.09.29 |
---|---|
nested Router (0) | 2022.09.26 |
react-router-dom : a태그 대신 Link 사용 (0) | 2022.09.16 |
react-three-fiber(리액트로 구현하는 3D...Animation?), codeSandBox (0) | 2022.08.09 |
react 단축키 (0) | 2022.06.09 |
Comments