# react router

51개의 포스트
post-thumbnail

{React #8} React-Router로 SPA 구현하기

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

2021년 10월 12일
·
0개의 댓글
post-thumbnail

🙆🏻‍♀️React-Router (feat. Link)🙆🏻‍♀️

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

2021년 8월 31일
·
0개의 댓글

react-router

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

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

TIL 57 | React router - route-props(component)

route props (component, render)

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

[ React Toy Project ] News Viewer | 뉴스 뷰어 실습 프로젝트

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

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

react-router

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

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

2. React + SpringBoot 프로젝트 - (React-router) [미유미유]

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

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

[React] 리액트 라우터(react-router)

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

2021년 5월 23일
·
0개의 댓글

React-Router.1

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

2021년 5월 22일
·
0개의 댓글
post-thumbnail

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

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

2021년 5월 16일
·
2개의 댓글
post-thumbnail

[기업협업]Game Project 끝내며

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

2021년 5월 13일
·
0개의 댓글
post-thumbnail

[React] SOPT 4차 세미나 - react 실전 이론

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

2021년 5월 8일
·
0개의 댓글
post-thumbnail

📂 비즈니스 카드 메이커 - 명함 만들기

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

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

#TIL17, React Router

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

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

React | react-router로 라우팅 기능 사용하기

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

2021년 4월 29일
·
0개의 댓글
post-thumbnail

[React Router] Server Rendering시 라우터 처리

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

2021년 4월 26일
·
0개의 댓글
post-thumbnail

🐈 Adorable Cats - 고양이 정보 제공 페이지

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

2021년 4월 11일
·
0개의 댓글
post-thumbnail

[ React ] React-Router Component & Hooks 까지 알아보자!

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

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