# router

46개의 포스트
post-thumbnail

React 3. Router & Sass

라우팅(Routing)이란 다른 경로(주소)에 따라 다른 화면(View)를 보여주는 것이다. 리액트 자체에는 이러한 기능이 내장되어 있지 않기 때문에 Third Party Library중 하나인 React-Router를 설치해서 사용한다. 이러한 이유가 리액트가 Fra

3일 전
·
0개의 댓글
post-thumbnail

React | 동적라우팅 (Dynamic Routing)으로 상세페이지 구현하기

오늘은 SPA를 기반으로하는 리액트에서 어떻게 상품 리스트에서 개별 상품 페이지로 넘어가는지, 그리고 개별적으로 데이터를 받아올 수 있는지 알아보기로 하자. 다음의 페이지를 보면 '몬스터'들의 리스트다. 해당 주소를 보자. 자 그렇다면 어떻게 각각의 몬스터들의 상세 페

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

react Layout-component

Header 라던지 Navigtaion 페이지에 고정시킬 코드를 넣어준다.이제 적용해줄 Route 가 있는 Component 로 가준다.

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

history.push()로 페이지 이동시 props 넘겨주기

history.push() router 이동시 전 페이지에서 이동할 페이지로 props 넘겨주는 방법

2020년 11월 8일
·
0개의 댓글
post-thumbnail

리액트 프로젝트 오류 수정(Router)

오류코드 Warning: React does not recognize the computedMatch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribut

2020년 11월 7일
·
0개의 댓글
post-thumbnail

카페에서 원활한 인터넷 사용을 위한 방법

가끔 사무실에 있는 것이 갑갑해진다면 노트북을 들고 와 프랜차이즈 카페에 와서 작업을 하는걸 좋아합니다. 그런데 카페에 있는 WiFi를 사용해도 속도가 느린 경우가 많습니다. 물론 필자와 비슷한 생각으로 방문자분들이 모여 있다보니 자연스럽게 무선 데이터 트래픽이 증가해

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

[ React : Router ]

✔️ React Router 설치routing은 다른 경로(주소)에 따라 다른 View(화면)를 보여주는 것을 말한다.리액트 자체에는 이러한 기능이 내장되어있지 않기 때문에 routing을 사용하기 위해서는 추가적인 설치가 필요하다. 이러한 이유 때문에 리액트는 Fra

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

해외직구로 구매한 공유기가 제조사로 인해 맛탱이가 갔다. (TM-AC1900 ASUS RT-AC68U 펌웨어 롤백 현상 해결하기)

※ 주의 이 방법은 정말로 롤백 현상으로 인해 귀차니즘을 이겨내고 다시 재작업을 원하거나 꼭 순정펌웨어 및 멀린 펌웨어를 사용하고 싶은분들만 진행해주시기 바랍니다. 이 작업으로 발생된 어떠한 문제도 필자의 책임이 없을을 알려드립니다.기존에 해외 직구를 했던 RT-AC6

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

TIL 30 day React 개념 두번째

React를 잘 사용하기 위한 third-party library인 Routing과 sass를 배웠습니다.

2020년 10월 7일
·
0개의 댓글
post-thumbnail

TIL 2020.07.30

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

NEXT.js의 Router

또는이동 URL 주소와 주소창에 보여주고 싶은 주소를 as에 적는다

2020년 10월 6일
·
0개의 댓글
post-thumbnail

React Twitter Clone (4) - 라우터 세팅

src에 conponents와 routes 디렉터리를 만들고 App.js를 componenets 폴더에 옮겨 놓습니다. 그리고 index.js 부분의 App의 경로를 수정합니다.기본 페이지 구성은 위와 같이 해주겠습니다.이 후에 Navigation을 만들어야 하는데np

2020년 9월 16일
·
0개의 댓글

React 공부 2(route)

exact={true} 속성을 주면 정확한 path의 경로만 컴포넌트해준다.

2020년 9월 16일
·
0개의 댓글
post-thumbnail

[JavaScript] React - Router

React - Router SPA (single page Apllcation - 페이지가 한개) > 이전에 우리가 계속 사용했던 것은 페이지 수만큼 html 파일이 존재했지만, 리액트에서 사용할 프로젝트에서는 html 파일의 개수는 1개이다. SPA인데 여러개의 페

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

[TIL] React Router

1. SPA 단일 페이지 애플리케이션(Single Page Application, SPA)는 모던 웹 패러다임이다. SPA는 기본적으로 단일 페이지로 구성되며 기존의 서버 사이드 헨더링과 비교할 떄, 배포가 간단하며 네이티브 앱과 유사한 유사한 사용자 경험을 제공할

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

React스터디_라우터로 SPA 개발하기

SPA는 Single Page Application(싱글 페이지 애플리케이션)의 약어입니다.말 그대로 한 개의 페이지로 이루어진 애플리케이션이라는 의미입니다.

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

TIL DAY.20 React Router, Sass

SPA:페이지가 1개인 어플리케이션이란 뜻입니다. 전통적인 웹어플리케이션의 구조는, 여러 페이지로 구성이 되어서 유저가 새로운 페이지를 요청 할 때 마다 페이지가 새로고침되고 로딩할 때 마다 서버로부터 리소스를 전달받아 해석 후 렌더링을 하는 방식입니다.

2020년 9월 7일
·
0개의 댓글
post-thumbnail

TIL - 2020.09.03

오늘도 새벽에 작성하는 TIL,,, 열심히 프로젝트 개발 중이다!프로젝트 개발오늘은 화면이 넘어가는 부분을 구현했다.Css Grid를 활용했다.화면내에 사이드바를 구현했는데 계속 다른 탭으로 안 넘어가서 애를 먹었다.예를들어 menu/1에서 2번째를 누르면 menu/2

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

koa-router

리액트에서 웹 브라우저의 라우팅을 돕는 것처럼 koa 사용시에도 다른 주소로 요청이 들어오는 경우 다른 작업을 처리할 수 있도록 라우터를 사용해야 합니다. Koa 자체에는 이 기능이 내장되어 있지 않기 때문에 koa-router 모듈을 설치해야 합니다.koa-route

2020년 9월 3일
·
0개의 댓글

React Router 기본 시작하기

React Router를 기능별로 분리해 보고 기본 사용법에 대해서 이해한 내용을 정리했습니다.

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