리액트를 다루는 기술이라는 책을 구입한 뒤 코드를 하나 둘 따라 하면서 감을 익히고 있다. 원래 공부 못하는 사람들이 그러하듯, 공부 자체보다 공부 환경 준비에 많은 시간을 할애하곤 한다. 여러 컴퓨터에서 작업을 끊김 없이 할 수 있다면 좋겠다는 생각에 노트북으로 하던 작업을 집 데스크탑에서도 이어 하려고 시도했다.
시도 1: git pull로 코드 내려 받기.
visual studio code에서 F1키를 누른 후 git을 검색하면 깃 명령어들이 나열된다. 이미 깃허브에 프로젝트 폴더를 커밋해둔 상태라 바로 내려받아서 작업을 이어나갔다. 열심히 예제를 다 따라 친 뒤 결과 화면을 보기 위해
명령 창에 yarn start를 입력했더니
이런 화면이 나타나며 빌드가 되지 않았다.
시도 2: 책 예제대로 yarn create react-app hello-react 실행
hello-react라는 이름의 리액트 앱을 빌드하라는 말이다. 조금만 생각을 했더라면 이런 삽질은 하지 않았을 텐데...
역시나 내가 만들어 놓은 프로젝트를 리액트 앱으로 만들어 주는 것이 아니라, 완전 초기 모습의 리액트 앱을 빌드할 뿐이었다. 여기에 기존 소스 코드를 붙여 넣는다면 다시 원래 컴퓨터로 작업할 때 같은 짓을 또 해야 한다.
시도 3: 역시 갓 구글.
여러 번 검색 끝에 아래 블로그를 발견했다.
리액트 프로젝트 레파지토리 받아서 세팅하기
이미 리액트 빌드 되어진 저장소에서 프로젝트는 받아서 작업하여 빌드, 배포합니다. 1. 프로젝드받아서 실행하기 프로젝트의 깃주소로 저장소 프로젝트를 로컬에 clone 및 실행합니다. git clone ht
jaddong.tistory.com
결론: 세 줄 요약
애초에 pull로 내려받을 것이 아니었다.
1. clone으로 깃허브 래퍼지토리 복제
2. yarn명령어 입력
3. yarn start명령어 입력
이 세 단계면 끝.