TypeScript에서 JQuery 라이브러리 사용하기.

TypeScript에서 JQuery를 쓰기 위해서 필요한 환경셋팅에 대해 기술하려고 합니다.

먼저 저의 환경입니다.

개발툴 : IntelliJ IDEA

설치한 추가 환경 : node.js

만약 TypeScript를 까셨다면, 컴파일러를 위해 node.js는 설치를 하셨을겁니다.

이러한 환경에서, JQuery를 쓰기 위해서 어떻게 환경 설정을 하는지를 포스팅 합니다.

참고로 npm 기준입니다.

npm 터미널에 

npm install jquery --save;

를 입력합니다. 해당 명령어는 진행하는 프로젝트에 의존 설정을 해줍니다.

이 명령어만 진행했을시, 타입스크립트 파일 상단에

import $ from 'jquery';

이와 같이 import를 진행 할 수 있습니다. 

하지만, 다른 타입스크립트 파일은 import를 진행한 타입스크립트 파일을 참조를 못하는 현상이 있는데요. ( 해당 부분은 제가 이해도가 낮아서, 저의 개발환경에서 발생한 이슈대로 작성했습니다. )

이것을 해결 하려면, 아래의 명령어를 추가로 입력해야 합니다.

npm install @types/jquery --save-dev;

위의 명령어가 실행되면,  타입 스크립트 파일이 JQuery가 임포트된 타입 스크립트 파일을 참조할 수 있습니다.

타입스크립트에 JQuery 라이브러리를 사용하는 방법을 포스팅 했는데요.

중간에 설명했드시 제가 npm에 대한 개념이 많이 없는지라, 틀린 설명이 있을 수 도 있습니다.

감안해서 봐주시면 감사하겠습니다.