# react router

kykim_dev

SPA SPA(Single Page Application)은 페이지가 한개인 어플리케이션을 뜻한다. HTML에서는 페이지 수만큼 HTML 파일이 존재하지만, React에서 .html 파일의 개수는 1개다. 즉, React는 SPA 기반으로 작동된다. 한 웹페이지 안에서

conan

React-Router <Link />에 props 담아 보내기🏸

stella6767

리액트에서 페이지를 이동한다는 개념은 body의 내용이 바뀐다는 의미이다. 싱글 페이지 어플리케이션의 장점을 살리기 위해서는 a태그를 쓸 수는 있지만(새로고침됨) 안 쓰는 것이 좋다. 프로젝트에 리액트 라우터를 적용할 때는 index.js 파일에서 BrowserR

dydalsdl1414

route props (component, render)

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

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

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