작업 환경 설정

준비사항

1. NODE.JS 설치하기

   (https://nodejs.org/ko/)

2. 코드 에디터 설치하기

   (https://code.visualstudio.com/)

create-react-app설치

터미널에 npx create-react-app 폴더명 입력

npx란? npm패키지를 로컬에 글로벌로 설치하지 않고 일회성으로 실행할 수 있게 해주는 도구이다. npm 5.2.0 버전 이후부터 기본적으로 제공된다.

설치가 완료되면 npm run start로 시작!

react-router-dom설치

터미널에 react-router-dom —save

import React from 'react';
import {
  BrowserRouter,
  Routes,
  Route,
  Link
} from "react-router-dom";
import LoginPage from './LoginPage/LoginPage';
import RegisterPage from './RegisterPage/RegisterPage';

function App() {
  return (
    <BrowserRouter>
      <div>
        <Routes>
          <Route exact="/LoginPage" element={<LoginPage/>}/>
          <Route exact path="/RegisterPage" element={<RegisterPage/>}/>
        </Routes>
      </div>
    </BrowserRouter>
  );
}

export default App;

App.js에서 이런식으로 사용한다.

Redux

다운 받아야 할 Dependency

-redux

-react-redux

-redux-promis