이 기사는 Kaylie Kwon씨에 의해 2020년 1월에 공개된 『4 Things I Learned from Reading Effective TypeScript』의 일본어 번역입니다.
본 기사는 원저자로부터 허가를 얻은 후 기사를 공개하고 있습니다.

효과적인 TypeScript를 읽고 배운 4가지

Photo by Siora Photography on Unsplash

며칠 전, 나는 장시간의 비행으로 댄 밴더 캠씨의 효과적인 TypeScript(이하 TS라고 한다)를 읽어 마쳤습니다. (정확하게는 8시간!)
이 책은 매우 실용적인 조언으로 간결하게 작성되었습니다. 책을 읽는 것이 좋습니다만, 여기에 제가 좋아하는 요령이 몇개 있으므로 소개합니다.

1. 오류로 인한 객체 변경을 방지하기 위해 “readonly” 사용

배열이나 튜플이 readonly로 표시되면 사용자가 해당 개체의 항목을 추가, 삭제 또는 업데이트하려고하면 TS 오류가 발생합니다. 이것은 부작용을 피하기 위해 함수형 프로그래밍에서 특히 유용합니다.

2. 형의 재이용성에 대해서는 함수 선언보다 함수식을 우선하는 것

동일한 함수 시그니처를 가진 유틸리티를 쓰면 약간 반복될 수 있습니다.
아래에 입력 타입과 출력 타입을 매번 다시 써야 할 3개의 장바구니 관련 함수를 나타낸다.


DRY 원칙을 유지하려면 전체 시그니처를 함수형에 할당하고 함수식의 사용으로 전환할 수 있다.

3. 더 나은 형 안전성을 얻기 위해 어떤 것보다 더 나은 것을 선호

any를 사용하면 편리한 이스케이프 해치가 될 가능성이 있지만, 그것을 회피하는 정당한 이유도 있다. 어떤 유형의 안전도 보장하지 않고 콜체인의 상위 소비자로부터 오류를 숨깁니다.
타입이 unknown인 경우에는 TS는 존재하지 않는 메소드를 호출하는 등의 에러를 올바르게 표시한다.



개발자가 컴파일러보다 형식에 대한 지식이 풍부한 경우 의도를 명확히하기 위해 더블 어설 션과 함께 unknown을 사용할 수도 있습니다.

4. 더 나은 개발 경험을 위해 JSDoc 또는 TSDoc 스타일의 코멘트에 기울이는 것

대부분의 경우 주석에 유형 정보를 포함하는 것은 피해야합니다. 다만, 이행해, JS를 사용해 TS를 유효하게 하는 경우, 또는 함수에 관한 추가 정보를 제공하고 싶은 경우에는 JSDoc 또는 TSDoc가 형태 체크를 실시해, IDE와 통합하기 위한 뛰어난 방법이다.



참고: VSCode는 적절하게 포맷된 주석을 툴팁에 표시한다.



이것으로 끝납니다!
이러한 요령을 선택한 것은 기존의 코드 베이스의 개선에 곧바로 적용할 수 있기 때문. 도움이 되면 다행입니다.

번역 협력

Original Author : Kaylie Kwon
Original Article: 4 Things I Learned from Reading Effective TypeScript
Thank you for letting us share your knowledge!

이 기사는 이하의 분들의 협력에 의해 공개할 수 있었습니다.
다시 한번 감사드립니다.
선정 담당: Rie Miyazaki
번역 담당: Miho Abe
감사 담당: Rie Miyazaki
게시 담당자: Juri Kimoto

의견 · 감상을 기다리고 있습니다

이번 기사는 어떻습니까?
・이렇다면 좋았고, 더 이렇게 하고 싶은, 이런 편이 좋지 않은가
・이런 곳이 좋았다
등등, 솔직한 의견을 모집하고 있습니다.
받은 목소리는, 향후의 기사의 질 향상에 도움이 되시기 때문에, 부담없이 코멘트란에서 투고해 주세요. 트위터 하지만 의견을 받아들이고 있습니다.
여러분의 메시지를 기다리고 있습니다.