# react router
React-Router
React 프로젝트를 하면서 라우팅 처리를 위해 React-Router를 사용한 내용을 정리해봤다.먼저 라우팅(Routing)에 대해 알고가자면 라우팅(Routing)은 주소에 따라 다른 화면을 보여주는 과정, 즉 사용자가 요청한 URL에 맞는 페이지를 보여주는 것이라
React Router
routing이란 클라이언트에서 url을 요청했을때 서버에서 요청된 url에 해당하는 데이터를 클라이언트로 전달해주는 행위다.일반적으로는 새로운 html파일을 받아 업데이트 한다. (페이지의 새로고침)CSR에서는 url을 요청했을때 데이터를 받아와 업데이트는 되지만 페
[React] React SPA와 React Router
이번 시간에는 SPA(Single Page Application)의 등장 배경과 개념, 그리고 장단점에 대해 알아보자.전통적인 웹사이트는 사용자가 다른 페이지로 이동할 때마다, 브라우저가 새로운 HTML 파일을 불러와서 페이지 전체를 로딩해야 했다.이러한 방식은 중복되
리액트 SPA(Single-Page Application)
전통적인 웹사이트는 사용자가 다른 페이지로 이동하면 브라우저가 페이지를 보여주기 위해 매번 HTML파일로 된 "페이지 전체"를 불러와 렌더링을 했다. 하지만 웹사이트가 복잡해지고 애플리케이션의 형태를 가지게 되면서, 사용자와 서비스 사이에 더욱 많은 상호작용이 일어나게
React-Router 관련 문제해결
react 실행 시 '/'가 아닌 다른 경로에서 초기화면이 나타나도록 하고 싶었음react-router-dom 라이브러리에 내장되어 있는 Navigate 요소에 replace 요소를 사용해 해결... 기타 학습 및 프로젝트 활동을 하며 발생한 문제,원인,해결 등을 지속
Pathless Routes
자식 route에 동일한 오류 페이지를 보여주도록 하는 간편한 방법인 pathless routes에 대해 알아보자.
GET Submissions with Client Side Routing
client side routing에서의 get submission을 통해 사이드 목록을 필터링해보자.