❏ react - 내가 볼려고 만든 각 종 터미널 npm 명령어 (수정 및 정리 중...)

ctrl + f 를 사용하면 더 쉽게 찾을 수 있습니다!

˙ᵕ˙

---

1. 리액트 앱 기본 세팅  (폴더 및 파일 생성)

npm init react-app /*폴더명*/

👉 /*폴더명*/으로 폴더 만들어주고 기본 세팅 해줌.

 

 

2. 리액트 앱 화면 보기

npm start

👉 바로반영되는 미리 보기 화면 보여줌

 

3. 리액트 확장 프로그램 설치

npm install /*프로그램 이름 @ 버전*/

ex) npm install react-router-dom@6

 

👉 리액트 앱 확장프로그램 설치해 줌 버전도 선택가능함. 설치 후 package-lock.json 확인

package-lock.json 가서 확인하기!!

3. 배포를 위한 빌드

npm run bulid

👉 배포를 위한 빌드 폴더를 만들어주고 주소를 알려줌.

 

상단에 bulid라는 폴더 생성됨.(여긴없음)

✏ 오류 안내

 

👉  어디가 오류 났는지도 친절하게 알려줌.

23.02.20

---

4. 파일 경로 수정

 

cd /*폴더명*/

👉 파일 경로를 이동해 줌.  (안하면 막 빨간 글씨 장난 아님... 무섭...)

23.02.21

---

5. 일괄 작업 종료 ctrl + c

 

👉실행 중인 작업물을 종료해줌.

 

23.03.22