끝없이 이어지는 코드 검토와 디버그 작업에 진저리가 날 때면, 이후 개발 단계에서 오류가 발생할 염려 없이 지루한 작업을 자동화할 방법을 궁리해보셨을 겁니다. 자동화에 관심이 있다면 서버 측 정적 분석을 자세히 알아보세요. 스마트 IDE 시대에 프로젝트 수명 주기에서 한 단계를 추가하는 것의 이점은 무엇일까요? 정적 분석 도구에 위임할 수 있는 작업은 무엇일까요? 이 블로그 글에서 질문에 대한 답을 찾아보세요! 코드 검토 자동화안심하고 외부 기여 활용프로젝트 계획 시간 단축프로젝트 수명 주기에 Qodana를 사용하여 정적 분석 수행 (more…)

WebStorm이 무려 11년 전에 출시되었다는 게 믿어지시나요? 저희도 믿어지지가 않아요. 출시 이후 수많은 ‘WebStorm 튜토리얼’ 및 ‘WebStorm 사용 방법’ 자료를 올렸지만, 흥미로운 내용은 한 번도 알려드리지 못했습니다. 이번 게시물에서 WebStorm과 관련하여 저희 팀 전원이 함께 엄선한 10가지 사실을 읽어보세요. 이 글을 읽고나서 여러분께서 미소를 짓거나, 추억을 회상하거나 혹은 JetBrains 팀 합류를 고려하실 수 있는 기회가 되었으면 좋겠습니다. 그럼 시작해볼께요! 모든 것은 Web IDE에서 시작되었습니다 WebStorm의 역사를 먼저 살펴보겠습니다. 최초의 JetBrains IDE는 IntelliJ IDEA였습니다. 다음으로는 여러 언어를 지원하는 IntelliJ IDEA

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

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

JavaScript는 25년 전인 1995년 12월 4일에 처음 공개되었습니다. 처음에 단 10일 만에 개발된 JavaScript는 현재 전 세계에 수백만 명의 개발자가 매일 사용하고 있는 가장 인기있는 프로그래밍 언어가 되었습니다. JavaScript 팬인 여러분과 이 기념일을 함께 축하하고 싶습니다! 오랫 동안 끊임없이 JavaScript를 지원해 주심에 대한 감사의 표시로 특별한 것을 준비했습니다. JavaScript 역사에서 가장 주목할 순간을 기록한 타임라인을 살펴보고 이 언어가 오늘날의 모습으로 변하는 과정에서 어떤 도움이 있었는지 확인해 보세요. 타임라인 제작에 도움을 주신 모든 분들께 진심으로 감사드립니다! 타임라인의 모든 데이터는 GitHub에 공개되어 있으므로 자유롭게 사용하실 수 있

PhpStorm 및 IntelliJ IDEA Ultimate와 같은 다른 JetBrains IDE에는 데이터베이스 도구 및 SQL에 대한 기본 지원 기능이 있다는 사실을 이미 알고 계실 것입니다. 이 지원은 해당 IDE에 포함되어있는 데이터베이스 플러그인을 통해 제공됩니다. WebStorm과 함께 데이터베이스 플러그인을 번들로 제공하지는 않지만 DataGrip 또는 All Products Pack 구독을 이용해 데이터베이스와 SQL 지원을 받을 수 있는 방법은 있었습니다. 이 방법을 이용하면 데이터베이스 플러그인을 설치하고 WebStorm 내에서 이 플러그인을 사용할 수 있습니다. 이는 더 비싼 DataGrip 또는 All Products Pack 구독 비용을 지불해야 하므로 최적의 방법은 아니었습니다.

2020년의 두 번째 주요 업데이트인 WebStorm 2020.2 버전이 출시되었습니다! Prettier를 디폴트 서식 지정 도구로 사용할 수 있는 옵션, Vue에 대한 동급 최강의 지원(이제 그렇게 말할 수 있습니다!), JavaScript에 지원되는 새로운 인텐션, GitHub 풀 리퀘스트에 대한 완벽한 지원 등을 제공합니다. WebStrom 2020.2 다운로드 하기 WebStorm 2020.2의 새로운 기능을 다 읽어볼 시간이 부족하다면 이 동영상에서 JetBrains 개발자 애드버킷인 Paul Everitt이 소개하는 주요 변경 내용을 확인해보세요 상세한 내용을 살펴보시려면 이 글을 계속 읽어주세요! 새로운 기능과 개선 사항은 다음 범주로 나뉩니다. 프레임워크 및 기술: Prettier를 디폴트

WebStorm 학습 리소스 목록이 계속해서 풍성해지고 있습니다! 최근 공개된 학습 플러그인 및 WebStorm 가이드 외에도 WebStorm의 기초적 내용을 이해하는 데 도움이 되는 동영상 시리즈를 제작하느라 여념이 없습니다.이번 시리즈의 첫 동영상을 공유하게 되어 기쁩니다! 이 동영상에서는 WebStorm의 주요 UI 요소를 살펴보고 특정 작업을 처리하는 데 어떤 도움을 주는지 설명합니다. 아래에는 동영상에 소개된 내용이 모두 나와 있습니다. 이 정보는 동영상보다는 읽는 것이 편한 분들을 위해 여기에 수록했으며 추가 정보를 찾아볼 수 있는 링크도 제공합니다. 참고: 이 동영상을 최대한 최신 상태로 유지하기 위해 WebStorm 2020.2 EAP를 이용해 녹화했습니다. Version 2020.1에는 I

WebStorm 기초 시리즈의 두 번째 비디오가 준비되었습니다! 이 비디오에서는 WebStorm의 룩앤필을 원하는 대로 지정하는 가장 일반적인 방법을 살펴봅니다. 다음은 이 비디오의 주요 내용과 추가 정보입니다. 영상 또는 블로그를 보시고 여러분의 의견을 알려주세요. 다음에 준비될 비디오에 반영하도록 하겠습니다. UI 테마 변경하기 WebStorm에는 몇 가지 사전 정의된 테마가 제공되지만 선택할 수 있는 다양한 사용자 정의 옵션도 있습니다. 사용할 수 있는 사용자 정의 테마를 살펴보려면 Preferences/Settings (환경 설정/설정) | Plugins(플러그인)으로 이동한 다음 Marketplace(마켓플레이스)에서 테마를 검색하세요. 기존 테마 중 자신에게 맞는 테마가 없다면 직접 만들 수도