npm / npx 를 이용하여 리액트 설치하기 , 리액트 실행하기

 

 

npm/ npx

 

node.js 제공하는 외부라이브러리 빌드도구이다

 

 

둘의 차이는 ? 

npm 설치만해줌

npx 설치후 실행도 해줌

 

 

 

---

인텔리제이 터미널에

 

npx create-react-app reactapp  입력하여 설치한다

 

 

이렇게 오류날경우는 2가지이다

 

 

 

 

1. 기존 리액트 환경 존재해서 충돌일 경우 다시 삭제하는 명령어 

 

npm uninstall -g create-react-app

 

 

 

 

 

2. 그래도 충돌날경우 npx , npm을 업데이트 해준다

 

npx update

npm update

 

각 1번씩해준다

 

 

 

뭐라고 뜨면 y 눌러서 업데이트 진행해주고 

 

다시 리액트 설치한다

 

Happy hacking! 뜨면 설치 완료 

 

 

---

리액트 실행하는 방법

 

 

인텔리제이 터미널에서

생성한 폴더로 이동한뒤 npm start를 입력!

꼭 생성한 폴더로 이동을 해야한다!!!!!!

 

 

 

 

이렇게 뜨면 리액트 서버 실행된