Reat와 Git?
CRA로 리액트 앱을 설치하고 나면, 가장 최상단에 node_modules라는 폴더가 존재한다.
이 폴더를 열어보면 엄청나게 많은 숫자의 모듈들이 들어있다.
잘 살펴보면 리액트에 꼭 필요한 react, react_dom 모듈도 들어있다.
React와 깃을 설명하면서 갑자기 노드 모듈즈를 설명하는 이유가 뭔가? 싶을 수 있다.
.gitignore
.gitignore은 웹앱 등을 깃으로 관리할 경우, 깃이 추적하지 않을 파일을 담고 있다.
.gitignore에 담긴 대표적인 예시가 바로 node_modules이다.
딱 봐도 엄청나게 많은 모듈들을 전부 깃으로 관리하고, 깃허브에 저장한다고 예상해보자.
올리는데에도 엄청나게 많은 시간이 필요할것이고, 내려받는데에도 엄청나게 많은 시간이 들 것이다.
참으로 비효율적일 수 없다!!
그래서 .gitignore로 노드 모듈들은 깃으로 관리하지 않도록 해준다.
그럼 우리가 설치한 모듈들을 리액트에서 어떻게 인지할까??
package.json
그걸 바로 package.json을 통해 알 수 있다.
package.json의 dependencies를 살펴보면 우리가 어떤걸 설치하고 사용했는지 기록되어있다.
이 기록들을 통해 npm install을 실행시켰을 때 node에서 어떤 모듈들이 필요한지 살펴보고, 필요한 모듈들을 웹앱 패키지에 설치해주는것이다. 타다-
어떤 repo에서 리액트 앱을 클론, 혹은 다운로드 받고 npm start를 입력했을 때, 제대로 실행이 되지 않고 에러를 발생시키는 경우를 봤을 것이다.
높은 확률로 npm install을 하지 않았을 경우가 크다.
그래서 어떤 모듈을 설치할 때 npm install --save 라고 작성해야 package.json에 이 모듈을 설치했다는 기록을 남길 수 있다.
