FrontEnd/react

[react] 리액트 설치

살찐만두 2022. 12. 27. 11:04
728x90
반응형

먼저 node.js 를 설치해준다. 

https://nodejs.org/en/

 

Node.js

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.

nodejs.org

 

다운과 설치가 끝났다면 터미널을 켜서 node -v 와 npm -v 명령어를 날려보자

날렸을 때 버전이 나온다면 성공

 

리액트를 설치하는데에는 두 가지 방법이 있는데 npm을 통해 설치하는 방법으로 해보자.

npm install create-react-app 명령어를 날려주면

다운로드가 되거나 에러가 나거나인데, 

에러가 난다면 앞에 sudo를 붙여주고 다시 시도해보자.

 

다운로드가 되었다면 

create-react-app -V

로 버전을 확인하며 설치가 잘 되었는지 확인해준다.

 

리액트에서는 npx로 설치하라고 권고하는데 이유는 npm과 다르게 한번 설치하고 다시 삭제하기 때문에 

컴퓨터의 용량을 지킬 수 있고, 매번 설치를 해줘야하기 때문에 항상 최신화가 되어있다는 장점이 있다. 

 

728x90
반응형

'FrontEnd > react' 카테고리의 다른 글

[react] shouldComponentUpdate  (0) 2023.02.02
[react] 이벤트에서 state 변경하기  (3) 2022.12.29
[react] State  (4) 2022.12.28
[react] Props 기초  (6) 2022.12.27
[react] 컴포넌트 만들기  (4) 2022.12.27