node와 npm의 관계
node -v가 낮으면 npm이 안 돌아간다!
ex) 컴 사양이 낮으면 고사양 겜 안 깔리잖아
npm과 npx
npx 리액트 설치하는 것만 얘가 담당(무거워서 따로 뺌. 리액트 설치후 삭제됨)
npm 나머지는 다 얘가 한다 (노드 소스를 이용해 집행/삭제/설치)
1. node -v 노드 버젼 확인
2. pwd 내 현재 위치 확인
3. cd ~ 홈 디렉토리로 이동
4. (바탕화면)폴더생성 > 안에 폴더생성 > 패키지 설치
바탕화면 폴더 vscode에서 열고 작업
다시 vscode에서 myintoduce 폴더 열어, 거기 터미널에서 npm start
설치된 패키지 확인
-
node_modules (깃 절대 올리지마!!)
리액트를 구동시키는 플러그인 (이거 깃에 올리면 안됨! 무거움!) -
packagae.json
자바스크립트 명령, 제작환경(리액트 버전, 제이쿼리 등) 목록
이거 깃클론해서 npm 설치하면 리액트 제작환경 그대로 가져오는 것임
-
깃에 src 폴더 & package.json 올려
리액트는 미리보기(웹 링크) 없음, 깃/pdf/피그마로 미리보기 주고받는거임.
package.json 파일만 있으면 그 내부에 저장된 똑같은 환경을 세팅할 수 있음!
npm install 입력시 자동 다운 (git주소를 던짐. usb로 주고받는 거 아님!)
제이쿼리 설치
부트스트랩 설치
npm install react-bootstrap bootstrap
리액트6 정보는 2021년 이후 것으로
스와이퍼 설치
5. npm start
다시 vscode에서 myintoduce 폴더 열어, 거기 터미널에서 npm start
빠져나오기
+) 리액트에서 에밋 사용하는 법
