0Pricing
TypeScript Academy · 강의

TypeScript 5.5+: 격리된 선언과 그 이후

isolatedDeclarations와 최근의 성능 향상을 이해합니다.

TypeScript 5.5+: 격리된 선언과 그 이후은(는) CoddyKit의 무료 TypeScript Academy 강의입니다. 이것은 4개 중 4번째 강의입니다. 아래에서 전체 강의를 무료로 읽을 수 있으며, 내장 코드 에디터와 24/7 AI 튜터와 함께 브라우저에서 직접 실습할 수 있습니다. 이 강의는 TypeScript Academy 학습 경로의 일부이며, 진행 상황이 웹과 CoddyKit 앱에 동기화됩니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

TypeScript 5.5 개요

TypeScript 5.5(2024년 6월 출시)에는 추론된 타입 술어, isolatedDeclarations 지원, 정규 표현식 구문 검사, 상당한 편집기 성능 개선이 도입되었습니다.

// npm install typescript@5.5

추론된 타입 술어

TS 5.5에서는 매개변수의 타입을 좁히는 함수 본문에서 명시적인 주석 없이도 is 타입 술어를 자동으로 추론할 수 있습니다.

// Before 5.5: had to annotate manually
function isString(val: unknown): val is string {
  return typeof val === "string";
}

// After 5.5: TypeScript infers the predicate automatically
function isString(val: unknown) {
  return typeof val === "string";
}
// Inferred: (val: unknown) => val is string

isolatedDeclarations: 참

TS 5.5는 isolatedDeclarations를 공식적으로 지원합니다. 이를 사용하면 파일별 병렬 선언 생성을 활성화하기 위해 내보내는 항목에 명시적인 반환 타입을 지정해야 합니다.

{
  "compilerOptions": {
    "isolatedDeclarations": true
  }
}
// Exported functions without return types now cause an error

정규 표현식 구문 검사

TS 5.5는 정규 표현식 리터럴의 구문 오류를 보고하여 컴파일 시점에 흔히 발생하는 정규 표현식 실수를 찾아냅니다.

const re = /(?<name>\w+)/; // OK — named capture group
const bad = /[z-a]/;        // Error: invalid character class range

상수 인덱스의 제어 흐름 타입 좁히기

TS 5.5는 상수 객체 속성과 배열 인덱스에 접근할 때의 타입 좁히기를 개선했습니다.

const obj = { x: Math.random() > 0.5 ? "a" : "b" };
if (obj.x === "a") {
  // TS 5.5: obj.x is narrowed to "a" here
  console.log(obj.x.toUpperCase());
}

TypeScript 5.6과 그 이후

TypeScript는 ECMAScript 제안에 맞춘 추론, 성능, 언어 기능을 점진적으로 개선하면서 분기마다 계속 새 버전을 출시합니다.

# Quarterly release cadence:
# 5.5: June 2024
# 5.6: September 2024
# 5.7: December 2024
# 5.8: March 2025

TypeScript 로드맵 살펴보기

TypeScript 팀은 각 릴리스에 대한 이터레이션 계획을 GitHub에 게시합니다. 이를 따라가면 앞으로 추가될 기능을 예상하는 데 도움이 됩니다.

# TypeScript iteration plans:
# github.com/microsoft/TypeScript/issues?q=Iteration+Plan

ECMAScript와의 호환

TypeScript는 ECMAScript 제안을 추적합니다. 데코레이터, using, Object.groupBy와 같은 3단계 제안은 일반적으로 3단계에 도달한 직후 TypeScript에 도입됩니다.

# TC39 proposals: https://tc39.es/proposals/
# Stage 3 = TypeScript eligible for inclusion

TypeScript 안전하게 업그레이드하기

TypeScript 버전을 업그레이드할 때는 버전 변경을 커밋하기 전에 tsc --noEmit을 실행하고 TypeScript 변경 로그에서 호환성을 깨뜨리는 변경 사항을 확인하십시오.

npm install typescript@latest
npx tsc --noEmit
# Review: https://www.typescriptlang.org/docs/handbook/release-notes/overview.html

@typescript/nightly로 최신 상태 유지하기

공식 릴리스 전에 예정된 기능을 테스트하거나 버그를 보고하려면 TypeScript 야간 빌드를 사용하십시오.

npm install typescript@next
# Use nightly in a separate branch or experimental project

커뮤니티 리소스

공식 릴리스, TypeScript 블로그, Matt Pocock의 Total TypeScript, TypeScript Discord 커뮤니티를 통해 TypeScript의 최신 정보를 확인하십시오.

# Resources:
# typescriptlang.org/docs
# devblogs.microsoft.com/typescript
# totaltypescript.com
# discord.gg/typescript

복습: TypeScript 5.5 이상

TS 5.5에는 추론된 타입 술어, 공식 isolatedDeclarations, 정규 표현식 구문 검사, 개선된 타입 좁히기가 도입되었습니다. TypeScript는 분기마다 출시되므로 로드맵을 확인하고 --noEmit 검사로 안전하게 업그레이드하십시오.

빠른 확인

TypeScript 5.5는 타입 술어 함수에서 어떤 작업을 수행합니까?

배운 내용

TypeScript 5.5 이상에서는 추론된 타입 술어, 병렬 도구를 위한 isolatedDeclarations, 정규 표현식 구문 검사, 개선된 제어 흐름 타입 좁히기가 제공됩니다. 분기별 로드맵을 확인하고 --noEmit 검사를 사용해 업그레이드하며 TypeScript 커뮤니티에 참여하여 최신 상태를 유지하십시오.

자주 묻는 질문

“TypeScript 5.5+: 격리된 선언과 그 이후” 강의는 무료인가요?

네 — “TypeScript 5.5+: 격리된 선언과 그 이후” 전체 내용을 이 웹사이트에서 무료로 읽을 수 있습니다. 인터랙티브하게 실습하려면(내장 코드 에디터와 24/7 AI 튜터), CoddyKit PRO로 업그레이드하면 TypeScript Academy 강의 전체를 잠금 해제할 수 있습니다. TypeScript Academy 강의에는 총 4개의 강의가 포함되어 있습니다.

“TypeScript 5.5+: 격리된 선언과 그 이후”에서 뭘 배우나요?

isolatedDeclarations와 최근의 성능 향상을 이해합니다. 브라우저에서 직접 실행하는 실습 코드로 TypeScript Academy을(를) 배우며, 24/7 AI 튜터가 강의를 진행하면서 질문에 답변해줍니다.

TypeScript Academy을(를) 시작하는 데 경험이 필요한가요?

사전 경험은 필요하지 않습니다. CoddyKit의 TypeScript Academy은(는) 초급자부터 고급 학습자까지를 위해 구성되어 있으므로, 여기서 시작하거나 처음부터 시작할 수 있으며 자신의 속도대로 진행할 수 있습니다. 이것은 4개 중 4번째 강의입니다.

“TypeScript 5.5+: 격리된 선언과 그 이후” 강의는 얼마나 걸리나요?

대부분의 CoddyKit 강의는 약 5~10분이 소요됩니다. 각 강의는 간결하고 인터랙티브하여 꾸준한 진행이 가능하며, 웹과 앱에서 중단한 부분부터 바로 시작할 수 있습니다.

이 TypeScript Academy 강의에서 코드를 작성하고 실행할 수 있나요?

네. 모든 TypeScript Academy 강의에는 내장 코드 에디터가 포함되어 있으므로, 브라우저에서 바로 실제 코드를 작성하고 실행한 후 즉시 AI 피드백을 받을 수 있습니다 — 로컬 설정이 필요 없습니다.

이 강의의 모든 강의

  1. TypeScript 5.0: 데코레이터 표준 및 const 형식 매개변수
  2. TypeScript 5.1-5.2: 향상된 추론
  3. TypeScript 5.3-5.4: 새로운 형식 좁히기와 NoInfer
  4. TypeScript 5.5+: 격리된 선언과 그 이후
← TypeScript Academy(으)로 돌아가기