[React] - 16) package.json을 이용하여 패키지 정보 옮기기

안녕하세요, 리액트 포스팅이 많이 늦었습니다 ㅠ ㅠ

 

그동안 토익공부니 스터디니 이것저것 일이 많이 겹치는 동안에 리액트에 시간을 쓸 겨를이 없었습니다..(네다핑)

 

이제 리액트에서 매우매우 기초라고 될 부분은 라우팅 이전까지 모두 끝냈으니, props와 state 관리를 통하여 아주 간단한 웹 페이지 하나쯤

 

만드는 것은 가능할 것입니다. 물론 거기에 reactstrap 같은 라이브러리를 사용해준다면 금상첨화겠죠 !

 

그런 뜻에서 이번 포스팅에서는 프로젝트의 패키지 정보를 다른 패키지로 옮기는 방법에 대해 알아보겠습니다 !

 

 

create-react-app으로 리액트를 설치하면 자동으로 경로에 package.json이 생성됩니다.

 

 

이 파일에 프로젝트의 패키지 정보가 저장됩니다.

 

이건 이전 포스팅에 사용했던 reactstrap 프로젝트인데요. 한번 내용을 볼까요 ?

 

 

dependencies에 reactstrap과 bootstrap이 설치되어있고, 버전 정보가 함께 나와 있군요.

 

이제 이 패키지들을 옮겨봅시다.

 

 

create-react-app으로 새로운 프로젝트를 만들고, package.json을 확인해봅시다.

 

reactstrap이 빠져있죠 ?

 

이제 이전 프로젝트에서 package.json의 내용을 가져와서 덮어씌워 줍시다.

 

그리고 터미널에다가 다음과 같이 입력해 봅시다.

$ npm install

 

그러면 dependencies를 참조 후 자동으로 검사하여  받아야 할 패키지를 다운받고, 사용할 수 있게 됩니다!

 

package.json을 한번 더 확인해보세요! 잘 옮겨졌나요 ?