TIL - 16 : 리액트 라우팅 (React Routing)

15 Mar 2022 in Study Log on Today I learned

React

---

• 무엇이든지 공식문서를 잘 읽어보고 적용해야 함

• 라우팅이라는 것은 url 에 따른 다른 화면을 보여주는 것

• 따로 HTML을 가져오는 것이 아닌 컴포넌트 만들어 놓았던 것을 가져옴
  • 화면 리프레쉬 되지 않고 바로 불러옴
  • 실제로 불러온다기보다 기존 페이지를 숨겨주고 다른페이지를 갈아끼움 일종의 속임수
• <Routes></Rounter> 밖에 컴포넌트가 위치하면 항상 보여야 할 페이지
  • 안에 자식으로 있는 Route 태그가 바뀌는 페이지

• React-router-dom 을 이용한 라우팅 방법

• Link 태그와 a 태그의 차이

• import 시 {} 중괄 호 안에 있는 것들은 named export 하나하나 따로따로 import 할수 있는 것
  • Default export 의 차이 구분!
• Link 태그의 사용방법
  • <a> 태그는 언제 써야 하는지
• useNavigate Hook 의 사용 방법