# react router

da__hey

News Viewer Project 외부 API를 이용하여 최신 뉴스 기사 불러오는 실습 프로젝트 UI ✨ 사용 기술 React, axios, Sass (+ styled-components), React router 📚 TIL Axios 원하는 뉴스 기사 데

ginameee

react-router의 사용방법을 정리해본다.Route의 패스를 /profile/:username 형태로 선언한다.props.match.params\[동적path\_이름]으로 접근 한다.props.location.search\[쿼리스트링\_이름]으로 접근이 가능하다.

devstone

react-router-dom? react-router? 차이가 뭔가요?

gudwh14

오늘은 React-Router 를 사용해서, 여러 Page 들을 만들어서 라우팅 처리하는 방법을 소개하겠습니다. !리액트는 SPA(Single-Page-Application) 으로 한개의 Page를 가지고 있는 어플리케이션 입니다.하지만 실제로 웹페이지를 사용하게되면

goodenough

URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 한다.리액트에서 라우팅 기능을 구현하는 것은 쉽지 않지만 React Router는 리액트에서 비교적 쉽게 라우팅이 가능하도록 도와준다.React Router를 설명하기에 앞서서 React Rout

zxc886

리액트는 SPA(Single Page Application) 방식으로 여러 개의 페이지를 이용해 페이지간 이동 개념이 아닌, 하나의 페이지 안에서 상황에 따라 필요 데이터만을 load 해주는 형태를 가진다.이 때, URL 의 값에 따른 View Page 를 load 해

proshy

야구게임 & 리액트 라우트를 만들어보자

damho0514

프로젝트를 끝내며,내가 사용했던 코드, 이론적인 개념위주의 정리로 기록할 것이다.현업 개발자분과 대표님께서 설계에 방향을 피드백을 주시며,이해를 하기에 도와주셨다. 감사합니다. 👍 (게임 전문 퍼블리셔의 백 오피스 개발) 프로젝트 트리구조를 기반으로 한 컴포넌트 설계

jjunyjjuny

React-Router 강의 내용 정리

sukong

SOPT 세미나에서 배운 React개념을 정리해보았습니다. ( 조건부 렌더링, list & key, BEM방법론, SCSS, Grid Layout, React Router, React Hooks )

sohyeonbak_oly

카드명함을 직접 만드는 페이지입니다. 예시로 만들어져 있는 시안 두개를 수정해서 사용할 수 있고, 새로 명함을 만들 수 있도록 추가 입력폼이 함께 있습니다. 색상 선택 또한 할 수 있는데 세가지의 유형이 있고, 카드에 들어갈 이미지를 선택할 수 있도록 이미지 선택

april_5

개인 공부를 위해 작성했습니다페이지가 한 개인 어플리케이션.react는 하나의 html파일에 렌더링하는 방식으로 구현됨하나의 html파일에 여러 개의 페이지를 보여주는 방법이 Routing다른 경로(url 주소)에 따라 다른 View(화면)을 보여주는 것react 자체

fa0o00

react-router 라이브러리를 사용하여 라우팅 기능을 구현하기

haebin

참고 및 출처 \React Router Docs] Server Rendering - [바로가기

sohyeonbak_oly

📍Project Summery TheCatAPI를 활용해 고양이 정보를 불러와 종에 따른 고양이의 상세설명과 다양한 사진을 볼 수 있다. 로그인을 통해서 마음에 드는 고양이 사진을 mypage에 담을 수 있고, my page에 담긴 고양이 사진을 클릭하면 상세 정보

da__hey

React-Router 사용자의 브라우저가 클라이언트 사이드에서 뷰 렌더링을 담당하도록 돕는 라이브러리 💡 서버 사이드 렌더링을 할 때에도 라우팅을 도와주는 컴포넌트들을 제공해준다. 라이브러리 설치하기 프로젝트 디렉토리로 이동하여 다음 명령어를 통해 리액트 라우터

moon3356

React Router에 대해서 정리했다.

eunjeong

React 상태관리를 이용해서 자식이 부모에게 데이터를 전달하는 방법은 미디엄 포스팅에서 작성했습니다. 이 포스팅이 위 링크와 다른점은 다음과 같습니다.1\. 함수 컴포넌트 사용2\. Router 사용매우 간단한 예제로 바로 알아보겠습니다. 포스팅에 필요하지 않은 모든

duswn38

🍒 React-Router react는 view만 담당하는 라이브러리이다. 그래서 라우팅을 담당하는 react-router를 따로 설치해주어야 한다 원래 싱글페이지 어플리케이션(SPA)는 주소가 없어 접속하기 힘들었지만 react-router를 사용하면 페이지를 깜

xka926

개인적으로 개념을 다지기 위한 리액트 라우터 첫번째 시간SPA(Single Page Application)에서는 사이트의 페이지가1개의 페이지로 일을 진행한다. 하지만 주소를 이동해서 다른 페이지를 화면에 보이게 하고 싶을 때 이 router를 사용하면 된다.react