Github Desktop에서 리액트 프로젝트 받아오기

깃허브 데스크탑으로 프로젝트 관리하기 강의 오픈!! (인프런 바로가기)

 

Git / GitHub 전체 링크

리액트 전체 링크

 

참고

- 리액트 프로젝트 추가하기 (new repository)

- gh-pages로 리액트 프로젝트 배포하기

- gh-pages로 배포된 프로젝트에 리액트 라우터 적용하기

- Hash Router로 gh-pages 배포하기

- 404 에러를 수정한 Browser Router로 gh-pages 배포하기

- Github Desktop에서 리액트 프로젝트 받아오기

 

깃헙 데스크탑에서 리액트 프로젝트를 가져와보자.

 

먼저 가져올 프로젝트에서 URL을 복사한다.

 

GitHub Desktop에서 Current repository 옆의 ▼를 누른다.

 

Add → Clone repository... 를 선택한다.

 

복사한 URL을 붙여놓고 Local Path를 설정한다. (빈 폴더는 미리 만들어둔다)

이때, 빈 폴더라도 Choose로 선택이 안된다면 수동으로 경로를 설정하면 된다.

 

Clone 버튼을 누르면 아래와 같이 복사된다.

 

 

이제 터미널에서 다운받은 리액트로 이동한 후, npm run start를 해본다.

아마 잘 되지 않을 것이다.

 

먼저 package.json에서 현재 실행 중인 port와 다르게 설정한다.

위의 경우 이미 같은 프로젝트가 3002번 포트에서 실행 중이므로, 복사한 프로젝트는 3005로 변경하였다.

 

그리고 npm install로 프로젝트 모듈을 모두 설치한다.

package.json에 관련 모듈에 대한 정보가 있으므로 자동으로 설치된다.

 

추가로 입력해야 할 명령어가 경고로 나온다면 따라서 입력해준다. (npm audit fix)

 

이제 npm run start를 실행해보자.

package.json에서 설정한 port대로 정상 실행되는 것을 볼 수 있다.