# react router

89개의 포스트
post-thumbnail

5/11 TIL

이번 스터디 주제는 react router 이다.프로젝트를 설계하던 중 탭 이동에 따른 다른 화면이 보여줘야 하는 부분이있어서, 리액트 라우터에 대해서 공부를 해봤다. 리액트에서는 페이지 이동 역할을 하는 a태그를 쓰지 않는다.대신 react router를 사용한다.r

2022년 5월 11일
·
0개의 댓글

T.I.L React SPA, React router

SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말한다.장점전체 페이지가 아니라 필요한 부분의 데이터만

2022년 5월 11일
·
0개의 댓글
post-thumbnail

React Router&SASS(TIL)

1. SPA SPA (Single Page Application) - 페이지가 한 개인 애플리케이션 Westagram-frontend : login.html, main.html - 페이지 수만큼 html 파일이 존재 리액트 프로젝트에서 .html 파일의 개수는? 1개

2022년 5월 10일
·
0개의 댓글

React-router vs Next-router

Next.js와 React에서 차이를 유일하게 크게 보이는 곳이 Router부분이다. 라우팅을 할 때 Next에서는 상대적으로 쉽게하는 반면 React는 상대적으로 경로 및 컴포넌트 설정에 있어서 복잡하다.React-routerreact-router에 경우 주소창의 주

2022년 5월 7일
·
0개의 댓글
post-thumbnail

react-router v6 useLocation ts2558 오류

왜 오류가 발생하지?

2022년 4월 25일
·
2개의 댓글
post-thumbnail

[번역] Remixing React Router

원문 : https://remix.run/blog/remixing-react-routerReact Router의 첫 번째 버전에는 실제로 willTransitionTo라는 데이터 로드를 지원하기 위한 비동기 훅이 있었습니다. 그 당시에는 React를 어떻게 사

2022년 4월 10일
·
0개의 댓글
post-thumbnail

[React]리액트 라우터 URL 매개변수 읽기

router 매개변수를 axios url로 전달해보자!

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

📚 react router additional Hook & Component

이전 포스팅에서 react router에서 주로 사용되는 컴포넌트 및 기술들을 알아보았다.주로 사용하는 것뿐만 아니라 react router로 여러 가지 기능을 구현할 때 필요한 훅이나 컴포넌트들이 있다.본 포스팅에서는 부가적인 훅과 컴포넌트에 대해 알아보겠다.

2022년 2월 18일
·
0개의 댓글
post-thumbnail

React Router

SPA는 하나의 페이지를 가지고 있지만 사실 한 종류의 화면만 사용하지 않는다.예를 들어 Twittler 와 같은 SPA 를 만들 때, 메인 트윗 모음 페이지, 알림 페이지, 마이 트윗 페이지 등의 화면이 필요할 수 있다.이 화면에 따라 "주소"도 달라질 것인데, 이렇

2022년 2월 17일
·
0개의 댓글

📜 authentication 회고록

회고록같은 것을 써보겠다고 생각이 든적이 없지만 처음으로 한번 써보고자한다.이유는 어떠한 한 문제에 대해서 깊이 생각하며 해결하려했던 과정들을 기록해두고싶어서이다.(얼핏보면 별 것이 아닌 문제이지만 하루를 거의 다 바쳐썼음)문제가 발생했던 상황은 다음과 같았다.reac

2022년 2월 16일
·
0개의 댓글
post-thumbnail

Routing

Routing의 필요성과 동작원리, react-router-dom v6의 사용 방법

2022년 2월 15일
·
0개의 댓글
post-thumbnail

React Router v6 tutorial 2탄

react router의 여러가지 기능들에 대해 알아보자!

2022년 2월 14일
·
0개의 댓글
post-thumbnail

[React] React Router

React Router를 사용해보기 전, 간단하게 사용방법을 익히고 시작하고자 작성하게되었으며, React v18과 react-router v6를 기준으로 작성하였다. 내용은 기본적으로 공식문서를 참고하였고 추가적인 이해를 위해 다양한 글을 참고하여 정리하였다. 참고자

2022년 2월 13일
·
0개의 댓글
post-thumbnail

spa를 만들기 위한 필수 재료: react-router

리액트스럽게 라우팅할 수 있는 방법이 있다. 바로 third-party를 이용하는 것인데 그중에 가장 유명한 react-router에 대해 간략 소개를 하겠다. 얼마전에 v6를 공개하였는데 v5에 비해서 바뀐 문법이 꽤나 많다.nike shoes를 소개하는 홈피를 만들

2022년 2월 12일
·
0개의 댓글
post-thumbnail

React Router v6 Tutorial 1탄

react-router의 여러 기능들에 대해서 알아보자!

2022년 2월 11일
·
0개의 댓글
post-thumbnail

🕎 react router

주소에 따라 그에 맞는 컴포넌트를 로딩시간을 단축하여 보여줄 수 있는 리액트 라우팅 라이브러리이다.라우팅 : 다른 주소에 다른 화면을 보여 주는 것기존에는 HTML문서나 템플릿 엔진을 사용하여 경로에 맞는 문서를 할당해주었다. 새로운 경로에 들어갈 때마다 서버에서 HT

2022년 2월 11일
·
0개의 댓글

라우팅의 차이

useNavigate() vs window.location.href

2022년 2월 11일
·
0개의 댓글
post-thumbnail

React Router

React Router에 대해서 알아보자.

2022년 2월 11일
·
0개의 댓글
post-thumbnail

React로 블로그 만들기 (1) - Router로 페이지 추가하기

React로 블로그를 만들고 있습니다. Router로 페이지를 만들어 보았습니다.

2022년 2월 10일
·
0개의 댓글