react github 이용 시 알아야 할 부분.

 

 

react 는 기본적으로 visual code에 있는 JavaScript 에서 이용할 때

 

yarn 이나 npm 을 받아야 하는데

 

github에 2mb 짜리 코드를 올리려고 이러한 패키지 60mb 를 한번에 올리는것은

 

매우 비효율적이기 때문에 대부분 코드를 공유할때 패키지를 공유 하지 않고

 

github에 이용할 코드들만 보통 공유할 겁니다.

 

 

이때 해당 코드들을 받았을때 당연히 yarn start 등을 통해 작동해보면 작동이 안됩니다.

해당 오류가 나온다.

 

해당 코드 파일에서 터미널에 들어가 yarn install 을 해준다.

yarn install

 

이때 한가지 의문점이 생길 수 있다.

 

올려둔 코드들이 작성했을때 받았을

 

style component 파일이나 라이터 돔, axios 같은 파일들은 따로 다시 받아야 할까?

 

답은 아닙니다.

 

보통 코드들을 올려둘 때 내부에 있는 package.json 폴더를 함께 올려둡니다.

이 파일 내부를 살펴보면.

기존에 이 파일을 이용했을때 여러 파일들의 버전이 나와있는데

 

이 기록된 값들을 기준으로 우리가 yarn install 을 누르는 순간

 

한번에 해당 버전에 맞는 파일들이 한번에 다운받아진다.

 

그래서 마찬가지로 react 코드를 공유 할 때

 

패키지는 안올리고 공유에 필요한 코드만 올리는 건 당연하겠지만 그 외에도 !

 

package.json 파일을 함께 올려주어야 공유하는 사람이 버전 맞추는게 훨씬 수월하다.