🌟 Awesome TypeScript

TypeScript 개발자를 위한 최고의 도구, 라이브러리, 리소스 모음
2025년 최신 트렌드와 검증된 도구들을 한곳에 모았습니다.

🧩 핵심 프로젝트

TypeScript 코어

• TypeScript ⭐ 101k – JavaScript 타입 시스템
• ts-node ⭐ 13k – Node.js용 TypeScript 실행 환경
• tsx ⭐ 10k – 빠른 TypeScript 실행기
• SWC ⭐ 31k – Rust 기반 TypeScript 컴파일러

타입 정의

• DefinitelyTyped ⭐ 49k – 타입 정의 저장소
• TypeScript DOM Types – DOM 타입 생성기
• type-fest ⭐ 14k – 필수 TypeScript 타입 모음
• ts-essentials ⭐ 4k – 고급 TypeScript 타입

빌드 도구

• Vite ⭐ 69k – 차세대 프론트엔드 도구
• esbuild ⭐ 38k – 초고속 JavaScript 번들러
• Turbo ⭐ 27k – 증분 번들러
• tsup ⭐ 9k – TypeScript 라이브러리 번들러

🛠️ 개발 도구

린팅 & 포매팅

• ESLint ⭐ 25k – JavaScript 린터
• typescript-eslint ⭐ 15k – TypeScript ESLint 플러그인
• Prettier ⭐ 49k – 코드 포매터
• Biome ⭐ 15k – 빠른 포매터/린터

타입 체킹

• tsc – TypeScript 컴파일러
• vue-tsc ⭐ 6k – Vue SFC 타입 체커
• fork-ts-checker-webpack-plugin ⭐ 2k – Webpack 타입 체커
• TypeScript Language Service – 언어 서비스 API

IDE 지원

• Visual Studio Code – 최고의 TypeScript IDE
• WebStorm – JetBrains TypeScript IDE
• TypeScript Playground – 온라인 TypeScript 에디터
• StackBlitz – 브라우저 기반 개발 환경

🚀 프레임워크 통합

React

• React TypeScript Cheatsheet ⭐ 45k – React TS 치트시트
• Create React App TypeScript – CRA TypeScript 템플릿
• Next.js TypeScript – Next.js TS 지원
• React Hook Form ⭐ 41k – 타입 안전 폼

Vue

• Vue 3 TypeScript – Vue 3 TS 지원
• vue-class-component ⭐ 6k – 클래스 스타일 Vue
• Pinia ⭐ 13k – 타입 안전 상태 관리

Angular

• Angular ⭐ 96k – TypeScript 우선 프레임워크
• Angular CLI ⭐ 27k – Angular 개발 도구
• RxJS ⭐ 31k – 반응형 프로그래밍
• NgRx ⭐ 8k – Angular 상태 관리

Node.js

• Express TypeScript – Express TS 타입
• Fastify ⭐ 32k – 타입 안전 웹 프레임워크
• NestJS ⭐ 68k – 엔터프라이즈 Node.js 프레임워크
• tRPC ⭐ 35k – 엔드투엔드 타입 안전 API

📦 유틸리티 라이브러리

타입 유틸리티

• zod ⭐ 34k – TypeScript 우선 스키마 검증
• io-ts ⭐ 7k – 런타임 타입 시스템
• yup ⭐ 23k – 스키마 빌더
• superstruct ⭐ 7k – 구조체 검증

함수형 프로그래밍

• fp-ts ⭐ 11k – 함수형 프로그래밍
• Effect-TS ⭐ 7k – 타입 안전 효과 시스템
• ts-pattern ⭐ 12k – 패턴 매칭
• ts-belt ⭐ 1k – 함수형 유틸리티

데이터 처리

• class-transformer ⭐ 7k – 객체 변환
• class-validator ⭐ 11k – 데코레이터 기반 검증
• ts-json-schema-generator ⭐ 1k – JSON 스키마 생성
• typia ⭐ 7k – 런타임 타입 검증

🧪 테스팅

테스트 프레임워크

• Jest ⭐ 44k – JavaScript 테스팅 프레임워크
• Vitest ⭐ 13k – Vite 네이티브 테스트 러너
• Playwright ⭐ 67k – 브라우저 자동화
• Testing Library ⭐ 19k – 테스팅 유틸리티

타입 테스팅

• tsd ⭐ 2k – TypeScript 타입 테스팅
• expect-type ⭐ 400 – 타입 어설션
• ts-expect-error – 에러 예상 주석

모킹

• ts-mockito ⭐ 1k – TypeScript 모킹 프레임워크
• typemoq ⭐ 500 – TypeScript 모킹 라이브러리
• jest-mock-extended ⭐ 900 – Jest 타입 안전 모킹

📊 ORM & 데이터베이스

ORM

• Prisma ⭐ 40k – 차세대 ORM
• TypeORM ⭐ 34k – TypeScript ORM
• MikroORM ⭐ 8k – TypeScript ORM
• Drizzle ⭐ 24k – 타입 안전 ORM

Query Builders

• Kysely ⭐ 11k – 타입 안전 SQL 쿼리 빌더
• Knex.js ⭐ 19k – SQL 쿼리 빌더
• Slonik ⭐ 5k – PostgreSQL 클라이언트

🔧 설정 & 템플릿

프로젝트 템플릿

• ts-node-starter ⭐ 12k – Node.js 스타터
• typescript-starter ⭐ 3k – 라이브러리 스타터
• create-t3-app ⭐ 25k – T3 스택 스타터
• ts-nextjs-tailwind-starter ⭐ 3k – Next.js 스타터

설정 도구

• tsconfig.json – TypeScript 설정 참조
• tsconfig-paths ⭐ 2k – 경로 매핑 지원
• @tsconfig/bases ⭐ 7k – 공유 가능한 tsconfig

📚 학습 자료

공식 문서

• TypeScript Handbook – 공식 핸드북
• TypeScript Deep Dive – 심화 가이드
• TypeScript Playground – 온라인 실습

온라인 학습

• TypeScript Exercises – 실습 문제
• Type Challenges ⭐ 43k – 타입 챌린지
• Total TypeScript – Matt Pocock 강의
• Execute Program TypeScript – 인터랙티브 학습

도서

• Programming TypeScript – O'Reilly
• Effective TypeScript – Dan Vanderkam
• TypeScript Quickly – Manning

커뮤니티

• TypeScript Discord – 공식 Discord
• r/typescript – Reddit 커뮤니티
• TypeScript Korea – 한국 사용자 그룹

🆕 2025 Highlights

주요 트렌드

• satisfies 연산자: 타입 추론 개선
• const type parameters: 제네릭 타입 파라미터 개선
• Decorator Metadata: 데코레이터 메타데이터 표준
• Import Attributes: 모듈 임포트 속성

TypeScript 5.x 새 기능

• Performance Improvements: 빌드 속도 50% 향상
• Better Type Narrowing: 더 정확한 타입 좁히기
• moduleResolution: bundler: 번들러 친화적 모듈 해석
• allowArbitraryExtensions: 커스텀 확장자 지원

2025년 혁신 도구

• Bun TypeScript: Bun 런타임의 네이티브 TS 지원
• Deno 2.0: TypeScript 우선 런타임
• Biome: Rome 후속 올인원 도구
• oxc: Rust 기반 TypeScript 도구체인

AI와 TypeScript

• GitHub Copilot: TypeScript 타입 자동 생성
• TypeChat: Microsoft의 타입 기반 AI 통신
• ts-morphing: AI 기반 코드 리팩토링

한국 TypeScript 생태계

• 토스: TypeScript 마이그레이션 사례
• 당근마켓: 대규모 TypeScript 프로젝트
• 네이버: TypeScript 개발 가이드
• 카카오: TypeScript 스타일 가이드

실무 팁

• Strict Mode: 항상 strict: true 사용
• Project References: 모노레포 성능 최적화
• Type-Only Imports: 번들 크기 최적화
• Template Literal Types: 고급 타입 패턴

콘텐츠 업데이트 요청은 요청 게시판에 써주세요