안녕하세요! 😊 요즘 저녁에 노트북 들고 카페 가서 코딩하는 재미에 빠져 있는데, 큰 리액트 프로젝트 열 때마다 로딩바 보면서 커피 한 모금씩 마시는 게 일상이었거든요. 그런데 최근에 WebStorm이 타입스크립트7(TypeScript 7)을 정식으로 지원한다는 소식을 보고 바로 설정 켜봤는데... 체감 속도가 진짜 다르더라고요! 🙌
오늘은 타입스크립트7이 뭐가 다른지, WebStorm에서 어떻게 켜는지, 켜기 전에 꼭 알아야 할 주의점까지 싹 정리해드릴게요. 인텔리제이 계열 IDE 쓰시는 분들이면 끝까지 읽어주세요!
타입스크립트7, 도대체 뭐가 바뀐 거예요? 🤔
타입스크립트7은 2026년 7월 8일 마이크로소프트가 정식 출시한 버전인데, 기존 자바스크립트로 짜여 있던 컴파일러를 Go 언어로 통째로 새로 짠 것이 핵심이에요. 네이티브 코드로 돌아가는 데다 이제는 멀티코어도 제대로 활용하게 되면서, 공식 발표 기준으로 VS Code 코드베이스는 125.7초 → 10.6초(약 11.9배), Sentry 프로젝트는 약 8.9배 빨라졌다고 해요. 메모리 사용량도 6~26% 줄었다고 하니, 대형 프로젝트일수록 체감이 클 수밖에 없죠.
가장 좋은 소식은 설치 방법이 안 바뀌었다는 것이에요. 패키지 이름도 그대로 typescript라, 그냥 업데이트하듯 받으면 됩니다.
npm install -D typescript
# 기존 6.x를 당장은 유지하고 싶다면
npm install -D @typescript/typescript6
WebStorm에서 켜는 법, 프로젝트는 손대지 않아도 돼요 🛠️
여기가 제일 신기했던 부분인데요, JetBrains 공식 블로그에 따르면 프로젝트의 타입스크립트 버전을 그대로 둔 채로 WebStorm 쪽 엔진만 Go 기반으로 바꿔서 코딩 어시스트 속도를 끌어올릴 수 있대요. 즉, package.json에 박혀 있는 타입스크립트 버전을 억지로 올릴 필요가 없다는 뜻!
- Settings/Preferences(윈도우·리눅스는
File > Settings, macOS는WebStorm > Settings) 들어가기 - Languages & Frameworks > TypeScript 메뉴로 이동
- 타입스크립트 버전 옵션에서 TypeScript 7.0으로 변경
이게 끝이에요. 실제로 JetBrains가 공개한 테스트에서는 Kibana 오픈소스 코드베이스 로드 시간이 약 12초 → 3초로 줄었다고 하니, 대형 모노레포 쓰시는 분들은 한 번 꼭 켜보시길 추천해요! ✨
프레임워크별 지원 현황, 다 똑같지는 않아요 📋
React, Angular, Vue 쓰시는 분들마다 지금 지원 수준이 조금씩 다르더라고요. 표로 정리해봤어요.
| 프레임워크 | 지원 현황 | 비고 |
|---|---|---|
| React | 즉시 사용 가능 (안정) | 설정만 켜면 바로 적용 |
| Angular | WebStorm 2026.2.2부터 안정 지원 | 그 이전 버전은 업데이트 필요 |
| Vue | 코틀린 포팅 작업 진행 중 | 아직 완전 전환 전, 추후 지원 예정 |
켜기 전에 꼭 체크할 것 ⚠️
속도만 보고 바로 전환하면 좀 당황할 수 있는 부분들도 있어서 짚어드려요.
- 기본값이 꽤 바뀌었어요:
strict모드가 기본 켜짐,target: es5지원 종료,moduleResolution: node10제거처럼 오래된 설정에 의존하던 프로젝트는 경고가 뜰 수 있어요. 타입스크립트6으로 먼저 올려서 경고를 확인해보는 걸 추천해요. - 커스텀 코드 생성 도구를 쓴다면 잠깐 기다려주세요: AST를 직접 조작하는
ts.createProgram같은 프로그래매틱 컴파일러 API는 아직 7.1에서야 제공될 예정이라, 이런 도구에 의존 중이면 당장 전체 전환보다는 WebStorm 코딩 어시스트용으로만 먼저 켜보는 게 안전해요. - CI는 당분간 신구 버전 병행 추천: 컴파일 결과물 diff를 비교해보면서 넘어가면 사고를 줄일 수 있어요.
체감 별점으로 정리하면 ⭐
| 항목 | 별점 | 한줄평 |
|---|---|---|
| 속도 체감 | ⭐⭐⭐⭐⭐ | 대형 프로젝트일수록 극명한 차이 |
| 설정 난이도 | ⭐⭐⭐⭐⭐ | 드롭다운 하나만 바꾸면 끝 |
| 호환성 안전도 | ⭐⭐⭐ | 기본값 변경·API 공백 미리 확인 필요 |
| 프레임워크 지원 균형 | ⭐⭐⭐⭐ | React·Angular는 좋지만 Vue는 아직 진행 중 |
이런 분께 추천해요 👀
- 대형 React/Angular 프로젝트 쓰시는 분: 체감 속도 향상이 가장 크게 느껴질 거예요.
- 아직 타입스크립트6 쓰고 계신 분: WebStorm 설정만 먼저 켜서 코딩 어시스트 속도부터 맛보는 것도 좋아요.
- Vue + 커스텀 코드 생성 도구 쓰시는 분: 조금만 더 기다렸다가 7.1 나온 뒤 전환을 검토하는 게 안전해요.
마무리 💬
저는 일단 사이드 프로젝트 하나에 켜봤는데, 자동완성 뜨는 속도부터 체감이 다르더라고요! 큰 프로젝트 쓰시는 분들은 정말 추천드려요. 여러분은 벌써 타입스크립트7로 넘어가셨나요, 아니면 아직 고민 중이신가요? 댓글로 경험 공유해주세요! 😊
📚 참고 자료
'개발' 카테고리의 다른 글
| Git Worktree 완전정복 🌿 브랜치 안 바꾸고 동시 작업하기 (0) | 2026.09.30 |
|---|---|
| 인텔리제이서 깃허브 코파일럿 쓰는 법 🤖 2026.2 신기능 총정리 (0) | 2026.09.23 |
| 🎨 2025년 블로그 콘텐츠 제작자를 위한 최고의 LoRA 모델 추천 가이드 (3) | 2025.06.17 |
| 🧪 TDD(테스트 주도 개발) 실전 가이드: JetBrains IDE의 테스트 도구 활용하기 (2) | 2025.06.02 |
| 🐳 Docker와 Kubernetes 시작하기: GoLand IDE로 컨테이너화된 애플리케이션 개발하기 (2) | 2025.06.01 |
