React Router
[React] 리액트 라우터 React Router v6 바뀐점 톺아보기
[React] 리액트 라우터 React Router v6 바뀐점 톺아보기
2024.04.30React Router가 v6으로 업데이트 되면서 꽤 많은 부분이 바뀌었다. 공식 문서에선 상세한 마이그레이션 가이드도 제공하고 있다. v6을 사용하려면 React 16.8 버전 이상 사용해야 한다. v6은 이전 버전 대비 번들 사이즈도 70% 이상 줄었다고 한다(패키지 업데이트만으로 번들 크기 최적화가 가능하다는 뜻). Switch → Routes 컴포넌트가 라는 이름으로 변경됐다. 바뀐 이름이 더 직관적인 것 같다. 만 단독으로 사용할 수도 없게 됐다. 를 사용하려면 항상 로 감싸줘야 한다.// v5 // v6 exact 옵션 삭제v6부터 경로가 정확히 일치하도록 매칭 규칙이 바꼈다. 더이상 exact 옵션을 명시하지 않아도 된다. 모든 라우트는 기본적으로 exact 옵션이 붙는다고 보면 된다...
[JS] location 객체의 href/assign, replace 차이점
[JS] location 객체의 href/assign, replace 차이점
2024.04.24차이점 요약window.location.assign(및 href) : 정보를 전송하지 않고 페이지만 이동 / 뒤로 가기 가능window.location.replace : 정보를 전송하지 않고 페이지만 교체 / 뒤로 가기 불가window.location.reload : 현재 페이지의 문서 다시 로드 window.location.assign (href)뒤로 가기 버튼을 눌러 이전 페이지로 이동할 수 있다주소 히스토리에 기록된다뒤로 가기 : location.assign 메서드를 호출한 페이지로 이동용도 : URL을 이동하는 대부분의 경우에 사용location.href``location.assign 이 둘은 사용법만 다를 뿐 기능은 동일하다 window.location.href = "url"; // locati..