WebStorm 2024.2는 파일 시스템 기반 라우팅을 사용하는 프레임워크의 경로를 확인할 수 있습니다. 프로젝트의 파일 시스템을 기반으로 링크 경로를 확인할 수 있으며 Next.js, Nuxt, SvelteKit 및 Astro에 대한 자동 완성 및 탐색 기능을 제공합니다. 그러면 개발 환경이 이러한 프레임워크에서 사용하는 라우팅 시나리오를 따를 수 있습니다.

디버그 어댑터 프로토콜(DAP)을 통해 Bun JavaScript 런타임에 대한 디버그 지원을 추가했습니다. WebStorm 내에서 중단점을 설정하고, 코드를 단계별로 실행하고, 변수를 검사하고, 표현식을 평가할 수 있습니다. 이 지원은 현재 macOS 및 Linux로 제한됩니다.

WebStorm 2024.2에서는 루트 package.json의 직접적인 prettier 종속성과 동일한 수준의 Prettier 구성 파일을 사용하여 새 프로젝트에서 Prettier 통합이 활성화됩니다. 이 기능은 설정 프로세스를 단순화하고 Prettier 통합이 즉시 이루어지도록 보장합니다.

WebStorm 2024.2에서는 Tailwind CSS 클래스 미리보기가 향상되었습니다. 이전에는 미리보기가 보조 문서 팝업에만 표시되었습니다. 이제 WebStorm은 완성 결과 목록에 Tailwind CSS 클래스 미리보기를 바로 표시합니다.

WebStorm 2024.2에는 새로운 Svelte 코드 스니펫 및 렌더링 태그에 대한 지원이 포함됩니다. 이러한 스니펫은 구성 요소 내에 재사용 가능한 마크업 청크를 생성하도록 설계되었습니다.

코드 완성과 전반적인 개발자 경험을 향상하는 Astro Language Server Protocol(LSP) 지원을 적용했습니다. 이러한 개선 사항은 Astro 프로젝트 작업 시 더욱 정확하고 효율적인 개발을 보장하고 IDE 내에서 더 나은 통합과 지원을 제공합니다.

WebStorm 2024.2에는 Vue Language Service v2 지원이 도입되었습니다. 이 업데이트는 Vue 3에 대한 지원을 강화하여 자동 완성, 오류 검사 및 타입 추론을 개선합니다. 최신 버전의 Vue 언어 도구와 내장된 WebStorm 지원을 통해 더욱 원활한 개발 경험을 즐겨보세요.

이제 추가 설정 없이 TypeScript 파일을 실행하고 디버그할 수 있습니다. 파일 컨텍스트 메뉴와 Run(실행) 위젯뿐 아니라 Current file(현재 파일) 구성까지 다양한 진입점에서 TypeScript 파일을 실행할 수 있습니다.

WebStorm 2024.2에서는 기본 JavaScript 및 TypeScript 프로젝트를 생성하는 새로운 옵션이 추가되어 New Project Wizard(새 프로젝트 마법사)가 개선되었습니다. Generate a playground project with onboarding tips(온보딩 팁을 사용하여 플레이그라운드 프로젝트 생성) 옵션에는 IDE에 익숙해지는 데 도움이 되는 팁 설명이 포함되어 있습니다.

WebStorm 2024.2에는 TypeScript 5.5에 configDir 템플릿 변수에 대한 지원이 추가되었습니다. 이 개선으로 TypeScript 프로젝트의 유연성과 구성 편의성이 향상됩니다.

TypeScript 서비스에서 제공하는 정보와 더 잘 일치하도록 TypeScript의 인레이 힌트를 새롭게 바꾸었습니다.

WebStorm은 이제 Markdown 파일의 수학 표현식을 렌더링할 수 있습니다. 인라인 수학 표현식을 삽입하려면 $를 사용하고 수학 내용이 포함된 코드 블록에는 $$를 사용할 수 있습니다.

JetBrains AI Assistant 2024.2에는 더욱 정확하고 빠른 제안을 제공하는 향상된 코드 완성 기능이 도입되었습니다. 이제 AI 채팅에서 컨텍스트의 이해도를 높이기 위해 GPT-4o, 채팅 참조 및 의미 검색이 지원됩니다. 자세한 내용은 이 블로그 글을 읽어보세요.

이제 Search Everywhere(전체 검색) 대화상자에 검색 중인 코드 베이스 요소를 미리 볼 수 있는 옵션이 포함됩니다. 대화상자 툴바의 아이콘을 통해 미리보기를 활성화할 수 있습니다.

중국어, 한국어 및 일본어 패키지가 이제 WebStorm 배포판에 번들로 제공됩니다. IDE UI의 언어를 변경하려는 경우, 현지화 플러그인을 설치하지 않고도 가능합니다. Settings(설정) | Appearance & Behavior(모양 및 동작) | System Settings(시스템 설정) | Language and Region(언어 및 지역)으로 이동하여 원하는 언어를 선택하세요.

새로운 UI는 WebStorm 2022.3에서 처음 도입되었습니다. 그 이후로 계속해서 개선 노력을 기울여 왔으며 이제 모든 WebStorm 사용자를 위한 디폴트 UI로 설정됩니다. 자세한 내용은 이 블로그 글을 참조하세요.

WebStorm에는 향상된 보안 및 성능은 물론 Linux용 Wayland 렌더링 지원도 제공하는 JetBrains Runtime 21이 함께 제공됩니다. 자세한 내용은 이 블로그 글을 참조하세요.

Git 도구 창의 Log(로그) 탭에 있는 커밋 그래프의 색상 인코딩과 레이아웃을 개선했습니다. 이제 중요한 브랜치 라인이 그래프 왼쪽에 그대로 있으면서 지정된 색상을 유지하므로 식별하고 추적하기가 더 쉽습니다.

Log(로그) 도구 창과 관련된 모든 설정이 이제 전용 설정 페이지로 통합되어 하나의 편리한 위치에서 동작을 쉽게 사용자 지정할 수 있습니다. Settings(설정) | Version Control(버전 관리) | Log(로그) 또는 Log(로그) 도구 창의 툴바에 있는 새로운 드롭다운 메뉴를 통해 이 페이지에 액세스할 수 있습니다.

WebStorm 2024.2에는 --first-parent에 대한 지원이 포함됩니다. 이 옵션은 병합과 함께 제공된 개별 커밋을 숨겨 로그를 단순화하므로 변경 사항을 더 쉽게 추적할 수 있습니다. 또한 병합 커밋 없이 기록을 표시하는 --no-merges 명령어로 필터링할 수 있도록 지원을 추가했습니다.