200409목 1. Create React App으로 리엑트 프로젝트 시작하기

오늘의 깅쥰. 야심차게 node.js 스터디 1주차 강의를 들으려고 노트북을 켰다. 나동빈씨 영상으로 공부하기로 해서 1강을 천천히 따라가고 있었다. 하지만 그녀는 곧 곤경에 처하는데..

---

React Project 시작하기

1. Node.js 를 설치한다.

   • C드라이브에 React Project Tutorial 폴더를 미리 만든다.

2. cmd창을 연다.

   • node -v로 node.js 프로그램 버전을 확인한다.

3. cd C:\React Project Tutorial

   • 만들어놓은 React Project Tutorial 폴더로 이동하는 명령

4. npm install -g create-react-app

   • create-react-app 프로그램을 설치하는 명령
   • -g 옵션을 사용하면 다른 프로젝트에서도 cra 프로그램을 사용가능하다. 글로벌 패키지 형태로 설치하는 것임

5. create-react-app management

   • management라는 이름으로 하나의 프로젝트를 생성하는 명령
   • management 폴더 안의 node-module, react자체 모듈 : 이 모듈들이 있어야 정상적으로 웹 프론트엔드를 만들 수 있다고 한다.
   • package JSON 파일도 자동으로 만들어진다.
   • 이런 문구가 뜨면 잘 된거당. 해피 해킹!!!
     

6. cd management

7. yarn start (또는 npm install -g yarn 실행 후 yarn start)
   yarn 프로그램이 설치가 되어있지 않으면 이런 문구가 뜬다.
   ❌ 'yarn'은 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.
   그러면 npm install 명령어를 사용하여 -g 옵션으로(글로벌) yarn을 설치해준 후 start 하면 된다.

이렇게 하면 기본 브라우저로 react app에 자동으로 접속된다.
가장 초기 환경의 react app 만들기 끝!
작업을 끝내려면 cmd 창에서 ctrl+C

---

겪은 어려움

7번에서 엄청 삽질을 했다. 해결 방법이 영상 뒤에 다 나와있는데 앞에서 막혔다고 구글링을 엄청 하면서 시간을 보냈다.. 아주 간단한 것이었다. 바로 yarn을 설치했으면 되었던 것.... 멀고도 험난한 컴퓨터과학이다.. 홧팅

1강 끝