WebStorm 2024.1의 새로운 기능

WebStorm 2024.1에는 컨텍스트를 잃지 않고 대용량 파일을 탐색하는 데 도움을 주는 고정된 줄 기능이 포함되어 있습니다. 이 기능을 이용하면 스크롤할 때 함수 또는 클래스 선언과 같은 주요 구조 요소를 에디터 상단에 고정할 수 있습니다. Settings(설정) | Editor(에디터) | General(일반) | Appearance(모양)에서 이 기능을 사용자 지정할 수 있습니다.

WebStorm 2024.1의 빠른 문서 팝업에 향상된 기능이 제공되어 코드 블록에 대한 구문 강조 표시를 지원하고 완성 결과에 통합됩니다. 이제 인터페이스 멤버, 열거형 상수 및 타입 별칭 본문이 표시됩니다. Show more(더보기) 링크를 사용하여 타입 멤버의 전체 목록에 액세스하고 페이징 컨트롤을 사용하여 여러 선언 사이를 이동할 수 있습니다.

새로운 유형의 코드 완성 기능을 추가했습니다. 바로, 현재 파일의 컨텍스트에 따라 줄을 완성하는 회색의 한 줄 제안입니다. 이러한 제안은 다양한 언어와 프레임워크에 대해 학습된 특수 언어 모델을 통해 제공됩니다. LLM은 인터넷을 통해 코드를 전송하지 않고 로컬에서 실행됩니다. 이 기능은 표준 WebStorm 라이선스 구독에 포함됩니다.

이제 Nuxt 기반 프로젝트를 포함한 모든 Vue 프로젝트에서 Vue Language Server가 기본적으로 활성화됩니다. Vue 2 프로젝트에는 몇 가지 알려진 제한 사항이 있습니다. Vue2 프로젝트에서 작업 중인 경우, Settings(설정) | Languages & Frameworks(언어 및 프레임워크) | TypeScript | Vue에서 서버 사용을 선택 해제할 수 있습니다.

WebStorm은 이제 Vue, Svelte 및 Astro 파일의 구성 요소 사용 위치에 대해 에디터 내 힌트를 제공합니다. 그러면 프로젝트 어디에서나 특정 구성 요소의 모든 사용 위치를 빠르게 찾을 수 있습니다.

상태 표시줄에 새로운 Language Services(언어 서비스) 위젯이 추가되어, 여기서 현재 파일 및 프로젝트의 활성 언어 서비스에 대한 정보를 확인할 수 있습니다. 이 위젯에서 바로 서비스를 다시 시작하거나 해당 설정으로 이동할 수 있습니다.

2024.1 릴리스에는 실험적인 TypeScript 엔진이 제공되며, 이 엔진은 Settings(설정) | Languages & Frameworks(언어 및 프레임워크) | TypeScript를 통해 켜거나 끌 수 있습니다. 이 새로운 엔진은 호환성 문제를 해결하고 성능을 향상하기 위해 도입했습니다. 이 새로운 접근 방식은 현재 TypeScript 및 Vue에서 이용할 수 있습니다. 자세한 내용은 관련 블로그 글을 참조하세요.

WebStorm 2024.1에는 prop과 상태를 즉시 생성할 수 있는 몇 가지 새로운 React용 빠른 수정이 도입되었습니다. 단축키 Alt+Enter를 사용하여 이러한 빠른 수정을 적용할 수 있습니다. 자세한 내용은 이 블로그 글을 참조하세요.

이제 Structure(구조) 도구 창에 조건부 및 목록 렌더링을 위한 노드를 포함하여 JSX 구조와 함께 React 구성 요소와 후크가 표시됩니다. 또한 Preact 및 Solid와 같은 JSX 기반 라이브러리도 지원됩니다.

WebStorm 2024.1은 GitHub 및 GitLab 사용자의 코드 검토 프로세스를 개선합니다. 새로운 검토 모드에서는 여백에 보라색 마커로 변경 사항이 강조 표시되어 작성자와 검토자가 쉽게 확인할 수 있습니다. + 또는 메시지 아이콘을 클릭하여 에디터 내에서 직접 토론에 참여하여 새 토론을 시작하거나 댓글을 보고 답변을 할 수 있습니다.

WebStorm 2024.1에는 github.*, env.*, steps.*, inputs.*를 포함한 GitHub Actions 컨텍스트에 대한 자동 완성이 도입되었습니다. 또한 image 및 main Docker 구성 프로퍼티에 대한 완성 기능도 추가했습니다.

WebStorm 2024.1은 브랜치 관련 변경 사항에 초점을 둔 뷰를 제공하여 코드 검토를 단순화합니다. GitHub 및 GitLab의 경우, Pull Requests(풀 리퀘스트) 도구 창에서 브랜치 이름을 클릭하고 메뉴에서 Show in Git Log(Git 로그에 표시)를 선택할 수 있습니다. 그러면 Log(로그) 탭이 열리고 브랜치의 모든 변경 사항이 표시됩니다.

WebStorm 2024.1에서는 GitHub 풀 리퀘스트 및 GitLab 병합 요청을 검토한 코멘트에 대한 상호작용을 지원합니다. 이제 다양한 이모티콘을 선택하여 코드 검토 코멘트에 반응을 추가할 수 있습니다.

새로운 터미널 UI를 구현했으며, Settings(설정) | Tools(도구) | Terminal(터미널) | Enable New Terminal(새로운 터미널 사용)을 통해 이용할 수 있습니다. 이제 명령어가 개별 블록으로 표시되므로 화살표 키나 키보드 단축키를 사용하여 쉽게 탐색할 수 있습니다(Ctrl+↑ 및 Ctrl+↓). 또한 명령어, 경로, 인수 및 옵션에 대한 코드 완성 기능을 이용할 수 있습니다. 자세한 내용은 이 블로그 글을 참조하세요.

WebStorm 2024.1은 줄에 중단점을 설정하기 위한 보다 편리한 워크플로를 제공합니다. 여백을 클릭하여 중단점을 설정하면 IDE에서 추가 중단점을 설정할 수 있는 인라인 마커를 자동으로 표시합니다. 각 중단점을 독립적으로 구성하여 고급 디버그 기능을 이용할 수 있습니다.

WebStorm 2024.1에서는 IDE 축소 옵션이 추가되어 이전의 100~200% 범위에 더해 IDE를 70%로 축소할 수 있습니다. 이를 통해 공간에 더 많은 내용이 표시되도록 UI 크기를 쉽게 조정할 수 있습니다.

이제 HTTP 클라이언트가 Netty를 하위 수준 네트워킹 라이브러리로 사용하므로 HTTP 클라이언트에서 HTTP/2 지원을 구현할 수 있습니다. 또한, 토큰 및 인증 요청에 대한 향상된 지원과 함께 PKCE 인증 코드 및 기기 권한 부여 흐름을 포함한 새로운 인증 옵션이 제공됩니다.