typescript interface recoil에서 사용하기

명훈·2022년 4월 21일
1

typescript

목록 보기
1/2

interface 사용하기

1. 사용 이유

atom 이나 selector에서 값을 가져와서 react 컴포넌트에 사용하려고 하는데 분명 원하는 값은 object 혹은 object array 형태의 리턴값이 처리가 되었는데 타입을 지정하지 않아서 현재 구현된 방식을 보니 as 캐스팅을 통해서 강제로 변환해주고 있엇다. 그 코드를 보고 너무 잘못됨을 느껴서 recoil에서 atom과 selector에서 type이 내가 원하는 타입인지를 확인하기 위해서 찾아보니 해당 방법이 제일 적당했다.

2. interface 구현 - 출처 : https://www.typescriptlang.org/docs/handbook/interfaces.html

위의 출처와 구글 다른 블로그들을 이리저리 참조했다. 이론적인 설명은 공식문서에서 볼 수 있기 때문에 따로 정리 하지는 않는다.

selector 와 atom에서 사용할 interface를 구현했다.

interface로 구현된 타입을 통해 적용한 selector와 atom. type 이 지정이되니 휠씬 직관적이고 편하게 사용하는 느낌이다. 이게 typescript 사용하는 이유지. 재밌다.

기존엔 이런식으로 사용하고 있었는데 굉장히 위험한 방법...빠르게 수정하고 싶어서 오늘 바로 공부를 진행했다.

그렇게 정제하여 적용한 Memos 컴포넌트. array에서 제공하는 method도 잘써지고 as 캐스팅을 깔끔하게 제거했다.

typescript에 대해서 별로 크게 달라지는것이 없다고 생각해서 실제로 코딩부터 진행을 했는데 오늘부터 공식문서를 1회독 할 예정이다. 내가모르는 방식들이 많아서 상자에 갇힌 느낌이라고 해야되나?

또 다시 새로운 무언갈 배우러 떠난다.

profile
효율적인 코딩과 생산성을 지향하는 프론트엔드 개발자

0개의 댓글