# react router dom

30개의 포스트

react-router-dom 로그인 후 이전페이지로 이동하기

todo 페이지에서 비로그인시 login 페이지로 redirect 할때state에 어느곳에서 이동했는지 값을 명시하여 넘겨준다.login 페이지에서는 아래처럼 location값의 state를 이용해 redirect로 진입한 페이지라면 from값에 명시된 path로 이동

2021년 4월 6일
·
0개의 댓글

React Router

typescript에서 react-router-dom을 사용하려면 별도의 package를 설치해야 함npm i @types/react-router-domRouter사용 예시Switch: 한 번에 하나의 Route만 Render하게 해줌

2021년 3월 31일
·
0개의 댓글
post-thumbnail

[React] Router URL 파라미터 활용하기.

리액트 네이티브 프로젝트에서 리액트를 WebView로 활용하고자 하였다. 그러나 React와 React Native 간 상호작용에 제약이 존재하여 다음과 같은 방법을 고민했다.방법1. ReactNative에서 직접 상호작용 하도록 개발. 방법2. URL 파라미터를 활용

2021년 3월 19일
·
0개의 댓글

[React] react-router-dom 적용하기

책 "리액트를 다루는 기술" 학습 중아직 리액트에 익숙하지 않아서인지 앞 내용을 보면 뒷 내용을 까먹고.. 뒷 내용을 보면 앞 내용을 까먹고..똑같은 실수를 하지않길 바라며 '미래의 나'에게 이 글을 바친다.프로젝트 생성 및 리액트 우터 적용 -> 페이지 만들기

2021년 3월 6일
·
0개의 댓글

React Router

React의 Router 정리.

2021년 3월 2일
·
0개의 댓글

[React] 11 - react-router-dom

goalreact-router-dom을 사용해서 라우트하는 방법을 알아보자.웹 애플리케이션에서 사용하는 모든 구성 요소는 react-router-dom에서 가져와야한다.일반적으로 다음과 같이 라우터에서 최상위 요소를 rapping한다.history API를 사용해서

2021년 3월 1일
·
0개의 댓글

React 시작하기

node.js, npm 설치하고 create-react-app으로 프로젝트를 생성한다.

2021년 2월 28일
·
0개의 댓글
post-thumbnail

TIL [SPA / Cmarket 코드 분석]

SPA는 Single Page Application의 약자로 한 개의 페이지로 이루어진 애플리케이션이라는 뜻이다. 애플리케이션은 설치해서 사용하는 모든 프로그램을 뜻하는 말로 스마트폰이 나오기 전에는 우리가 사용하던 윈도우에서 종종 '응용 프로그램(Application

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL. React - Basic 개념 정리(7)

👩🏻‍💻 면접 기출 문제를 준비하면서, React를 이해할 때 반드시 필요한 기본 개념들들 추가로 정리해보았다. http requests를 어떤 특정한 페이지로 연결 할 것인지를 결정하는 메커니즘을 말한다. 즉, 사용자가 url을 줬을 때 어떤 페이지로 연결할 건

2021년 2월 7일
·
0개의 댓글
post-thumbnail

React Router dom의 유용한 hooks들 📃

안녕하세요! 오늘은 제가 프로젝트들을 진행 해오면서 편리함을 느꼈던 react-router-dom의 유용한 hooks들에 대해서 소개하려고 합니다.

2021년 2월 3일
·
1개의 댓글
post-thumbnail

[IT-article-archive]#5 메인 화면 UI만들기(로그인 상태)

[IT-article-archive]#5 메인 화면 UI만들기(로그인 상태)

2021년 1월 17일
·
0개의 댓글
post-thumbnail

카카오 로그인 기능 구현 - 프론트(리액트)

(redirect_uri, 사이트 도메인 등록 방법을 다른 블로그에 많기 때문에 이 글에 따로 적지는 않겠다.)카카오 로그인은 프론트, 서버 중 한쪽 사이드에서 모든 과정을 처리할 수 있다.하지만 서버에서 모두 처리할 경우, 프론트에서 로그인을 요청했을 때 로그인 정보

2020년 12월 25일
·
0개의 댓글
post-thumbnail

History 만들기

우선 Router를 꺼내오고 Router안에는 history가 꼭 들어가야 하는데 이 history파일을 따로 만들었다history파일을 따로 만들

2020년 12월 22일
·
0개의 댓글

React 라우팅에서의 우선순위

Route 컴포넌트에서 render, component, children 가 함께 사용될 때 우선순위는 아래와 같다.children > component > render예) 아래와 같이 라우트가 정의될 때 우선순위는 C > B > A지금은 프로젝트에 치여 살고 있기에.

2020년 12월 20일
·
0개의 댓글

React 동적 라우팅에 관하여

우리가 사용하는 React는 SPA 기반으로 개발을 한다.우리가 사용하는 html은 싱글 페이지이기 때문에 우리는 필연적으로 라우팅이 필요하다.그리고 프로젝트가 점차 커지고 라우팅 패스가 하나 둘씩 많아 지게 되면, 자연스럽게 클라이언트 라우팅만을 담당하는 별도 컴포넌

2020년 12월 20일
·
0개의 댓글

동적 라우팅 세션

react 자체는 router 기능이 없기에, 우리는 라우팅 기능을 사용할 때는third-party-library인 react-router-dom을 끌어다가 쓴다. react-router-dom 은 다음과 같은 3가지 값을 props 로 제공한다.historylocat

2020년 12월 20일
·
0개의 댓글
post-thumbnail

💙 React 활용법 핵심 요약

이 글은 "리액트를 다루는 기술(김민준, 길벗)"을 요약한 글입니다. 많은 예제 코드들이 이 책에서 인용되었습니다. 자세하고 정확한 내용을 확인하시려면 책을 직접 구매해 읽어보시기를 추천드립니다.

2020년 12월 3일
·
0개의 댓글
post-thumbnail

TIL - 2020.10.30

드디어 잘 안 되는 부분을 해결해서 자기 전에 TIL을 작성한다,,,!프로젝트 개발, 멘토링 및 팀 회의 등을 한 날이다!

2020년 10월 30일
·
0개의 댓글