node.js, npm, npx 설치하기

 

React로 코딩을 하기위해서는 첫번째로 개발에 필요한 도구를 설치해야합니다.

 

우선 설치해볼 것은 node.js입니다.

node.js란 브라우저 외의 환경에서 자바스크립트를 실행할 수 있게 해주는 도구입니다.

원래 자바스크립트는 웹브라우저에서만 사용할 수 있는 언어였지만 node.js 덕분에 브라우저가 아닌 곳에서도 자바스크립트를 사용할 수 있게되었습니다.

 

1. node.js 설치하기

혹시라도 node.js가 이미 설치되어 있을 수도 있으니 node.js 버전을 확인합니다.

macOS를 사용한다면, 터미널을 열고 node -v를 입력합니다.

설치가 되어있을 경우엔 버전번호가 출력되고, 설치가 되어있지 않을경우엔 '명령어가 동작하지 않는다'는 오류메시지가 출력됩니다.

 

오류가 출력됐다면 node.js 공식홈페이지 nodejs.org/ko 에 접속해 'LTS'라는 단어가 있는 버튼을 눌러 파일을 다운로드받고 설치합니다.

LTS(Long Term Support)는 안정화버전, Current는 베타테스트 버전 정도로 생각하면 됩니다.

 

node.js설치 후 터미널에서 node -v 명령어를 다시 실행해 잘 출력되는지 확인해줍니다.

 

2. npm 설치하기

node.js를 설치하면 npm이라는 도구도 함께 설치 됩니다.

npm이란 Node Package Manager의 줄임말로, 노드의 패키지를 관리해주는 도구입니다.

 

npm 설치여부는 터미널에서 npm -v를 입력하여 비슷한 방법으로 확인가능합니다.

 

3. npx 설치하기

npx는 Node Package eXecute의 줄임말로, 최신버전의 노드패키지를 사용하게 해주는 도구입니다.

정확히는 설치할 노드패키지를 최신버전으로 다운로드해 설치한 다음 데스크톱에 남기지 않고 삭제합니다.

한마디로 일회성으로 노드패키지를 설치해주는 도구입니다.

 

npx의 설치는 터미널에서 npm install npx -g를 입력합니다.

여기서 -g는 전역(global)의 뜻으로 전역으로 npx를 설치하면 어디서든 npx를 실행할 수 있으므로 꼭 -g를 붙여줍니다.