기능상세

지능적인 코딩 지원

WebStorm은 JavaScript 및 JavaScript로 컴파일되는 언어, Node.js, HTML 및 CSS에 스마트 코딩 지원 기능을 제공합니다. 지원되는 모든 언어에서 코드 완성, 강력한 탐색 기능, 즉각적인 오류 탐지 및 리팩토링 기능을 사용할 수 있습니다.

최신 프레임워크

WebStorm은 Angular, React, Vue.jsMeteor에 고급 코딩 지원을 제공합니다. 모바일 개발에서는 React Native, PhoneGap, Cordova 및 Ionic 기능을 활용하고 서버 측 개발에서는 Node.js를 사용할 수 있습니다. 이 모든 작업을 단 하나의 IDE에서 수행할 수 있습니다.

스마트 에디터

WebStorm은 프로젝트를 분석하여, 지원되는 모든 언어에 최적의 코드 완성 결과를 제공합니다. 기본 제공되는 수백 개의 검사 기능은 코드가 입력되는 즉시 잠재적인 문제를 보고하고 빠른 수정 옵션을 제시합니다.

탐색 및 검색

WebStorm을 사용하면 대규모 프로젝트를 작업할 때 코드를 보다 효율적으로 탐색하여 시간을 절약할 수 있습니다. 클릭 한 번으로 메소드나 함수, 변수의 정의로 이동하거나 사용 위치를 검색하세요.

디버그, 추적, 테스트

WebStorm은 클라이언트 측 및 Node.js 애플리케이션을 디버그, 테스트 및 추적할 수 있는 강력한 도구를 기본 제공합니다. IDE에 긴밀하게 통합되고 최소한의 구성만 필요하므로 WebStorm에서 작업을 훨씬 쉽게 수행할 수 있습니다.

디버깅

WebStorm은 클라이언트 측 코드(Chrome에서 작동) 및 Node.js 앱에 사용할 수 있는 디버거를 기본 제공합니다. IDE를 벗어나지 않고 중단점 설정, 단계별 코드 실행 및 표현식 평가를 모두 수행하세요.

테스트

WebStorm은 Karma 테스트 러너, Mocha, JestProtractor와 통합되어 테스트를 쉽게 수행할 수 있습니다. IDE 내에서 바로 테스트를 실행 및 디버그하고, 시각적으로 훌륭한 형식으로 결과를 확인하고 테스트 코드로 이동할 수 있습니다.

추적 및 프로파일링

WebStorm에는 JavaScript 코드 추적을 도와주는 spy-js 도구가 기본 제공됩니다. 파일과 함수 호출의 연결 관계를 탐색하고 잠재적인 병목 현상을 효율적으로 파악하세요.

완벽한 도구 통합

WebStorm은 잘 알려진 웹 개발 명령줄 도구와 통합되어, 명령줄을 사용할 필요 없는 생산성과 효율성이 뛰어난 개발 환경을 제공합니다.

빌드 도구

간단한 통합 UI를 사용해 Grunt, Gulp 또는 npm 작업을 IDE에서 바로 실행해 보세요. 모든 작업이 특별한 도구 창에 나열되어 작업 이름을 두 번 클릭하기만 하면 곧바로 해당 작업을 시작할 수 있습니다.

코드 품질 도구

WebStorm은 수백 개 이상의 자체 검사 외에도 에디터에서 바로 ESLint, JSCS, TSLint, Stylelint, JSHint 또는 JSLint를 실행해 코드를 검사하고 이슈를 즉시 강조 표시할 수 있습니다.

프로젝트 템플릿

ExpressWeb starter kit 같이 잘 알려진 프로젝트 템플릿를 사용하여 시작 화면에서 새 프로젝트를 시작할 수 있으며 Yeoman과 통합되어 더 많은 프로젝트 생성 프로그램에 액세스할 수 있습니다.

IDE 기능

WebStorm은 JetBrains가 15년 이상 개발하고 개선해 온 오픈 소스 IntelliJ 플랫폼을 토대로 구축되었습니다. 정교하면서도 매우 다양하게 사용자 지정할 수 있는 환경을 개발 워크플로에 맞춰 사용해 보세요.

VCS

WebStorm은 잘 알려진 여러 버전 관리 시스템을 함께 사용할 수 있는 통합 UI를 제공하여 git, GitHub, SVN, Mercurial 및 Perforce 전반에 걸쳐 일관된 사용자 환경을 선사합니다.

로컬 기록

VCS를 사용하는지 여부와 관계없이 로컬 기록을 사용하면 코딩 작업에 큰 도움이 됩니다. 언제든지 특정 파일이나 디렉터리의 기록을 검사하고 원하는 이전 버전으로 롤백할 수 있습니다.

사용자 지정

WebStorm은 뛰어난 사용자 지정 기능을 제공합니다. 단축키, 글꼴 및 시각적 테마부터 도구 창과 에디터 레이아웃에 이르기까지 자신의 코딩 스타일에 맞게 IDE를 완벽하게 조정할 수 있습니다.