WebStorm 2026.1의 새로운 기능

최신 프런트엔드 애플리케이션은 점점 더 커지고, 모듈화되며, TypeScript 의존도가 높아지고 있습니다. WebStorm 2026.1은 이러한 환경에서 생산성을 유지할 수 있도록 IDE의 TypeScript 기반을 강화하고, 진화하는 프런트엔드 에코시스템에 대한 지원을 확장하며, 대규모 React 및 TypeScript 프로젝트를 위해 IDE를 더 최적화하는 데 중점을 둡니다.

이번 릴리스의 주요 내용은 다음과 같습니다.

AI 기반 개발

더 안정적인 TypeScript 경험

프레임워크 및 에코시스템 업데이트

AI

AI 채팅에서 Junie, Claude Agent 및 Codex를 직접 사용

Junie, Claude Agent에 더해 가장 최근에는 Codex까지, 이제 WebStorm에서 AI 채팅을 통해 더 많은 AI 에이전트를 직접 사용할 수 있습니다.

ACP 레지스트리

GitHub Copilot, Cursor를 비롯해 Agent Client Protocol (ACP)을 통해 지원되는 다양한 에이전트를 선택할 수 있습니다. 새로운 ACP 레지스트리를 통해 이러한 에이전트를 쉽게 찾고 설치할 수 있습니다. 통합을 수동으로 구성할 필요 없이, 사용 가능한 에이전트를 탐색하고 한 번의 클릭으로 설치할 수 있습니다.

다음 편집 제안

이제 다음 편집 제안을 JetBrains AI Pro, Ultimate 및 Enterprise 구독의 AI 할당량을 소모하지 않고 사용할 수 있습니다. 이러한 제안은 JavaScript, TypeScript, HTML, CSS의 기존 코드 완성을 넘어섭니다. 커서 위치만 업데이트하는 것이 아니라, 관련 변경 사항을 파일 전반에 걸쳐 지능적으로 적용해 최소한의 노력으로 코드의 일관성과 최신 상태를 유지할 수 있도록 합니다.

코드 완성의 자연스러운 진화로, 매끄러운 TabTab 경험을 통해 작업 흐름을 유지할 수 있습니다.

TypeScript 및 JavaScript

더 안정적인 TypeScript 경험

TypeScript 프로젝트가 커지면 IDE 내 타입 엔진의 정확성과 성능을 동시에 유지하기가 점점 더 어려워집니다. WebStorm은 이제 기본적으로 서비스 기반 TypeScript 엔진을 사용하며, 코드 분석에 공식 TypeScript 언어 서비스를 더 직접적으로 활용합니다.

대규모 프로젝트를 작업하는 개발자에게 이는 다음을 의미합니다.

  • 더 정확한 타입 추론
  • 더 효율적인 CPU 활용을 통한 코드 분석 속도 향상
  • IDE와 TypeScript 컴파일러 간 일관성 향상

이에 따라 편집 경험이 더 원활해지고 IDE에서 보고되는 내용과 실제 빌드 결과 간의 불일치가 줄어듭니다.

TypeScript 6에 맞춰 조정

최근 TypeScript 릴리스에서는 컴파일러 디폴트 값에 여러 변경이 도입되어 빌드 동작과 IDE 코드 분석 기능 간에 미묘한 차이가 발생할 수 있습니다.

WebStorm 2026.1에서는 프로젝트 구성이 이러한 변경 사항에 맞춰 조정됩니다. 다음은 예시입니다.

  • 이제 IDE는 types 옵션의 업데이트된 디폴트 동작을 따르며, node_modules/@types의 모든 패키지를 자동으로 포함하지 않습니다.
  • 프로젝트 구조 가정은 이제 TypeScript의 업데이트된 rootDir 디폴트 값과 일치합니다.
  • 구성에 대한 IDE의 방식은 baseUrl에서 벗어나 명시적인 paths 매핑으로 전환되는 에코시스템 변화를 반영합니다.

이러한 업데이트를 통해 에디터에서 보이는 내용이 프로젝트에서 TypeScript가 실제로 타입을 해결하는 방식과 일치됩니다.

문자열 리터럴 기반 import/export 지원

이제 WebStorm은 문자열 리터럴 기반 importexport 지정자를 지원하여 전체 코드 분석 및 리팩터링 지원과 함께 사용자 지정 export 이름을 사용할 수 있도록 합니다.

 export { a as "a-b" }; import { "a-b" as a } from "./file.js"; 

프레임워크 및 에코시스템 업데이트

새로운 React 지시문 강조 표시

React 프로젝트에서 새로운 use memouse no memo 지시문에 대한 강조 표시가 향상됩니다.

이러한 지시문은 use client, use server와 같은 기존 지시문과 일관되게 처리되어 컴포넌트 동작을 한눈에 이해하기 쉬워집니다.

Angular 21 템플릿 업데이트

Angular 템플릿이 최근 버전에서 더 강력해져 템플릿 코드 내에서 더 복잡한 표현식을 직접 사용할 수 있습니다.

WebStorm은 이제 Angular 21.x 릴리스에 도입된 여러 기능을 지원하며, 여기에는 화살표 함수, instanceof 검사, 정규식, 템플릿 표현식 내 스프레드 구문이 포함됩니다. 이러한 기능은 템플릿의 유연성을 높이면서 IDE의 탐색, 검사, 코드 분석에 대한 완벽한 지원을 활용합니다.

Vue

WebStorm 2026.1은 업데이트된 @vue/typescript-plugin을 통합하여 .vue 컴포넌트 내 TypeScript 지원과 코드 분석 기능을 개선합니다. 이를 통해 WebStorm은 진화하는 Vue 도구 에코시스템과 발맞추어 나가며 더 원활한 TypeScript 상호 운용성을 제공합니다.

Astro

Astro 프로젝트는 이제 JSON 구성 필드를 지원하여 Astro 언어 서버에 설정을 직접 전달할 수 있습니다. 이를 통해 언어 서버가 프로젝트를 분석하는 방식을 보다 세밀하게 제어할 수 있으며, WebStorm이 Astro의 성장하는 에코시스템와 정렬되도록 합니다.

Svelte

WebStorm 2026.1은 generics 속성을 <script> 태그에서 지원하여, 탐색, Rename 리팩토링 사용, 제네릭 타입 매개변수의 사용 위치 검색을 가능하게 합니다. IDE는 또한 @attach 디렉티브를 지원하며 번들된 Svelte 언어 도구를 업데이트합니다.

CSS

WebStorm은 이제 최신 color() CSS 함수를 이해하고 사전 정의된 색상 공간 전반의 값을 인식합니다.

이를 통해 정확한 색상 미리보기, 검증, 그리고 기존 sRGB를 넘어서는 고급 색상 워크플로 지원이 향상됩니다.

새로운 소식을 기대해 주세요

이번 버전에는 성능, 프레임워크 통합, 그리고 전반적인 IDE 안정성에 대한 다양한 개선 사항도 포함되어 있습니다. 전체 변경 사항 목록은 전체 릴리스 노트를 참조해 주세요. 최신 개선 사항을 확인하려면 지금 WebStorm 2026.1로 업데이트하고, 피드백을 공유해 주세요.