https://velog.io/@bigbrothershin/React-Router
Route
: 특정 주소에 컴포넌트를 연결시킵니다.
주소에 따라서 다른 컴포넌트를 보여주도록 합니다.
Link
: Link 컴포넌트를 클릭하면 다른 주소로 이동시키게 합니다.
* react에서는 <a href> 를 사용하면 안됩니다.
왜냐하면, a태그는 페이지를 이동시키면서, 페이지를 아예 새로 불러오므로 SPA가 안됩니다.
새로 페이지가 렌더링 되면서, state 등의 요소들이 모두 초기화되기 때문입니다.
Link는 HTML5 history api를 사용해서 브라우저의 주소만 바꾸고, 페이지를 새로 불러오지는 않습니다.
'개발 > Web Programming' 카테고리의 다른 글
| 'React' must be in scope when using JSX react/react-in-jsx-scope (0) | 2020.08.31 |
|---|---|
| React useState에 관하여 (0) | 2020.08.30 |
| React Router에 관하여 (0) | 2020.08.30 |
| React.StrictMode란? (0) | 2020.08.30 |
| 클론 코딩을 통해 웹개발 공부를 하며 느낀점. (0) | 2020.08.29 |
