[React] 리액트/웹스톰 라이브러리 다운로드 하는 방법 (초기 세팅)

기존에 사용했던 자바스크립트 라이브러리는
리액트에 비하면 아무것도 아니었다. 

 

 

 

개인 프로젝트를 시작하면서 리액트를 다루게 됐다.

리액트는 매우 복잡하기 때문에 편집기 사용이 필수이다.

나는 웹스톰 편집기를 이용해서 리액트를 공부중인데 리액트는 마치 하나의 프로젝트 만드는 느낌이다.  

jQuery, Vue.js 등은 html이나 jsp 파일에 조금? 추가 하는게 전부였는데 리액트는.. 밑의 사진으로 말을 대신하겠다. 

 

 

리액트로 프로젝트를 생성하면 자동으로 라이브러리가 다운로드 된다.

but, 추가적으로 라이브러리가 필요한 상황에 대해서 다뤄보도록 하겠다. 

 

 

라이브러리 다운로드

프로젝트 > package.json 클릭 > 밑의 사진에 표기된 공간에 라이브러리 다운로드 

 

package.json 에서 라이브러리 입력

라이브러리의 버전 선택

 

다운로드 받고자 하는 라이브러리를 입력하면 위의 사진처럼 자동으로 최신 버전이 확인 된다. (편집기 굿굿!)

특별한 경우가 아니라면 최신 버전으로 다운로드 받아주는게 좋다. 

 

 

내가 다운로드 받으려는 라이브러리는 router로 include를 위함이다. 

라이브러리를 입력 후 저장을 하면 밑에 업데이트 하겠냐는 창이 뜬다. (위의 사진 참고)

Run 'npm install' 버튼을 클릭하자.

 

콘솔창이 열심히 빙글빙글 돌아가다가 

Process finished with exit code 0 

마지막 줄에 이렇게 출력되면 오류없이 라이브러리가 다운로드 받아진거다.