#47 Public API에 등장하는 모든 타입을 export하기

2023. 4. 12.·🎨 프론트엔드 공부/JS & TS

이펙티브 타입스크립트 (댄 밴더캄 지음) 를 읽고 정리

📍요약

✅퍼블릭 API에 코드가 노출되면 타입을 추출하는 방법은 무궁무진하다

- 따라서 사용 편의성을 위해 가능한 모든 타입을 export 해주는 것이 좋다

 

📍라이브러리 사용자가 타입 정보를 직접 작성해야 한다면

✅일반적으로 모든 타입 정보가 잘 export 되어야 하지만,

그렇지 않다면, 명시적으로 작성해야 한다

 

✅타입 정보를 추출할 도구가 많기 때문에 의도적으로 타입 정보를 숨기는 것은 불가능하다

예시) ReturnType, Parameters 제네릭 타입을 활용해 타입 정보를 추출

// export하지 않은 인터페이스
interface SecretName {
  first: string;
  last: string;
}

interface SecretSanta {
  name: SecretName;
  gift: string;
}

// export된 함수
export function getGift(name: SecretName, gift: string): SecretSanta {
  // COMPRESS
  return {
    name: {
      first: 'Dan',
      last: 'Van',
    },
    gift: 'MacBook Pro',
  };
  // END
}

// 반환타입 추출
type MySanta = ReturnType<typeof getGift>;  // SecretSanta
// 매개변수를 배열로 추출
type MyName = Parameters<typeof getGift>[0];  // SecretName

 

'🎨 프론트엔드 공부/JS & TS' 카테고리의 다른 글
  • #49 콜백에서 this에 대한 타입 제공하기
  • #48 API 주석에 TSDoc 사용하기
  • #46 타입 선언과 관련된 세 가지 버전 이해하기
  • [Web API] 서비스 워커 (service worker)
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (516)
      • 🎨 프론트엔드 공부 (253)
        • JS & TS (92)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
#47 Public API에 등장하는 모든 타입을 export하기
상단으로

티스토리툴바