[노마드코더] React JS로 영화 웹 서비스 만들기 #1

초기 설정

• node JS 설치하기
• npm 설치하기 (node JS 설치 시 자동으로 설치됨)
• npx 설치하기
• VSC 필요 (코드 에디터)
• git 설치하기 (git-scm.com 에서 다운로드)

사전 지식

• HTML, CSS, 바닐라 JS
• node JS도 살짝 알면 좋음. package.json 정도. 몰라도 ㄱㅊ

React 시작하기

• (터미널에 입력) cd Documents
• (터미널에 입력) npx create-react-app movie_app_2020 (회색부분은 생성할 폴더 이름)
• VSC에서 폴더 열기 > 터미널 창 (단축키 ctrl + J) 에 npm start 입력

GitHub에 추가하기

• + 버튼 눌러 새 터미널 추가해서 git init 입력
• github에 새로운 repository 생성. 폴더 명과 같은 이름으로 만드는 것을 추천
• VSC 터미널에 git remote origin (repository 링크) 입력

여기까지 했는데 잘 안 됐다... origin이 없다(?)고 나옴

 

홍선생이 추천하는 방법

• 일단 GitHub에 repo를 생성
• 터미널에서 해당 repo를 클론해온다.
• 그러면 로컬에 repo 이름과 동일한 깡통 폴더가 생성됨! (이 폴더 안에 .git이 있음)
• 그 폴더에서 npx cra AAA(폴더이름) 하면 repo 이름 폴더 안에 AAA라는 새로운 폴더가 생김
• repo 폴더에서 git add . 하면 끝 !
• 니꼬랑 같은 환경을 만들고 싶으면, AAA 폴더 안의 모든 내용을 repo 폴더로 꺼내고 빈 폴더가 된 AAA를 삭제하면 됨