2021.11.23 - 2021.11.27 Typescript & axios 리팩토링

김재민·2021년 11월 27일
0

본격적으로 타입스크립트 문법들을 적용해 나가면서 시티러너2 리팩토링을 진행했다. 리덕스 모듈을 작성 하면서 타입스크립트 도서를 구입해야 겠다는 절실한 생각이 들었다.

진행하면서 어려웠던 것들은

  • 타입스크립트와 리덕스에서의 비동기 작업
  • 매개변수의 타입지정
  • 리듀서 함수의 매개변수 타입지정

등이 있었다.

회원가입을 요청을 보내는 액션생성함수에서 async/ await으로 비동기 처리를 해주었는데 리듀서함수에서
"action.type이 타입속성이 없다"고 에러가 나온다..
아마도 type 처리를 promise로 안해줘서 그런거 같은데 공부가 더 많이 필요하다. (해결안됨)

타입스크립트 문법들이나 사용하는 패턴에 대해서 정말 많이 공부해야 겠다고 많이 느꼈다.

그리고 평소에 다른 사람들이 프로젝트 오픈소스들을 많이 보는데 타입스크립트를 사용한 프로젝트들을 보면서 간접적으로도 정말 많이 배우는거 같다.

기존 프로젝트에서 쓰던 axios요청을 api디렉토리를 따로 만들어 모듈화를 했다. 확실히 유지보수에도 좋을거 같고, 반복적인 코드량도 줄게 되었다. 가장 많이 배운것은 axios에서 제공하는 내장함수와 타입스크립트에서의 제공하는 내장함수가 따로 있는다는 것이다. 사용하는것들에 대해 더 더 깊게 공부하고 학습할 필요가 있다.

profile
Junior Front-end engineer

0개의 댓글