호팍이
article thumbnail
Published 2022. 11. 5. 01:56
[Devlog] TypeScript 어렵다..!! Devlog

Config

저번에 interceptor를 사용하다가 config라는걸 아무 생각없이 붙여다 썼는데 무슨 의미로 썼는지 문득 궁금해서 검색해보았다.

  • config는 configuration(환경 설정)을 줄인 말이다.
  • 프로그램의 매개 변수나 초기 설정 등을 구성하는 데 사용하는 파일이다.
  • XML, JSON 로 저장되기도 한다.

Axios type (AxiosRequestConfig, AxiosResponse)

axios 관련한 type이 많은 것 같다. typescript는 파도파도 끝이 안보이는 느낌이다. 감이 잡힐만 하면 계속 다른게 나와 ...

  • AxiosRequestConfig => 요청 보낼 타입들이 정리되어 있음. 전부 ?.로 되어있어서 type은 저걸로 뚝딱인거 같다. 요청할 값들의 타입을 지정해준다.
  • AxiosResponse => 요청 받을 타입들이 정리되어 있음. return에 들어갈 값들의 타입을 알아서 지정해줌

 

Generic

typescript에서 정말 많이쓰이며, 보통 컴포넌트를 재사용할 때 여러 타입에서 동작하는 컴포넌트를 생성하는데 사용한다.

any의 대용으로 쓰인다.

  • 다음과 같이 타입이 일정치 않은 곳에 제네릭을 대입해준다.

  • 제네릭 안에 타입을 지정해주지 않을 경우 다음과 같이 타입에러가 뜬다.
  • <T> 자리에 쓸 타입을 지정해준다. Hello<number> 

 

'Devlog' 카테고리의 다른 글

CRA + TypeScript 절대경로 설정하기  (0) 2023.03.09
[Devlog] 원티드 프리온보딩 회고  (2) 2022.11.22
[Devlog] 나만 몰랐던 axios의 기능  (0) 2022.10.29
[Devlog] 또 다른 여정 ..!!  (0) 2022.10.27
[Devlog] useEffect..  (0) 2022.10.05
profile

호팍이

@호팍이네