[리액트 개념 ] 리액트 설치방법
1. Node.js 설치
2. Node.js, npm 버전 확인
3. react 설치
4. 특정 폴더에 react 설치
5. npm start로 리액트 서버 실행
Node.js 홈페이지로 가서 설치
정상 설치되었다면 아래와 같이 cmd에서 위와 같은 명령어로 현재 버전 확인
npm -v
node -v
react를 사용할 수 있게, react 전역 설치
install -g create-react-app
리액트를 사용할 폴더에 리액트 설치
create-react-app .
참고로 다음과 같이 create-react-app 이후에 <폴더명도 입력을 해줘야 한다>
설치가 완료되면 아래와 같이 Happy hacking!이란 메시지가 나온다.
npm start
스타트를 하면 다음과 같이 localhost:3000에서 리액트 프론트 페이지를 확인할 수 있다.
'JavaScript FrontEnd > React, Next.js' 카테고리의 다른 글
[React] 리액트 - 함수형 컴포넌트 (Functional Component) (0) | 2021.12.13 |
---|---|
[React] 리액트 - 데이터가 변경하는 리액트 앱 만들기 예제 (0) | 2021.12.13 |
[React] 리액트 - 배열 내장 함수 map을 통한 Component 반복 (0) | 2021.12.13 |
[React] 리액트 - 이벤트 처리하기 (0) | 2021.12.13 |
[React] 리액트 - state 사용하기 (0) | 2021.12.13 |
[React] 리액트 - props 사용하기 (0) | 2021.12.13 |
[REACT] 리액트 - 리액트의 주요 특징 (0) | 2021.12.13 |
[React] 리액트 - 컴포넌트 (Component) 생성하기 (0) | 2021.12.13 |