[React] node_modules, package.json, gitignore

node_modules

📍역할
npm으로 node를 구동할 수 있는 여러 패키지를 다운받을 수 있다
CRA는 React로 프로젝트를 구성할때 필요한 패키지를 자동으로 다운 받는다.
npm으로 다운받은 모든 package들이 저장되어 있는 폴더

package.json

📍역할
내가 진행하는 프로젝트 또한 하나의 package이다.
우리 프로젝트의 상세 정보들을 명시한 명세서와 같은 역할
파일을 열어 확인하면 프로젝트의 이름과 버전 정보가 기입되어 있다.

script 프로젝트에서 실행 가능한 명령어들을 기입한 항목

• start ➡ npm start
• build ➡ npm run build
• test ➡ npm run test
• eject ➡ npm run eject

dependencies 프로젝트에서 의존하고 있는 여러 패키지들을 기입한 항목

• 패키지 이름 : 패키지 버전
  
  

gitignore

📍역할
git으로 관리하지 않을 파일이나 폴더 등을 기입하는 파일

node_modules는 왜 gitignore에 있나?

프로젝트를 시작할때 필요한 여러 패키지들이 담겨 있는 폴더
이것을 굳이 git에 push할 이유는 없쥬?
용량도 엄청나서 시간도 오래 걸리고 비효율적이다.

만약에... 협업을 하는 상황에서...

개발 1팀이 gitHub에 올려놓은 프로젝트를 개발 2팀이 pull로 가져왔다. 하지만 gitignore에 node_modules를 등록하여 해당 폴더는 push하지 않았기 때문에 서로 다른 파일을 가지고 프로젝트를 진행하는 불상사...

이때! package.json의 dependencies가 필요하다
이 항목에는 우리 프로젝트를 구동하는데 필요한 여러 패키지들의 목록이 모두 기입되어 있다. 이것을 보고 각각 필요한 패케지를 다운받는다.
근데 귀찮지?

npm install 명령어를 입력하면
package.json의 dependencies 항목을 읽어서 자동으로 다운받아 준다.
와우...신세계입니다.
정상적으로 설치되면 파일 탐색기에 node_modules 파일이 생긴다.
안보인다면 새로고침하기!그리고 npm start를 다시 입력한다.