[리액트 개념 ] 리액트 설치방법

2021. 4. 7. 23:17 JavaScript FrontEnd/React, Next.js
1. Node.js 설치
2. Node.js, npm 버전 확인
3. react 설치
4. 특정 폴더에 react 설치
5. npm start로 리액트 서버 실행
Node.js 홈페이지로 가서 설치

https://nodejs.org/ko/

 

정상 설치되었다면 아래와 같이 cmd에서 위와 같은 명령어로 현재 버전 확인
npm -v
node -v

react를 사용할 수 있게, react 전역 설치
install -g create-react-app

리액트를 사용할 폴더에 리액트 설치
create-react-app .

참고로 다음과 같이 create-react-app 이후에 <폴더명도 입력을 해줘야 한다>

설치가 완료되면 아래와 같이 Happy hacking!이란 메시지가 나온다.

npm start

스타트를 하면 다음과 같이 localhost:3000에서 리액트 프론트 페이지를 확인할 수 있다.

 

출처 : namubada.net/380?category=808183