node_modules

npm으로 다운로드 받은 모든 패키지들이 저장되어 있는 폴더

CRA 는 리액트로 프로젝트를 구성할 때 필요한 패키지들을 자동으로 다운로드 받아준다.

package.json

프로젝트에 대한 정보들(이름, 버전 등)이 기입된 파일

• script : 프로젝트에서 실행할 수 있는 명령어들이 있는 곳

  최초에 CRA 를 구동시킬 때 npm start 라는 명령어를 입력했다. 우리가 npm start 라고 입력하면 자동으로 npm react-scripts start 를 대신 실행시켜준다.
  npm start 는 많이 사용되는 명령어이기 때문에 관습적으로 npm start 만 치면 되지만 다른 명령어를 구동시킬 때에는 npm run 뒤에 명령어를 붙여주어야 한다.

• dependency : 프로젝트에서 필요로 하는 다른 패키지들에 대한 정보가 있는 곳

  dependencies 는 의존이라는 뜻 그대로 우리 프로젝트에서 의존하고 있는 다른 여러가지 패키지들을 기입하는 항목이다. 왼쪽은 패키지의 이름이고 오른쪽은 패키지의 버전 정보를 나타낸다.

.gitignore

git으로 관리하지 않을 파일 또는 폴더 등을 기입해두는 파일이다. 여기에 기입해둔 파일 또는 폴더들은 더이상 git으로 관리되지 않는다.

/node_modules 폴더가 .gitignore 에 등록되어 있는 이유는 이런 패키지들의 모든 소스코드가 깃으로 관리되어 깃허브에 올라가면 용량이 너무 커지기 때문이다.

gitignore에 /node_modules 폴더를 넣어두면 협업을 하는 상황에서 깃허브에 있는 레포지토리를 클론 해왔을 때 당연히 /node_modules 폴더가 없고 프로젝트가 실행되지 않는다. 이럴 때 필요한 것이 바로 package.json 의 dependencies 이다.

package.json 의 dependencies 목록에 있는 패키지들을 모두 다운받아주면 된다. 패키지들을 하나하나 다운로드 받기에는 귀찮으므로 npm install 이라는 명령어를 입력하면 npm 이 자동으로 package.json 에 있는 dependencies 항목을 읽어서 필요한 패키지를 모두 다운로드 받아준다.