좌충우돌 개발자의 길

[TS] 타입스크립트로 구조 분해 할당 하기 본문

STUDYING/Typescript

[TS] 타입스크립트로 구조 분해 할당 하기

sustronaut 2022. 12. 22. 13:22

0. 타입스크립트를 만나고 에러를 마주할 수 있어서~

 

가계부를 자바스크립트로 개발을 한 후, 타입스크립트로 변환을 했다. 그 과정에서 너무나도 많은 에러를 만났고,,, 이 에러들을 해결하기 위해 다양한 해결방안을 알 수 있었다. 그중 가장 인상 깊었고, 해결하는 데 가장 애먹었던 에러들과 해결방법에 대해 정리하고자 한다.

 

 

1. 타입스크립트로 변수를 구조 분해 할당

 

- 기존 자바스크립트 코드

const [loading, response, error] = usePromise(() => { ... }

- 변환한 타입스크립트 코드

const [loading, response, error]: any = usePromise(() => { ... }

 

- 참고 사이트

https://stackoverflow.com/questions/39672807/types-in-object-destructuring

 

Types in object destructuring

This const { foo: IFoo[] } = bar; and this const { foo: Array<IFoo> } = bar; will reasonably cause an error. And this const { foo: TFoo } = bar; will just destructure TFoo property. H...

stackoverflow.com