이 친구 닉값하네? WebStorm 설치 완벽 가이드!
programming/preferences

이 친구 닉값하네? WebStorm 설치 완벽 가이드!



Developer Survey Results 2018 (https://insights.stackoverflow.com/survey/2018)


최근 코딩 열풍이 거세짐에 따라 어떤 프로그래밍 언어가 핫할까요? 아마 그 중 하나가 자바스크립트임에는 그 누구도 부인할 수 없을 것 같습니다. 브라우저 부가 기능으로만 지원하던 예전과는 달리 웹 뿐만 아니라 다양한 플랫폼을 지원하는 기술으로 자바스크립트는 눈부신 발전을 이루었습니다. 실제로 그런 자바스크립트를 스마트하게 다룰 수 있는 통합개발환경(IDE) 중 하나, 바로 JetBrains 사에서 개발한 WebStorm입니다. 한번 설치부터 시작해봅시다!






1. JetBrains 공식 사이트로 이동


WebStorm 얼마나 대단한 녀석인지 한번 설치하러 가봅시다. 위 링크를 클릭합시다.







2. WebStorm is the smartest JavaScript IDE


자바스크립트 No. 1 통합개발환경(IDE) 으로 지칭해버리는 젯브레인스 클라스...

어서 하단의 DOWNLOAD를 클릭합시다.







3. 자동으로 설치되는 것을 확인


만약 자동으로 설치되지 않는다면 우측 상단의 Download 버튼을 한번 더 눌러줍니다.







4. Welcome to WebStorm Setup


초기 설치화면입니다. Next > 를 클릭합시다.







5. Choose Install Location


설치 디렉토리 경로를 지정하는 부분입니다. 기본 설정으로 둔 채 Next > 를 클릭합니다.







6. Installation Options


설치 관련 옵션을 지정할 수 있는데요. 자신에게 해당하는 데스크탑 비트 운영체제를 체크한 뒤 Next > 를 클릭합니다. 다른 항목은 체크할 필요는 없지만 참고로 Create Asscoiations은 해당 파일을 실행할 때 바로 IntelliJ WebStorm으로 연결할 지를 선택할 수 있습니다.







7. Choose Start Menu Folder


시작 메뉴 폴더를 지정하는 부분입니다. 딱히 건드릴 부분은 없으므로 Install 을 클릭합시다.







8. Installing


정상적으로 설치중인 것을 확인할 수 있습니다.







9. Completing WebStorm Setup


바로 초기 셋팅을 하기위해 Run WebStorm 에 체크하고 바로 진행하도록 하겠습니다.







10. Import WebStorm Settings From...


만약 이전에 WebStorm 환경 설정한 경험이 있다면 Import 할 수 있습니다.

이 포스팅은 처음 이용하시는 분들을 위한 것으로, Do







11. Set UI theme


개발환경 테마를 선택하는 부분입니다. 저는 Darcula를 선택하였습니다.







12. Download featured plugins


기타 개발에 필요한 플러그인을 설치할 것인지 물어보는 항목입니다.

나중에도 필요 시 설치할 수 있으니 Start using WebStorm을 클릭합니다.







13. 성공적으로 WebStorm이 실행 중인 것을 확인


파란 배경이 저의 마음도 청명하게 만드는 것 같군요

WebStorm과 함께 열코(열심히 코딩) 합시다!