Tag: Router

2020
0
DevelopReact

useReactRouter Hook [5]

React Router with Velopert - 05 - useReactRouter Hook RouterHookSample.js Profiles.js Chap 4. useReactRouter Hook useReactRouter HookwithRouter로 라우트를 사용하지 않은 컴포넌트에서도 match, location, history등

0
DevelopReact

라우터 부가기능 [4]

React Router with Velopert - 04 - history 객체 src/HistorySample.js src/App.js withRouter HoC src/WithRouterSample.js src/Profiles.jsx Switch src/App.js NavLink src/Profiles.js 기타 Chap 4.

0
DevelopReact

서브 라우트 [3]

React Router with Velopert - 03 - 서브 라우트 만들어보기 src/Profiles.jsx src/App.js src/Profile.jsx Chap 3. 서브라우트 라우트 내부에 라우트를 만드는 것. 컴포넌트를 만들고 Route 컴포넌트를 렌더링하면 된다. 서브 라우트 만들어보기src/Profiles.jsx 12345

0
DevelopReact

파라미터와 쿼리 [2]

React Router with Velopert - 02 - 파라미터와 쿼리 URL Parameter Parameter 받아오기 Query QueryString 받아오기 Chap 2. 파라미터와 쿼리 파라미터와 쿼리Parameter : /profiles/:username 파라미터는 match 객체의 params 를 사용한다. 1const

0
DevelopReact

SPA 와 react-router [1]

React Router with Velopert - 01 - SPA SPA 란? non-SPA SPA 장점 SPA 단점 주로 사용되는 리액트 라우터 라이브러리 리액트 라우터 react-router next 리액트 라우터 react-router BrowserRouter HashRouter MemoryRouter StaticRouter Route L