2024년 8월 12일 업데이트 된 WebStorm 2024.2 버전 주요 변경 사항을 간단하게 정리했습니다.

주요 프레임워크의 파일 시스템 기반 라우팅 지원 개선

예시) Next.js 등에서 네비게이션 컴포넌트에 'a'라고만 쳐도 'about' 자동 완성을 제안해줍니다.

<Link href="a"> // about
</Link>

Prettier 자동 활성화

prettier 종속성이 있는 프로젝트는 이제부터 자동으로 Prettier 설정이 활성화됩니다.

Languages & Frameworks > JavaScript > Prettier > ✅ Automatic Prettier configuration

테일윈드 클래스 자동완성 강화

이제 클래스 이름 자동완성 미리보기에 해당 CSS를 바로 확인할 수 있습니다.

예를 들어, capitalize 라는 자동 완성 옆에 text-transform: capitalize;가 같이 표시됩니다.

<div className="c"> // capitalize (text-transform: capitalize;)

TypeScript 파일 바로 실행 & 디버그 가능

WebStorm에서 이제 별도 설정 없이 바로 TypeScript 파일을 실행해볼 수 있다고 합니다. 다만 Node.js 18 이상에서만 가능하며 tsconfig는 일부 기능만 지원된다고 합니다.

AI Assistant 개선

JetBrains AI Assistant가 이제 GPT-4o를 지원하며, 여러모로 똑똑해졌다고 합니다.

그 외...

Svelte 5 스니펫 지원

곧 출시 예정인 Svelte 5 스니펫 기능을 미리 써볼 수 있다고 합니다.

Astro Language Server 자동 활성화

Astro Language Server Protocol (LSP) 기능을 기본 활성화로 변경했다고 합니다. 활성화하면 IDE 지원이 좋아진다고 합니다.

https://blog.jetbrains.com/webstorm/2024/08/webstorm-2024-2/