WebStorm 2021.1의 새로운 기능

JavaScript 및 TypeScript

머신러닝을 사용한 코드 완성

이제 JavaScript 및 TypeScript 파일에서 코드 완성 제안이 머신러닝 알고리즘을 사용하여 선별됩니다. 자세한 내용은 이 블로그 글을 참조하세요.

향상된 심볼 이름 완성 제안

이제 WebStorm에서 최상위 변수와 함수, 클래스 이름에 대한 완성 제안을 표시할 때 파일 이름을 고려합니다.

향상된 JSDoc 구문 강조 표시

JSDoc 주석의 가독성을 높이기 위해 JSDoc 태그 값 및 유형의 색 구성표를 조정할 수 있는 새로운 옵션을 구현했습니다. 이 옵션은 Preferences(환경 설정) / Settings(설정) | Editor(에디터) | Color Scheme(색 구성표) | JavaScript / TypeScript에 있습니다.

파일 검사 억제

WebStorm을 사용하면 전체 프로젝트나 더 세분화된 수준(예: 구문 또는 클래스)에서 진행되는 개별 검사를 끌 수 있습니다. 2021.1 버전을 사용하면 파일별로 비활성화할 수도 있습니다.

프레임워크 및 기술

기본 제공되는 원격 공동 개발 서비스

이제 WebStorm에서 원격 공동 개발 및 페어 프로그래밍을 위한 새로운 JetBrains 서비스인 Code With Me를 함께 제공합니다. 이 서비스를 사용하면 IDE에서 실시간으로 함께 코딩하며 대화도할 수 있습니다.

Vue에서 CSS 모듈 지원

2021.1 버전부터 WebStorm은 .vue 파일에서 사용되는 CSS 모듈을 지원합니다. IDE는 $style 프로퍼티를 정확하게 파악하여 코드 완성, 탐색 및 기본 리팩터링 기능을 제공합니다.

HTTP 클라이언트 개선

기본 제공되는 HTTP 클라이언트로 작업하기가 더 편리해졌습니다. 새 아이콘을 사용하여 반환된 출력을 접고, 응답의 상단 또는 하단으로 빠르게 스크롤하고, http:// 프로토콜의 사용 위치를 단 몇번의 클릭만으로 찾아서 바꿀 수 있는 등, 다양한 기능이 개선되었습니다.

구성 가능한 ESLint 범위

.md 또는 .coffee 등의 파일에 대해 ESLint를 설정한 경우 이제 ESLint에서 보고한 오류를 에디터에서 확인할 수 있습니다. 이 기능을 사용하려면, 해당하는 파일 형식을 새로운 Run for files(파일에 대해 실행) 필드에 추가하세요.

JSON Lines 지원

이제 WebStorm에서 JSON Lines 텍스트 형식을 지원합니다. IDE는 .jsonl, .jslines, .ldjson 및 .ndjson 파일 형식을 인식합니다.

HTML 및 CSS

향상된 Stylelint 지원

몇번만 클릭하여 Stylelint로 CSS 코드를 수정할 수 있습니다. 파일에 있는 문제를 마우스로 가리키거나 그 자리에 캐럿을 놓고 Alt+Enter를 누른 다음, Stylelint: Fix current file(Stylelint: 현재 파일 수정)을 선택하세요.

또한 Preferences(환경 설정) / Settings(설정) | Languages & Frameworks(언어 및 프레임워크) | Style Sheets(스타일시트) | Stylelint에서 해당하는 필드에 구성 파일 경로를 지정할 수 있습니다.

HTML 미리보기 기본 제공

이제 WebStorm에서 바로 정적 HTML 파일을 미리 볼 수 있습니다! HTML 파일 또는 연결된 CSS 및 JavaScript 파일에 적용한 변경 내용이 저장되며, 변경 내용을 볼 수 있도록 미리보기가 자동으로 다시 로드됩니다.

CSS 선택자 명시도

When working with style sheets, you can now check the specificity of your selectors – just hover over a selector that you want to check. 또는 선택자에 초점을 맞추고 Ctrl+Q를 눌러 Documentation(문서) 팝업에서 이 정보를 확인하세요.

사용자 인터페이스

조정 가능한 글꼴 두께

사용 중인 에디터 글꼴의 다양한 변형(얇게, 보통, 굵게)을 선택할 수 있습니다. 이 새로운 옵션은 Preferences(환경 설정) / Settings(설정) | Editor(에디터) | Fonts(글꼴)의 Typography Settings(타이포그래피 설정)에서 조정할 수 있습니다.

분할 뷰의 탭 최대화

분할 뷰에 여러 탭이 열려 있나요? 작업 중인 탭을 두 번 클릭하면 해당 탭의 에디터 창을 최대화할 수 있습니다. 탭을 원래 크기로 되돌리려면 다시 두 번 클릭하면 됩니다.

더욱 유용한 빠른 문서 보기 기능

WebStorm에서 MDN 문서가 번들로 함께 제공됩니다. 이에 따라 MDN 웹사이트와의 연결 문제가 해결되고 에디터 내 문서가 더 빨리 표시됩니다. 정보도 더 풍부해졌습니다. 예를 들어 JavaScript API에 지원되는 브라우저 버전에 대한 세부정보가 표시됩니다.

향상된 접근성

Windows에서 고대비 모드를 사용하는 경우, WebStorm은 OS와 동기화하여 처음 시작할 때 고대비 테마를 적용합니다. 또한 스크린 리더를 사용할 때 더 많은 UI 요소가 이제 올바르게 읽힙니다.

Windows에서 최근 프로젝트에 빠르게 액세스

Windows의 바로가기 목록에 대한 지원이 개선되어 작업 표시줄 또는 시작 메뉴에서 WebStorm 아이콘을 마우스 오른쪽 버튼으로 클릭하면 최근 프로젝트를 열 수 있습니다.

여러 가지 문제 해결

이 릴리스는 주로 WebStorm의 품질 향상에 중점을 두었습니다. 다양한 파일 시스템으로 작업할 때 파일 이름의 대소문자 구분과 관련된 문제를 포함하여 여러 가지 알려진 문제를 수정했습니다.

버전 관리

향상된 풀 리퀘스트 작업

풀 리퀘스트 작업을 더 효율적으로 처리할 수 있도록 도와주는 몇가지 개선 사항을 추가했습니다. 예를 들어 + 아이콘을 클릭하면 Pull Requests(풀 리퀘스트) 도구 창에서 바로 새로운 풀 리퀘스트를 생성할 수 있습니다.

커밋 메시지 템플릿 지원

이제 WebStorm에서 Git 커밋 메시지 템플릿을 지원합니다. 이 템플릿을 사용하면 메시지에 포함해야 할 내용을 기억할 수 있습니다. 템플릿을 정의하면 IDE에서 해당 텍스트를 초기 커밋 메시지로 표시합니다.

보류 항목에 저장할 수 있는 새로운 액션

새로운 Save to Shelf(보류 항목에 저장) 액션을 사용하면 변경 내용을 로컬 변경 내용에 보관하면서 Shelf(보류 항목)에 복사할 수 있습니다. 이 기능을 사용해보려면 Ctrl+Shift+A를 누르고 Save to Shelf를 입력하세요.