fos-blog/study
01 / 홈02 / 카테고리03 / 시리즈
01 / 홈02 / 카테고리03 / 시리즈

카테고리

  • AI 페이지로 이동
    • RAG 페이지로 이동
    • agent 페이지로 이동
    • claude-code 페이지로 이동
    • harness 페이지로 이동
    • llm 페이지로 이동
    • ops 페이지로 이동
    • practice 페이지로 이동
  • algorithm 페이지로 이동
    • Alias Method: 가중치 랜덤 선택을 전처리 O(n), 추출 O(1)로 바꾸기
    • Welford's Online Algorithm: 값을 저장하지 않고 평균과 분산 계산하기
  • architecture 페이지로 이동
    • distributed-systems 페이지로 이동
    • domain 페이지로 이동
    • evolution 페이지로 이동
    • patterns 페이지로 이동
  • database 페이지로 이동
    • milvus 페이지로 이동
    • mysql 페이지로 이동
    • opensearch 페이지로 이동
    • postgresql 페이지로 이동
    • qdrant 페이지로 이동
    • redis 페이지로 이동
    • vespa 페이지로 이동
    • DB Connection Pool Saturation과 Thread Pool 격리
    • 커넥션 풀 크기는 얼마나 조정해야 할까?
    • gaps and islands: SQL 창 함수로 이어진 구간 찾기
    • MyBatis 기본기 — XML Mapper, resultMap, 동적 SQL, 운영 패턴 정리
    • MyBatis와 JPA/Hibernate 트레이드오프 — 레거시 백엔드를 다루는 시니어 관점
    • 한국어 형태소 분석기 Nori vs Lindera — OpenSearch에서 Milvus로 갈 때 어휘 검색은 유지되나
    • 정규화와 역정규화: 무결성과 조회 비용 사이의 선택
    • 벡터 DB 5종, 아키텍처는 어떻게 다른가
    • 벡터 DB 5종을 실제로 벤치마크했다 — 같은 recall에서 QPS는 얼마나 갈리나
    • 벡터 DB 어떻게 고를까 — OpenSearch · Milvus · Qdrant · Vespa · pgvector 비교
    • 벡터 DB를 실제로 도입한 사례 — 빅테크 프로덕션
  • devops 페이지로 이동
    • docker 페이지로 이동
    • k8s 페이지로 이동
    • Envoy Proxy
    • Graceful Shutdown
    • 종료 신호는 어디서 멈추는가
  • http 페이지로 이동
    • HTTP Connection Pool
    • HTTPS와 TLS: 핸드셰이크, 인증서, 종료 지점
  • java 페이지로 이동
    • concurrency 페이지로 이동
    • jdbc 페이지로 이동
    • spring 페이지로 이동
    • spring-batch 페이지로 이동
    • testing 페이지로 이동
    • Alpine 이미지의 Java 에서 링크 바꿔치기(TOCTOU)를 막지 못하는 이유
    • Java 동시성 락 정리 — 커머스 메뉴/프로모션 정책 캐시 갱신 관점
    • JVM 튜닝 실전: 메모리 구조부터 Virtual Threads, GC 튜닝, 프로파일링까지
    • 로그에 traceId 남기기 — MDC 부터 OpenTelemetry 까지
    • Java StampedLock — 읽기 폭주에도 쓰기가 밀리지 않는 락
    • Virtual Thread와 Project Loom
  • javascript 페이지로 이동
    • typescript 페이지로 이동
    • AbortController
    • Async Iterator와 제너레이터
    • CommonJS와 ECMAScript Modules
    • 제너레이터(Generator)
    • Http Client
    • Node 백엔드 운영 패턴 — Streams 백프레셔, pipe/pipeline, 멱등성 vs 분산 락
    • Node.js
    • `setImmediate()`
  • kafka 페이지로 이동
    • Kafka 클러스터 아키텍처: Broker, KRaft Controller와 복제
    • Kafka 기본 개념: Topic, Partition, Offset과 Segment
    • Kafka 실전 설계: 파티션 전략, 컨슈머 그룹, 전달 보장, 재시도, 순서 보장 트레이드오프
    • Kafka 파티션·리밸런스·컨슈머 지연 운영
    • Kafka를 로그로 이해하기: 복제, 재처리, 상태와 데이터 통합
    • Spring Kafka 컨슈머 오프셋 커밋과 트랜잭션 정렬: AckMode, manual ack, 멱등 처리
  • linux 페이지로 이동
    • fsync — 리눅스 파일 동기화 시스템 콜
    • SSH forced command 로 배포 키가 실행할 수 있는 명령 제한하기
  • mlops 페이지로 이동
    • llm-serving 페이지로 이동
    • model-router 페이지로 이동
    • Python CUDA 버전 생태계 — nvidia-smi, nvcc, pip, conda가 다 다른 버전을 말하는 이유
    • GPU 컨테이너의 CUDA 버전 호환성 — nvidia-smi부터 이미지 다이어트까지
    • Kubernetes GPU 노드에서 /run tmpfs가 꽉 차서 Pod가 안 뜰 때
    • GPU·CUDA·MPS 기초 — 자바 백엔드 개발자가 처음 만나는 그림
    • Multi-process GPU 워크로드 — 자바 ThreadPool 사용자가 만나는 모델 차이
    • ML 서비스 성능 분석 워크플로 — 자바 백엔드 트러블슈팅과 다른 점
    • 한 GPU 를 여러 프로세스가 나눠 쓰기 — Time-Slicing 과 MPS
  • network 페이지로 이동
    • Connection reset by peer는 누가 보낸 걸까 — 리버스 프록시 홉마다 TCP 연결은 따로 논다
    • L2(스위치)와 L3(라우터)의 역할 차이
    • L4와 VIP(Virtual IP Address)
    • IP Subnet
  • observability 페이지로 이동
    • Observability 입문: 시니어 백엔드가 장애를 탐지하고 대응하는 방식
    • K8s 위 Spring Boot 앱의 메트릭 수집
  • python 페이지로 이동
    • Python async/await — CompletableFuture·Reactor 와 다른 점, 그리고 blocking I/O 함정
    • Python 의존성 관리 — Java Maven/Gradle 사용자가 만나는 첫 충격
    • FastAPI 기초 — Spring Boot 사용자가 빠르게 익히는 법
    • Java 개발자를 위한 Python 심화 — OOP·데코레이터·컨텍스트 매니저
    • PyTorch 기초 — 텐서, 디바이스, 그리고 모델 로딩이 무거운 이유
    • Java 개발자를 위한 Python 문법 핵심
    • ThreadLocal 에서 contextvars 로 — Python 의 요청 컨텍스트 전파
    • OCR 동작 원리 — Layout · Text · Post-process 3단계
    • Python 서버의 RSS가 줄지 않는 이유: CPython, gc.collect(), malloc_trim
  • rabbitmq 페이지로 이동
    • RabbitMQ Basics — 실전 백엔드 관점에서 정리하는 메시지 브로커 기본기
    • RabbitMQ vs Kafka — 백엔드 메시징 선택 기준과 실전 운영 관점
  • resume 페이지로 이동
    • 경험 및 경력기술서
    • 김병태 경력기술서
    • 김병태 포트폴리오
  • task 페이지로 이동
    • ai-service-team 페이지로 이동
    • nsc-slot 페이지로 이동
    • personal-projects 페이지로 이동
    • sb-dev-team 페이지로 이동
    • the-future-company 페이지로 이동
  • thinking 페이지로 이동
    • 자기주도 학습: 질문에서 시작해 글로 검증하기
    • 좋은 일을 넘어 중요한 일을 하는 법
FOS-BLOG · FOOTERall systems normal·v0.1 · 2026.04.27·seoul, kr
Ffos-blog/study

개발 학습 기록을 정리하는 블로그입니다. 공부하면서 기록하고, 기록하면서 다시 배웁니다.

visitors
01site
  • Home↗
  • Posts↗
  • Categories↗
  • Glossary↗
  • About↗
02policy
  • 소개/about
  • 개인정보처리방침/privacy
  • 연락처/contact
03categories
  • AI↗
  • Algorithm↗
  • DB↗
  • DevOps↗
  • Java/Spring↗
  • JS/TS↗
  • React↗
  • Next.js↗
  • System↗
04connect
  • GitHub@jon890↗
  • Source repositoryjon890/fos-study↗
  • RSS feed/rss.xml↗
  • Newsletter매주 1 회 · 한 편의 글→
© 2026 FOS Study. All posts MIT-licensed.
built with·Next.js·Tailwind v4·Geist·Pretendard·oklch
fos-blog/javascript/TypeScript 6.0 — 마지막 JS …
js

TypeScript 6.0 — 마지막 JS 컴파일러, 그리고 Go로 가는 다리

작성일: 2026.05 TypeScript 6.0이 2026년 3월에 릴리스됐다. 이 버전을 정리하고 싶었던 이유는 단순히 새 기능이 들어와서가 아니라, 이게 마지막 JS 기반 TypeScript 라는 의미가 컸다. TypeScript 7.0은 컴파일러 전체를 Go로 다시 쓴 버전으로 출시되고, 6.0은 거기로 넘어가는 다리 역할로 설계됐다. 그래서 6.0...

2026.05.11·8 min read·128 views

작성일: 2026.05

TypeScript 6.0이 2026년 3월에 릴리스됐다. 이 버전을 정리하고 싶었던 이유는 단순히 새 기능이 들어와서가 아니라, 이게 마지막 JS 기반 TypeScript 라는 의미가 컸다. TypeScript 7.0은 컴파일러 전체를 Go로 다시 쓴 버전으로 출시되고, 6.0은 거기로 넘어가는 다리 역할로 설계됐다.

그래서 6.0의 변경사항은 단순한 새 기능 추가가 아니라 7.0 으로 안전하게 이사하려면 지금 뭘 정리해야 하나 가 흐름의 중심이다. 새 기능보다도 기본값 변경·옵션 제거·지원 종료(deprecation) 가 더 많다.

이 글은 내가 공부하면서 정리한 노트다.


TypeScript 6.0 의 정체성

마이크로소프트가 명시적으로 말하는 6.0 의 포지션은 이렇다.

  • 마지막 JS 기반 TypeScript 컴파일러 릴리스
  • TS 7.0 (Go 재작성) 으로 가는 마이그레이션 다리
  • 새 기능보다 deprecation·기본값 변경이 더 큰 비중

이 포지션을 이해해야 6.0 변경사항이 "왜 이렇게 빡빡한가" 가 자연스럽게 읽힌다. Go 로 다시 쓰는 컴파일러는 기존 JS 컴파일러보다 빠른 대신, 기존 컴파일러의 모든 "조용한 추론·자동 보정" 동작을 그대로 따라갈 수는 없다. 그래서 6.0 에서 기본값과 옵션을 한 번 정리하고 → 7.0 에서는 정리된 기준만 따른다 는 전략이다.


Breaking Changes — 기본값과 옵션 정리

기본값이 바뀐 5개 옵션

옵션기존 기본값6.0 기본값의미
strictfalsetrue엄격 모드가 기본
modulecommonjsesnextESM 이 기본
targetes3es2025최신 JS 가 기본
rootDir추론됨tsconfig.json 디렉터리명시 권장
types["*"] (모두 로드)[] (빈 배열)필요한 것만 로드

가장 임팩트 큰 변화는 types 의 기본값이 ["*"] 에서 [] 로 바뀐 것이다. 기존엔 node_modules/@types 아래의 모든 타입 패키지를 자동 로드했는데, 이게 빌드 속도와 메모리 사용량의 숨은 비용이었다. 6.0 부터는 필요한 것만 명시한다.

json
{
  "compilerOptions": {
    "types": ["node", "jest"]
  }
}

명시 안 하면 어떤 타입도 로드되지 않아 많은 에러가 나기 쉽다. 마이그레이션 시 첫 번째 체크 항목이다.

제거된 옵션

bash
# 모두 deprecation error 발생
--target es5            # → es2015 이상
--module amd            # → 외부 번들러 사용
--module umd            # → 외부 번들러
--module system         # → 외부 번들러
--moduleResolution node     # → nodenext 또는 bundler
--moduleResolution classic  # → nodenext 또는 bundler
--baseUrl               # → paths 에 접두사 명시
--outFile               # → 외부 번들러
--downlevelIteration    # → target 을 es2015 이상으로

es5 가 빠진 게 가장 눈에 띈다. 2026년 시점에 ES5 만 지원하는 환경(IE 11 등) 은 사실상 사라졌고, 더 낮은 타겟이 필요하면 Babel 같은 외부 도구를 쓰면 된다는 입장이다.

module: amd/umd/system 도 같은 이유다. ESM 과 CommonJS 두 가지 외엔 번들러가 책임진다.

옵션 값이 강제된 경우

typescript
// 6.0 에서는 모두 에러
"esModuleInterop": false
"allowSyntheticDefaultImports": false
"alwaysStrict": false

esModuleInterop 은 CommonJS 모듈을 import x from "pkg" 형태로 받을 수 있게 해주는 옵션이었다. 안전한 동작이라 6.0 에서는 항상 켜진다.

typescript
// 이제 항상 동작
import express from "express";

문법 변경

typescript
// ❌ 6.0 에서 제거
module Foo {
  export const bar = 10;
}
 
// ✅ 대체
namespace Foo {
  export const bar = 10;
}

module 키워드를 namespace 의미로 쓰던 옛 문법이 사라졌다. declare module "some-module" 같은 모듈 선언 문법은 그대로 유지된다.

typescript
// ❌ 6.0 에서 제거
import json from "data.json" assert { type: "json" };
 
// ✅ 대체
import json from "data.json" with { type: "json" };

Import attributes 문법이 stage 3 시절 assert 에서 stage 4 정식 표준 with 로 바뀌었다.


새 기능 — 추론·import 편의

this-less 함수의 컨텍스트 민감도 완화

기존 TypeScript 는 메서드 문법(method() {} 형태) 의 함수 파라미터 추론에 컨텍스트 민감도가 강했다. 같은 객체 안의 다른 메서드 위치에 따라 추론이 깨지는 경우가 있었다.

typescript
declare function callIt<T>(arg: {
  consume: (y: T) => void;
  produce: () => T;
}): void;
 
// 6.0 이전: 순서 따라 추론 실패 가능
callIt({
  consume(y) { return y.toFixed(); },
  produce() { return 42; },
});

6.0 부터는 함수가 this 를 참조하지 않으면 컨텍스트 민감도를 약하게 적용한다. 결과적으로 위 코드에서 y 가 number 로 안정적으로 추론된다.

실무에서 자주 만나던 "왜 여기서 타입이 any 가 되지?" 케이스의 일부가 줄어들 것으로 보인다.

#/* 형태 subpath imports

Node.js 의 imports 필드를 활용한 내부 alias 가 더 짧아졌다.

json
{
  "imports": {
    "#/*": "./dist/*"
  }
}
typescript
import { something } from "#/utils";

기존엔 #root/* 같이 prefix 가 필요했는데, 이제 #/ 만으로도 패키지 root alias 를 잡을 수 있다. Node.js 20+ 기준.

--stableTypeOrdering 플래그

bash
tsc --stableTypeOrdering

7.0 (Go 컴파일러) 은 타입 ID 를 선언 순서에 의존하지 않고 결정적으로 부여한다. 6.0 컴파일러로 동일한 결정 알고리즘을 미리 시뮬레이션해서, 6.0 → 7.0 마이그레이션 시 타입 추론이 달라지는 케이스를 사전 검출하는 용도 다.

단점: 이 플래그를 켜면 빌드가 약 25% 느려진다. 운영 빌드에 상시 적용하는 게 아니라 마이그레이션 검증용으로만 일시 사용 하는 게 맞다.

ES2025 와 Temporal

표준 라이브러리 타입이 확장됐다.

typescript
// ES2025
RegExp.escape("hello.world");  // 정규식 안전 이스케이프
new Map().getOrInsert(key, defaultValue);
new Map().getOrInsertComputed(key, () => compute());
 
// stage 4 (esnext)
import { Temporal } from "temporal";
Temporal.Now.instant();

Temporal 은 Date 의 후속 표준 API 다. 시간대·달력·duration 을 명시적으로 다루는 타입 시스템을 제공한다. 6.0 에서 타입 정의가 들어왔다. 런타임 구현은 환경에 따라 별도 polyfill 필요.


TypeScript 7.0 — Go 재작성

6.0 의 거의 모든 결정이 결국 7.0 을 위한 것이다. 7.0 의 핵심을 이해해야 6.0 변경이 왜 이런지 이해된다.

왜 Go 인가

마이크로소프트가 공개한 native port 글 에서 정리한 이유:

  • 네이티브 컴파일 — JS V8 위 인터프리트 대신 바로 머신 코드
  • shared memory + goroutine 병렬성 — 파일·타입 체크 병렬화
  • GC 친화적 — JS heap 의 보수적 동작 회피
  • Go 의 표준 라이브러리 — 파일 I/O, 메모리 관리 안정적

C++/Rust 가 더 빠를 수도 있지만, Go 는 빌드·동시성 모델이 TS 컴파일러 구조와 잘 맞고, 마이크로소프트 내부에서 다른 도구도 Go 로 가는 추세라 선택했다.

성능 — 10배

마이크로소프트가 공유한 벤치마크:

  • Sentry 코드베이스: 60초 → 7초 (약 8.5배)
  • VS Code 코드베이스: 약 10배 빠름
  • 평균적으로 10배 빠른 type check 가 일반적

이 수치는 단순한 컴파일 시간 줄어드는 게 아니라, 에디터 hover·자동완성 응답 속도 가 즉각 빨라진다는 의미다. 대형 monorepo 에서 가장 큰 임팩트가 나올 영역이다.

현재 상태 — Native Preview

bash
npm install @typescript/native-preview

또는 VS Code 확장으로도 nightly preview 가 배포돼 있다. 하지만 7.0 정식 릴리스 전까지 한계가 있다.

  • declaration emit (.d.ts 생성) 미완
  • JS 파일 (allowJs: true) 지원 미완
  • 에디터 기능 일부 미완 — rename, find-all-references, auto-imports 등
  • 호환성 검증 진행 중 — 대형 코드베이스에서 추론 차이 케이스 수집 중

당장 운영에 쓰기엔 이르고, 6.0 으로 코드를 정리해두고 → 7.0 정식 릴리스 시점에 native 로 점진 전환 하는 게 권장 경로다.


마이그레이션 전략

마이크로소프트가 만들어둔 도구가 있다.

bash
npx @andrewbranch/ts5to6

이 CLI 는 mechanical 한 변환을 대부분 자동화한다. tsconfig.json 의 deprecated 옵션 제거, 기본값 명시화, 문법 변경(module → namespace, assert → with) 등을 다룬다.

단계별 체크리스트

plaintext
1. npx @andrewbranch/ts5to6 실행 — 자동 변환
2. tsconfig.json 직접 점검
   ├─ types: ["node", "..."] 명시
   ├─ rootDir 명시
   ├─ module: "nodenext" 또는 "preserve"
   └─ moduleResolution: "nodenext" 또는 "bundler"
3. baseUrl 사용 중이면 paths 에 prefix 로 이동
4. esModuleInterop / allowSyntheticDefaultImports 의 false 값 제거
5. tsc 한 번 돌려서 deprecation 에러 잡기
6. (선택) --stableTypeOrdering 으로 7.0 추론 차이 사전 검출
7. 추론이 달라지는 곳은 명시 타입 추가

baseUrl 대체 패턴

baseUrl 이 가장 흔한 마이그레이션 함정이다.

json
// Before
{
  "baseUrl": "./src",
  "paths": {
    "@app/*": ["app/*"]
  }
}
 
// After
{
  "paths": {
    "@app/*": ["./src/app/*"]
  }
}

paths 의 값에 baseUrl 이 묵시적으로 prepend 되던 동작이 없어졌으므로, 모든 path 값에 명시적 prefix 가 필요하다.

추론 차이 해소

7.0 의 stableTypeOrdering 이 켜지면 일부 코드에서 추론 결과가 달라질 수 있다. 해결은 단순하다.

typescript
// 추론에 의존하던 코드
const value = someGeneric({ /*...*/ });
 
// 명시 타입으로 고정
const value: ExpectedType = someGeneric({ /*...*/ });
// 또는
const value = someGeneric<ExpectedType>({ /*...*/ });

명시할수록 7.0 으로 넘어갈 때 손볼 일이 줄어든다.


정리하면서 느낀 점

  • TypeScript 가 "새 기능 추가" 라는 흐름에서 "구조 정리" 라는 흐름으로 한 번 끊고 가는 버전 이다. 5.x 시리즈가 5.0 부터 5.9 까지 새 기능을 잔뜩 넣었던 것과 대조적이다.
  • 기본값 변경이 많아 보이지만 대부분 더 안전한 쪽으로 통일 한 것이라, 새 프로젝트 시작할 땐 오히려 가벼워졌다. 마이그레이션이 어려운 건 기존 프로젝트의 누적된 옵션 설정 때문이다.
  • TS 7.0 의 10배 성능은 단순 빌드 시간이 아니라 에디터 응답성 (large monorepo) 에서 가장 체감 될 것 같다. 백엔드보단 프론트엔드·풀스택 모노레포가 가장 큰 수혜다.
  • 마이크로소프트가 Go 로 갈 정도면 JS/TS 생태계의 도구들이 점점 네이티브로 가는 흐름 이 확정적이다. esbuild/swc 같은 빌드 도구가 그 신호였고, 이제 컴파일러 본체도 합류했다.

내가 운영에 즉시 적용할 필요는 없지만, 다음 새 프로젝트 시작할 땐 처음부터 6.0 기준으로 시작하면 7.0 으로 넘어갈 때 부담이 적다.


참고

  • Announcing TypeScript 6.0 (공식 release blog)
  • A 10x Faster TypeScript (Go port 배경)
  • Announcing TypeScript Native Previews
  • TypeScript 5.x to 6.0 Migration Guide (gist)
  • @typescript/native-preview (npm)
  • microsoft/typescript-go (GitHub)
on this page
  • 01TypeScript 6.0 의 정체성
  • 02Breaking Changes — 기본값과 옵션 정리
  • 기본값이 바뀐 5개 옵션
  • 제거된 옵션
  • 옵션 값이 강제된 경우
  • 문법 변경
  • 03새 기능 — 추론·import 편의
  • `this`-less 함수의 컨텍스트 민감도 완화
  • `#/*` 형태 subpath imports
  • `--stableTypeOrdering` 플래그
  • ES2025 와 Temporal
  • 04TypeScript 7.0 — Go 재작성
  • 왜 Go 인가
  • 성능 — 10배
  • 현재 상태 — Native Preview
  • 05마이그레이션 전략
  • 단계별 체크리스트
  • baseUrl 대체 패턴
  • 추론 차이 해소
  • 06정리하면서 느낀 점
  • 07참고
tags
#study

이런 글도

  • js

    Node 백엔드 운영 패턴 — Streams 백프레셔, pipe/pipeline, 멱등성 vs 분산 락

    2026.05.09
  • js

    Node.js

    2026.01.30
  • js

    `setImmediate()`

    2026.01.30
  • js

    Typescript Brand Type (브랜드 타입)

    2026.01.30

댓글 (0)