React_ Node.js Express.js npm npx ....

React 로 사이드 프로젝트를 개발하고 있는 과정에서 몰랐던 부분들을 적어놓으려고 한다.

node.js 로 서버를 구축하는건 처음이다 . 지금까지는 java, springboot, spring 등으로 구축했지만 이번에는 React Native 를 하게 되면서 같이 React 로 하면 어떨까 생각이 들었고 서버도 node 로 구축해보면 좋은 경험이 될것 같았다.

 

node.js 에서 타입이 지정되질 않아 혼선이 있거나 정확히 어떤 요소들을 사용할 수 있는지 잘 알 수가 없어서 타입스크립트로 (ts) 를 적용하였다.  

타입스크립트로 지정했을때 npm 모듈 설치시 

npm install @types/패키지이름

이라고 해야 타입스크립트 전용으로 설치가 되고 

npm install 패키지이름 

이렇게 하면 노드 패키지 전용으로 설치가 된다.

 

하지만 여기에서 npm 으로 설치를 하질 않았지만 npm 의 종속적인 기능을 사용하려면 npx 명령어를 입력하면 된다.

예를들어, tsc --init 할때 이 부분은 타입스크립트로 설정하기 위한 세팅 부분인데 zsh:command not 이라는 에러가 뜬다.

그래서 

npx tsc --init 을 하면 npm 의 종속 기능을 끌어다 사용하는 것이기 때문에 에러 없이 설치가 진행된다.

 

npm 과 npx 의 차이

1. npm (Node Package Manager):
   • npm은 Node.js 패키지 관리자로, 프로젝트의 종속성을 관리하고 프로젝트 빌드, 테스트, 배포 등을 수행하는 데 사용됩니다.
   • npm install <package>과 같이 사용하여 프로젝트의 종속성을 설치합니다.
   • package.json 파일을 사용하여 프로젝트의 메타데이터와 종속성을 정의하고 관리합니다.
   • npm start, npm test, npm run build와 같이 미리 정의된 스크립트를 실행할 수 있습니다.
2. npx (Node Package Execute):
   • npx는 npm 패키지를 실행하는 데 사용되는 도구입니다. 로컬로 설치되지 않은 npm 패키지를 간편하게 실행할 수 있습니다.
   • npx <package>과 같이 사용하여 로컬 또는 원격 저장소에 있는 npm 패키지를 실행할 수 있습니다. 이때 npx는 로컬에 패키지가 설치되어 있지 않으면 자동으로 해당 패키지를 설치하고 실행합니다.
   • 전역으로 설치된 패키지가 아닌 경우, npx를 사용하여 패키지를 실행할 수 있습니다.

결론 =>  npm은 패키지를 설치하고 관리하는 데 사용되고, npx는 실행 가능한 패키지를 실행하는 데 사용됩니다.

 

이 사이트는 Node 프로젝트 생성과 관련하여 참조한 사이트이다.

https://spacebike.tistory.com/57

Typescript + Node.js + Express 환경 설정

 

 

 

npm install 할때 

--save-dev 

라는 명령어를 본적이 있을 것이다.

 

이는 package.json 에 devDepencies 라는 부분으로 따로 설치를 하는 것인데 

개발용  , 배포용으로 나뉘어지도록 구분해놓는 명령어이다.

실제 배포시에도 역시 적용이 안되기 때문에 개발용으로 필요 부분 테스트가 가능하다.

 

이 부분에서도 참조한 사이트이다.

https://velog.io/@vekkary/-save-dev-%EC%98%B5%EC%85%98%EC%9D%98-%EC%9D%98%EB%AF%B8

--save-dev 옵션의 의미