react-router-dom2 [React] react-router-dom, loadable, history 를 이용한 페이지 이동 - 떽떽대는 개발공부 오늘은 react-typescript 에서 react-router-dom, loadable, history 를 이용하여 페이지 이동을 구현해보자. 먼저 필요한 모듈을 설치한다. npm i -D @types/loadable__component @types/react-router-dom history npm i @loadable/component react-router-dom 페이지 관리를 위하여 historyUtils.ts 파일을 작성한다. src/utils/historyUtils.ts import { createBrowserHistory } from 'history' export enum HISTORY_ACTION_TYPE { POP = 'POP', PUSH = 'PUSH', REPLACE = 'REPL.. 2021. 4. 2. [React] react-router-dom, redux 를 이용한 페이지 이동 - 떽떽대는 개발공부 오늘은 그동안 공부했던 것을 바탕으로 react-router-dom 과 redux 를 이용한 페이지 구현하는 부분을 포스팅 해보겠다. 원레는 게시판을 만들어보려고 했는데 오늘은 이 부분 구현하는 데 시간을 많이 소요했다.ㅎ.ㅎ 위와 같이 Write 버튼 클릭 시 글 작성 페이지로 이동되며, footer 부분의 버튼 중 Write 버튼이 사라지게 되는 부분이다. 먼저 디렉토리는 아래와 같다. 먼저, redux 를 사용하기 위해 index.js 에서 store 를 생성하고, Provider 로 App.js 를 감싸준다. src/index.js import React from 'react'; import ReactDOM from 'react-dom'; import { Provider } from 'react-.. 2021. 1. 24. 이전 1 다음
