React 프로젝트 시작하기

오랜만에 React 프로젝트를 만들려고 하면 매번 까먹다보니 정리를 해본다.

기본적으로 간단한 React 프로젝트의 경우, 개인적으로 UI는 reactstrap으로, 라우팅은 react-router-dom으로, 비동기 통신은 axios를 사용하고 있다.

이정도면 간단하게 RESTful API와 연동되는 관리자 페이지 정도는 뚝딱뚝딱 만들어냏수 있기 때문이다.

 

1. Node.js 설치

 

2. React 프로젝트 만들기

npx create-react-app my-app
cd my-app
npm start

ko.reactjs.org/docs/create-a-new-react-app.html

새로운 React 앱 만들기 – React

3. Reactstrap 설치

npm install --save bootstrap
npm install --save reactstrap react react-dom

reactstrap.github.io/

reactstrap - React Bootstrap 4 components

4. React router dom 설치

npm install react-router-dom

reactrouter.com/web/guides/quick-start

React Router: Declarative Routing for React

5. axios 설치

npm install axios

github.com/axios/axios

axios/axios