react router 2

TIL 74일차_React Router : withRouter

What is withRouter ? withRouter는 Router가 아닌 컴포넌트에 Router 특성을 부여한다. Router는 location, match, history를 사용한다. location location 객체에는 현재 페이지의 정보가 들어간다. pathname: 현재 페이지의 경로명 search: 현재 페이지의 query String hash: 현재 페이지의 Hasy match 와 URL이 매칭한 정보가 담겨있다. path : 라우터에 정의된 path url : 실제 클라이언트로 부터 요청된 url path isExact : true일 경우 전체 경로가 완전히 매칭될 경우에만 요청을 실행 params : url path로 전달된 파라미터 객체 history 브라우저의 history와 ..

TIL 73일차_React Router

Why React Router? 리액트로 라우팅을 구현하는 방법이 무엇이 있을까? 가장 쉽게 떠올릴 수 있는 방법은, 이벤트에 따라 상태를 달리주고 새로 렌더시키는 것이다. 그러나 이렇게하면 사용자입장에서 다음과 같은 문제가 발생하게된다. 특정 페이지에 대한 즐겨찾기 등록이 불가능하다. 컴포넌트가 전환되더라도 브라우저 주소창의 URL은 고정되어 있기 때문이다. 뒤로 가기 버튼을 누르면 해당 앱내에서 이전 페이지로 이동하는 것이 아니라 그 전에 서핑하던 다른 웹사이트로 이동해버린다. 새로 고침 버튼을 누르면 사용 중이던 컴포넌트가 아닌 무조건 최초에 렌더링되었던 Home 컴포넌트로 이동한다. 또한 SEO(검색 엔진 최적화) 측면에서도 일반 웹사이트들과 차이가 있어서 검색 엔진에 의해 원치않는 방식으로 색인..