WebStorm 2025.3의 새로운 기능

주요 내용

새로운 디폴트 디자인: Islands 테마

Islands 테마가 이제 WebStorm과 다른 JetBrains IDE에서도 디폴트 디자인으로 적용됩니다. 집중해서 편하게 코딩할 수 있도록 설계된 이 테마는 한눈에 들어오는 탭, 에디터 내의 뚜렷한 대비, 작업 영역 간 명확한 구분, 그리고 둥근 테두리 디자인을 갖추고 있습니다. 이 업데이트는 시각적 변경만 포함하며, 모든 기능은 이전과 동일하게 유지됩니다.

개선된 모듈 문제 해결 및 단일 저장소 지원

WebStorm 2025.3은 이제 tsconfig.json<의 customConditions 프로퍼티와 exports 필드의 development 조건을 사용하여 빌드 없는 편집을 지원합니다.

즉, 자동 가져오기, Go to Definition(정의로 이동) 및 Find Usages(사용 위치 검색)가 출력 디렉터리 없이 올바르게 작동합니다. pnpm 심볼릭 링크 패키지에 대한 자동 가져오기 메커니즘도 개선되었습니다.

원격 디버그

이제 WSL, Docker, SSH 또는 이와 유사한 설정을 통해 원격으로 개발할 때 WebStorm의 내장 JavaScript 디버거를 사용할 수 있습니다.

JavaScript 디버그와 npm 런타임 구성에 대한 지원이 제공됩니다.

업그레이드된 AI Assistant

AI 채팅이 이제 JetBrains Junie와 Claude Agent를 IDE에 직접 통합하며, 에이전트는 JetBrains MCP 서버를 통해 IDE 기능에 완전하게 액세스할 수 있습니다.

Vitest 4 지원

Vitest 4는 리포터 API에 상당한 변경 사항을 도입했습니다. WebStorm 통합이 새로운 API를 지원하도록 업데이트되었습니다.

TypeScript

메모리 부족 오류 탐지

대규모 TypeScript 프로젝트에서는 이따금 TypeScript 언어 서비스에 메모리 부족(OOM) 오류가 발생할 수 있습니다. 이러한 문제를 진단하고 해결하는 데 도움이 되도록 WebStorm은 이제 특정 OOM 메시지의 stderr 출력을 모니터링하고 필요한 경우 알림을 보내 서비스 힙 크기를 늘리도록 제안합니다.

파일 확장자 처리

자동 가져오기는 이제 .mts 및 .mjs 파일을 올바르게 처리하며, Code Style(코드 스타일) | TypeScript의 새로운 Auto(자동) 모드에서는 프로젝트 설정에 따라 .ts 또는 .js를 자동으로 선택합니다.

서비스 기반 타입 엔진

WebStorm 2025.3에서는 TypeScript 언어 서비스를 사용하여 추론 정확도를 높이고 CPU 사용량을 줄이도록 설계된 새로운 타입 엔진을 배포하는 프로세스가 시작되었습니다. 간편하게 피드백을 제공할 수 있는 상태 표시줄도 제공합니다.

프레임워크 및 기술

Vue

Vapor 모드(Vue 3.6에서 사용 가능)에 대한 조기 지원이 추가되었으며, WebStorm에서 이제 createVaporApp, <script vapor> 구문 및 플러그인 등록 지시문을 인식합니다. IDE는 이제 모든 유형의 구성 요소에서 여러 개의 <script> 블록 사용을 완벽하게 지원합니다.

Angular

WebStorm은 이제 @else if 조건에서 as 별칭을 지원하며(Angular 20.2), 바인딩에서 이항 대입 연산자(+=, -=)를 사용할 수 있습니다(Angular 20.1).

Astro

파서 개선으로 HTML 태그와 신뢰되는 속성에서 발생하는 거짓 오류가 제거되어 Astro 템플릿을 더 원활하게 편집할 수 있습니다.

CSS

대대적인 구문 업데이트로 새로운 수학 함수인 round(), mod(), rem()과 최신 색상 기능인 color(), conic-gradient()에 대한 지원이 추가되어 CSS 구문 지원이 최신 WebRef 사양을 따릅니다.

사용자 경험

Prettier 위젯 및 붙여넣기 시 자동 서식 지정

새로운 상태 위젯은 Prettier 활동을 표시하며, 이 위젯을 사용하여 구성 파일로 바로 이동할 수 있습니다. 코드를 붙여 넣을 때 Prettier에서 서식이 자동 지정되어 프로젝트 전체에서 일관된 코드 스타일이 보장됩니다.

통합 JavaScript 런타임 설정

새로운 설정 페이지에서는 Node.js, Bun, Deno를 한 번에 구성할 수 있어 JavaScript 및 TypeScript 런타임 구성의 런타임 관리가 간소화됩니다.