WebStorm

WebStorm 및 기타 JetBrains IDE에서 가장 유용한 생산성 향상 도구를 한데 모아보는 FOMO 요약 시리즈의 세 번째 편에 오신 것을 환영합니다. 오늘은 React 작업을 위한 몇 가지 멋진 기능을 다루겠습니다. 이러한 모든 기능은 JetBrains IDE에서 바로 사용할 수 있습니다. 복사 및 붙여넣기 시 HTML 'React화' 많은 사용자에게 사랑받는 작지만 매우 유용한 기능부터 시작하겠습니다. #WebStormTip – Pasting HTML into a React project will convert `cl…

개발자에게 예전부터 제공해왔던 IdeaVim은 Vim의 강력한 기능을 JetBrains IDE에 확장할 수 있도록 도와주는 플러그인입니다. JetBrains 내에는 IDE를 지원하는 키보드 중심적 에디터로서 두 가지 장점을 모두 제공하기 위해 이 플러그인을 유지 관리하는 전담 팀이 있습니다. Vim은 텍스트를 이동하고 수정할 수 있는 뛰어난 유연성을 제공합니다. 그 덕분에 이 플러그인은 개발자 사이에서 가장 인기 있는 텍스트 에디터 중 하나가 되었습니다. Vim에서는 마우스 없이 빠르게 탐색할 수 있어 매우 효과적으로 텍스트를 편집…

목차 숙련된 Angular 사용자의 팁 참고하기 효율적인 키보드 활용 IDE 기능을 사용하여 더 빠르게 탐색 전체 검색: ⇧⇧ / Shift+Shift 관련 심볼: ⌃⌘↑ / Ctrl+Alt+Home 최근 파일: ⌘E / Ctrl+E 수동 리팩터링 불필요 Angular 구성 요소 추출: 이름 변경 리팩터링: ⇧F6 / Shift+F6 자동화 적극 활용하기 자동 가져오기 Angular 구성 요소 생성 코드 검사 사용자가 Angular를 얼마나 잘 알고 있든, Angular에 대해 어떻게 생각하든 관계없이 J…

JS 개발을 위한JetBrains IDE의새로운 기능 목차 Code With Me 종속성 업데이트를 위한 새로운 검사 package.json의 'imports' 및 'exports' 필드 지원 기본 HTML 미리보기 및 저장 시 다시 로드 .js와 .d.ts 파일 간의 매핑 개선 private 필드에 대한 이름 변경 리팩터링 Angular 구성 요소 추출 리팩터링 Vue 및 React 속성에 대한 타입 검사 'require' 문 자동 가져오기 새로워진 Deno 통합 FOMO에 대해 들어본 적이 있으신가요? Fea…

WebStorm을 사용하면 모든 핵심 기능을 별도 설정없이 바로 작동하므로 추가 플러그인을 설치하지 않고도 바로 작업할 수 있습니다. 하지만 코딩 도구에 좀 더 개성적인 느낌을 주고 싶거나 추가 기능이 필요하다면 어떻게 해야 할까요? 커뮤니티의 유능한 인재들 덕분에 이러한 경우에 도움이 되는 다양한 플러그인이 준비되어 있습니다. 이 블로그 게시물에서는 JetBrains IDE용으로 개발된 가장 편리한 플러그인 몇 가지를 살펴보겠습니다. 이러한 모든 플러그인은 PhpStorm 및 IntelliJ IDEA Ultimate와 같은 다른…

WebStorm을 사용하면 일상적으로 작업에 드는 시간을 획기적으로 줄일 수 있습니다. WebStorm은 거의 모든 작업에 대한 단축키를 제공하고 있습니다. 모든 단축키를 외우는 것은 불가능하지만, 자주 쓰는 몇 가지 단축키만 알아두어도 많은 도움이 된답니다. 아래에 필수 단축키를 소개합니다. 이 단축키를 사용하여 생산성을 즉시 향상 시켜 보세요. 이 포스트에서 소개하는 모든 키 조합은 macOS 및 Windows/Linux의 디폴트 키맵에서 가져온 것입니다. Preferences/Settings(환경 설정/설정) | Keymap(…