# react router

49개의 포스트
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 ] React-Router 정리

React-Router 강의 내용 정리

2021년 5월 9일
·
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개의 댓글

TIL 60일차 React Router

React Router에 대해서 정리했다.

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

[TIL] Router 부모-자식 상태 주고받기

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

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

React-Router

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

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

React Router

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

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