# react router
5/11 TIL
이번 스터디 주제는 react router 이다.프로젝트를 설계하던 중 탭 이동에 따른 다른 화면이 보여줘야 하는 부분이있어서, 리액트 라우터에 대해서 공부를 해봤다. 리액트에서는 페이지 이동 역할을 하는 a태그를 쓰지 않는다.대신 react router를 사용한다.r
T.I.L React SPA, React router
SPA는 서버로부터 완전히 새로운 페이지를 불러오는 것이 아니라,화면을 업데이트하기 위해 필요한 데이터만 서버에서 전달받아 브라우저에서 해당하는 부분만 업데이트하는 방식으로 작동하는 웹 애플리케이션이나 웹 사이트를 말한다.장점전체 페이지가 아니라 필요한 부분의 데이터만
React Router&SASS(TIL)
1. SPA SPA (Single Page Application) - 페이지가 한 개인 애플리케이션 Westagram-frontend : login.html, main.html - 페이지 수만큼 html 파일이 존재 리액트 프로젝트에서 .html 파일의 개수는? 1개
React-router vs Next-router
Next.js와 React에서 차이를 유일하게 크게 보이는 곳이 Router부분이다. 라우팅을 할 때 Next에서는 상대적으로 쉽게하는 반면 React는 상대적으로 경로 및 컴포넌트 설정에 있어서 복잡하다.React-routerreact-router에 경우 주소창의 주
[번역] Remixing React Router
원문 : https://remix.run/blog/remixing-react-routerReact Router의 첫 번째 버전에는 실제로 willTransitionTo라는 데이터 로드를 지원하기 위한 비동기 훅이 있었습니다. 그 당시에는 React를 어떻게 사
📚 react router additional Hook & Component
이전 포스팅에서 react router에서 주로 사용되는 컴포넌트 및 기술들을 알아보았다.주로 사용하는 것뿐만 아니라 react router로 여러 가지 기능을 구현할 때 필요한 훅이나 컴포넌트들이 있다.본 포스팅에서는 부가적인 훅과 컴포넌트에 대해 알아보겠다.
React Router
SPA는 하나의 페이지를 가지고 있지만 사실 한 종류의 화면만 사용하지 않는다.예를 들어 Twittler 와 같은 SPA 를 만들 때, 메인 트윗 모음 페이지, 알림 페이지, 마이 트윗 페이지 등의 화면이 필요할 수 있다.이 화면에 따라 "주소"도 달라질 것인데, 이렇
📜 authentication 회고록
회고록같은 것을 써보겠다고 생각이 든적이 없지만 처음으로 한번 써보고자한다.이유는 어떠한 한 문제에 대해서 깊이 생각하며 해결하려했던 과정들을 기록해두고싶어서이다.(얼핏보면 별 것이 아닌 문제이지만 하루를 거의 다 바쳐썼음)문제가 발생했던 상황은 다음과 같았다.reac
.png)
.png)
[React] React Router
React Router를 사용해보기 전, 간단하게 사용방법을 익히고 시작하고자 작성하게되었으며, React v18과 react-router v6를 기준으로 작성하였다. 내용은 기본적으로 공식문서를 참고하였고 추가적인 이해를 위해 다양한 글을 참고하여 정리하였다. 참고자
spa를 만들기 위한 필수 재료: react-router
리액트스럽게 라우팅할 수 있는 방법이 있다. 바로 third-party를 이용하는 것인데 그중에 가장 유명한 react-router에 대해 간략 소개를 하겠다. 얼마전에 v6를 공개하였는데 v5에 비해서 바뀐 문법이 꽤나 많다.nike shoes를 소개하는 홈피를 만들
🕎 react router
주소에 따라 그에 맞는 컴포넌트를 로딩시간을 단축하여 보여줄 수 있는 리액트 라우팅 라이브러리이다.라우팅 : 다른 주소에 다른 화면을 보여 주는 것기존에는 HTML문서나 템플릿 엔진을 사용하여 경로에 맞는 문서를 할당해주었다. 새로운 경로에 들어갈 때마다 서버에서 HT
