---
type: bookmarks
tags: ['typescript', 'migrating', 'branded-types']
status: release
ctime: 2022-04-09
mtime: 2026-10-06
---

import QuoteLink from '@components/QuoteLink.astro'

<QuoteLink url="https://www.typescriptlang.org/docs/handbook/intro.html">
  The TypeScript Handbook
</QuoteLink>

---

- [TypeScript 타입변수 추론 진단](/memo/589)
- [`Prettify` — 교차 타입을 펼쳐 보기](/memo/481)
- [판별 유니온으로 props 조합 제한](/memo/482)
- [`Exclude` 로 빈 문자열 막기](/memo/483)
- [오버로드별 반환 타입 꺼내기](/memo/345)
- [템플릿 리터럴 타입으로 이름 파생](/memo/350)

---

기초 및 개념 이해

- [Total TypeScript Articles by Matt Pocock](https://www.totaltypescript.com/articles)

- [Understanding TypeScript Generics — Smashing Magazine](https://www.smashingmagazine.com/2020/10/understanding-typescript-generics/)
- [Why Unknown Types Are Useful • Michael Uloth](https://michaeluloth.com/programming-types-unknown-why-useful/)
- [How TypeScript Conditional Types Work](https://fjolt.com/article/typescript-conditional-types)
- [A different way to think about TypeScript](https://www.rob.directory/blog/a-different-way-to-think-about-typescript)

React와 TypeScript

- [How to write a React Component in TypeScript](https://kentcdodds.com/blog/how-to-write-a-react-component-in-typescript)
- [How to Simplify Component Imports with TypeScript Namespaces](https://sergiodxa.com/tutorials/simplify-component-imports-with-typescript-namespaces)

타입 시스템 심화 및 패턴

- [Implementing a type-safe object builder in TypeScript](https://medium.com/geekculture/implementing-a-type-safe-object-builder-in-typescript-e973f5ecfb9c)
- [Branded Types | Learning TypeScript](https://www.learningtypescript.com/articles/branded-types)
- https://effect.website/docs/guides/style/branded-types
- [TypeScript enums: use cases and alternatives](https://2ality.com/2025/01/typescript-enum-patterns.html)
- [Pattern Matching in TypeScript with Record and Wildcard Patterns](https://medium.com/swlh/pattern-matching-in-typescript-with-record-and-wildcard-patterns-6097dd4e471d)
- [Did you know you can write your own typesafe React router in 500 lines? · OlegWock](https://sinja.io/blog/build-typesafe-react-router-from-scratch)

성능 및 효율적인 코드 작성

- [Performance · microsoft/TypeScript Wiki · GitHub](https://github.com/microsoft/TypeScript/wiki/Performance)
- [Efficient Typescript](https://romgrk.com/posts/efficient-typescript/)
- [One Thing Nobody Explained To You About TypeScript](https://kettanaito.com/blog/one-thing-nobody-explained-to-you-about-typescript)

스타일 가이드 및 실전 활용

- [TypeScript Style Guide](https://mkosir.github.io/typescript-style-guide/)
- [DefinitelyTyped/README.ko.md at master · DefinitelyTyped/DefinitelyTyped](https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/README.ko.md)
- [Effective TypeScript](https://effectivetypescript.com/)
- [Blogged Answers: Learning and Using TypeScript as an App Dev and a Library Maintainer](https://blog.isquaredsoftware.com/2019/11/blogged-answers-learning-and-using-typescript/)

Node.js 및 빌드 관련

- [An intro to TSConfig for JavaScript Developers](https://deno.com/blog/intro-to-tsconfig)
- [Node.js Type Stripping Explained](https://satanacchio.hashnode.dev/everything-you-need-to-know-about-nodejs-type-stripping)

함수형 프로그래밍과 TypeScript

- [Functional Programming in TypeScript](https://serokell.io/blog/typescript-for-haskellers)

마이그레이션 사례

- [DevTools architecture refresh: migrating DevTools to TypeScript - Chrome Developers](https://developer.chrome.com/blog/migrating-to-typescript/)[^13-1]
- [Migrating Puppeteer to TypeScript - Chrome Developers](https://developer.chrome.com/blog/puppeteer-typescript/)
- [ts-migrate: A Tool for Migrating to TypeScript at Scale | by Sergii Rudenko | The Airbnb Tech Blog | Medium](https://medium.com/airbnb-engineering/ts-migrate-a-tool-for-migrating-to-typescript-at-scale-cd23bfeb5cc)[^13-2]
- [Migrating millions of lines of code to TypeScript](https://stripe.com/blog/migrating-to-typescript)[^13-3]
- [Etsy’s Journey to TypeScript - Code as Craft](https://codeascraft.com/2021/11/08/etsys-journey-to-typescript/)[^13-4]

---

[^13-1]: Chrome DevTools 및 Puppeteer를 TypeScript로 마이그레이션한 경험에 대한 설명
[^13-2]: 대규모 JavaScript 코드베이스를 TypeScript로 자동 마이그레이션하는 도구인 "ts-migrate"를 소개하는 Airbnb 엔지니어링 팀의 블로그 게시물
[^13-3]: Flow에서 TypeScript로 마이그레이션한 경험을 설명하고 오픈소스 flow-to-typescript-codemod 도구에 대한 링크를 포함하는 Stripe 엔지니어링 팀의 블로그 게시물
[^13-4]: Etsy 엔지니어링 팀이 대규모 웹 애플리케이션에서 TypeScript를 채택한 방법, 직면한 문제 및 얻은 이점을 설명