# react router

184개의 포스트
post-thumbnail

React-Router

React 프로젝트를 하면서 라우팅 처리를 위해 React-Router를 사용한 내용을 정리해봤다.먼저 라우팅(Routing)에 대해 알고가자면 라우팅(Routing)은 주소에 따라 다른 화면을 보여주는 과정, 즉 사용자가 요청한 URL에 맞는 페이지를 보여주는 것이라

5일 전
·
0개의 댓글
·
post-thumbnail

React Router

routing이란 클라이언트에서 url을 요청했을때 서버에서 요청된 url에 해당하는 데이터를 클라이언트로 전달해주는 행위다.일반적으로는 새로운 html파일을 받아 업데이트 한다. (페이지의 새로고침)CSR에서는 url을 요청했을때 데이터를 받아와 업데이트는 되지만 페

5일 전
·
0개의 댓글
·
post-thumbnail

포트폴리오 웹

취업 서류에 제출할 포트폴리오 앱이다.

6일 전
·
0개의 댓글
·
post-thumbnail

[React] 리액트 라우팅 - 벨로그 라우팅 클론

라우팅 재밌다 !!

2023년 3월 24일
·
0개의 댓글
·
post-thumbnail

[React] React SPA와 React Router

이번 시간에는 SPA(Single Page Application)의 등장 배경과 개념, 그리고 장단점에 대해 알아보자.전통적인 웹사이트는 사용자가 다른 페이지로 이동할 때마다, 브라우저가 새로운 HTML 파일을 불러와서 페이지 전체를 로딩해야 했다.이러한 방식은 중복되

2023년 3월 23일
·
0개의 댓글
·
post-thumbnail

리액트 SPA(Single-Page Application)

전통적인 웹사이트는 사용자가 다른 페이지로 이동하면 브라우저가 페이지를 보여주기 위해 매번 HTML파일로 된 "페이지 전체"를 불러와 렌더링을 했다. 하지만 웹사이트가 복잡해지고 애플리케이션의 형태를 가지게 되면서, 사용자와 서비스 사이에 더욱 많은 상호작용이 일어나게

2023년 3월 23일
·
0개의 댓글
·

React-Router 관련 문제해결

react 실행 시 '/'가 아닌 다른 경로에서 초기화면이 나타나도록 하고 싶었음react-router-dom 라이브러리에 내장되어 있는 Navigate 요소에 replace 요소를 사용해 해결... 기타 학습 및 프로젝트 활동을 하며 발생한 문제,원인,해결 등을 지속

2023년 3월 22일
·
0개의 댓글
·

JSX Routes

JSX로 Routes를 구성하는 방법에 대해 알아보자.

2023년 3월 21일
·
0개의 댓글
·

Pathless Routes

자식 route에 동일한 오류 페이지를 보여주도록 하는 간편한 방법인 pathless routes에 대해 알아보자.

2023년 3월 21일
·
0개의 댓글
·

Not Found Data

예상가능한 오류에 대한 오류페이지를 수정해보자.

2023년 3월 21일
·
0개의 댓글
·

Optimistic UI

Optimistic UI가 무엇인지 알아보고 적용해보자.

2023년 3월 21일
·
0개의 댓글
·

Mutations Without Navigation

fatcher를 사용해서 navigation 없이 데이터를 변경해보자.

2023년 3월 21일
·
0개의 댓글
·

Managing the History Stack

히스토리 스텍이 쌓이는걸 방지해보자.

2023년 3월 21일
·
0개의 댓글
·

Adding Search Spinner

useNavegation 을 통해서 시간 지연에 대한 즉각적인 피드백을 제공해보자.

2023년 3월 21일
·
0개의 댓글
·

Submitting Forms `onChange`

자동으로 submit하는 방법에 대해 알아보자.

2023년 3월 21일
·
0개의 댓글
·

Synchronizing URLs to Form State

input의 value와 데이터를 동기화해보자.

2023년 3월 21일
·
0개의 댓글
·

GET Submissions with Client Side Routing

client side routing에서의 get submission을 통해 사이드 목록을 필터링해보자.

2023년 3월 21일
·
0개의 댓글
·

URL Search Params and GET Submissions

URLSearchParams가 어떻게 만들어지는지 알아보자.

2023년 3월 21일
·
0개의 댓글
·

Cancel Button

useNavigate를 이용한 뒤로가기 기능에 대해 알아보자.

2023년 3월 21일
·
0개의 댓글
·

Index Routes

Index Routes에 대해 알아보자.

2023년 3월 21일
·
0개의 댓글
·