jQuery를 WebStorm(웹스톰)에 설정하기

jQuery를 공부하기 시작하면서, 최고의 에디터라고 하는  WebStorm을 쓰려하니 jQuery를 인식하지 못하는 문제가 생겼습니다. (PhpStorm을 써도 됩니다)

jQuery 별도의 에디터가 아니다보니, 자동으로 생성되지 않아 jQuery 함수를 그냥 문자로만 인식하는 문제가 생깁니다.

이에 대해 웹스톰의 환경을 설정해야 합니다.

(맥 기준으로) 아래처럼 상단 메뉴의 WebStorm > Preferance 메뉴를 엽니다.

처음 열면 위 이미지 처럼 jQuery가 보이지 않습니다.

이제 jQuery를 설정해야 겠죠?   

오른쪽의 Add버튼을 누르면, 아래와 같은 창이 뜹니다.

이름을 jQuery라고 정하고,

Visibility를 Global로 선택 합니다.(이후의 다른 프로젝트에서도 사용하기 위한것입니다.)

그리고, 아래의 + 버튼을 눌러 다운받은 jQuery(안받았다면 여기서 다운로드)의 파일을 선택합니다.

아래는 디렉토리 다운받은 파일 선택하는 화면 입니다.

파일을 선택하면, 아래처럼 jQuery의 파일이 연결되었다고 나옵니다.  

위 이미지에서 ok를 클릭하면 

아래처럼 라이브러리로 jQuery가 추가됩니다.

이제 에디터 창을 보면 주석처리된 텍스트가,  아래처럼 jQuery의 도움말과 함께 나옵니다.

이 에디터에 초보자인 분들 잊지말고 사용하면 좋습니다.