[React] 윈도우에 리액트(React.js) 설치

reactjs 의 공식 문서를 참고하여 설치
설치 - React
A JavaScript library for building user interfaces
reactjs-kr.firebaseapp.com
react 설치에 필요한 npm을 사용하기 위해선 node.js 설치가 선행이 되어야한다.
아래 링크에서 os에 맞는 버전을 다운받는다.
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
node.js를 설치하면 npm이 자동으로 설치가 된다.
Create React App을 사용하면 최신 자바스크립트 기능을 사용할 수 있게 개발 환경을 세팅해준다.
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
만약 npm 5.2.0+를 설치했다면, npx를 사용할 수 있다.
npx create-react-app my-app
cd my-app
npm start
npm start 명령어를 실행하면 리액트 웹앱이 실행된다.

'👩💻 Develope > Web' 카테고리의 다른 글
[Django/React] 장고와 리액트 연동 (2) (0) | 2023.10.12 |
---|---|
[Django/React] 장고와 리액트 연동 (1) (0) | 2023.10.11 |
[HTML/CSS] HTML/CSS 시작하기 (0) | 2023.10.03 |
[API] REST API (0) | 2023.09.27 |
[Webhook] 웹훅 (Webhook) 이란? (0) | 2023.06.29 |
[React] 윈도우에 리액트(React.js) 설치

reactjs 의 공식 문서를 참고하여 설치
설치 - React
A JavaScript library for building user interfaces
reactjs-kr.firebaseapp.com
react 설치에 필요한 npm을 사용하기 위해선 node.js 설치가 선행이 되어야한다.
아래 링크에서 os에 맞는 버전을 다운받는다.
다운로드 | Node.js
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
nodejs.org
node.js를 설치하면 npm이 자동으로 설치가 된다.
Create React App을 사용하면 최신 자바스크립트 기능을 사용할 수 있게 개발 환경을 세팅해준다.
npm install -g create-react-app
create-react-app my-app
cd my-app
npm start
만약 npm 5.2.0+를 설치했다면, npx를 사용할 수 있다.
npx create-react-app my-app
cd my-app
npm start
npm start 명령어를 실행하면 리액트 웹앱이 실행된다.

'👩💻 Develope > Web' 카테고리의 다른 글
[Django/React] 장고와 리액트 연동 (2) (0) | 2023.10.12 |
---|---|
[Django/React] 장고와 리액트 연동 (1) (0) | 2023.10.11 |
[HTML/CSS] HTML/CSS 시작하기 (0) | 2023.10.03 |
[API] REST API (0) | 2023.09.27 |
[Webhook] 웹훅 (Webhook) 이란? (0) | 2023.06.29 |