# Route

29개의 포스트
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 6.3 Sharing Props between Routes

모든 컴포넌트에는 props가 있다. Movie.js처럼 About.js에도 props가 있는데,콘솔을 보면 4 개의 props가 보인다. history, location, match, staticContext. 이것들은 아직 About.js로 전송된 것은 아니고,

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

[ React ] Route props__history object

이 포스팅은 아래의 자료를 참고하였습니다. > - https://www.freecodecamp.org/news/hitchhikers-guide-to-react-router-v4-4b12e369d10/ https://reactrouter.com/web/api/match

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

[ React ] Route props__match object

이 포스팅은 아래의 자료를 한국어로 번역한 포스팅입니다. > https://www.freecodecamp.org/news/hitchhikers-guide-to-react-router-v4-4b12e369d10/ 우선 match 객체를 설명하기 앞서, 객체 match를

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

[express] 기본 라우팅 / express.Router

라우팅?? > 클라이언트의 특정 요청 method와 엔드포인트에 따라 에 따라 다른 응답 처리 하는 것을 의미한다. express에서만이 아니라 node에서도 라우트 별로 분기해서 아래와 같이 처리해 줄 수 있다. but! 분기가 많아 질수록 길어지는 조건문이 직

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

[TIL.02 wetube] 4.0 to 5.10

app.use -> "/users" 로 시작하는 url 에 접근하면 userRouter에 있는 컨트롤러를 찾게한다. -> userRouter에는 "/edit" 루트 한 가지 밖에 없다. -> handleEditUser 함수 실행 코드를 깔끔하게 작성하기 위해 Route

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

setTimeout/setInterval

프로젝트 중 슬라이드가 초마다 넘어가는 것을 구현하고 싶었다.keyword는 setTimeout/setIntervalsetTimeout은 일정시간이 지난 후 함수를 실행setInterval은 일정시간적을 함수를 반복둘다 계속 반복적으로 실행되는 줄 알았다. 그런데 co

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

Route component

Route에서 프로젝트 작업 중main페이지를 3개의 branch로 나눠서 작업!그런데 갑자기 혼동이 왔다..이러면 어떻게 서로 붙여야 하지...?ex)main.jsfilter.js두가지 파일이 있으면 main 작업완료 후 master로 가서 filter branch를

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

TIL50 l 리액트 라우터(React Router) - NavLink, Route, Hooks(useHistory, useLocation, useParams, useRouteMatch)

localhost:3000/user에서 유저 전체에 대한 정보가 아니라, merry라는 특정 유저의 세부 정보만 보여주고 싶을 경우, localhost:3000/user/merry 이런식으로, user라는 URL 뒤에 id를 넣어주면 된다. 이를 파라미터라고 하는데 흔

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

TIL49 l 리액트 라우터(React Router) - BrowserRouter, HashRouter, Route, Switch, Link (Feat. SPA)

리액트는 싱글 페이지 어플리케이션을 쉽게 만들 수 있도록 하는 라이브러리이다. 싱글페이지에는 아래와 같은 문제점이 있는데,각 페이지를 북마크 할 수 없음브라우저상에서 뒤로 가기, 앞으로 가기와 같은 내비게이션 사용 불가이를 보완하기 위해서는 화면들에 따라 주소를 각각

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

TIL 49 | [React] - URL 경로로 매개변수를 전달하는 방법

선택한 값의 상세페이지로 이동되는 원리

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

React Router

typescript에서 react-router-dom을 사용하려면 별도의 package를 설치해야 함npm i @types/react-router-domRouter사용 예시Switch: 한 번에 하나의 Route만 Render하게 해줌

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

react-router 주요 컴포넌트

BrowserRouter / HashRouter / MemoryRouter / StaticRouter / Route / Link

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

[Javascript] Routie

Rouite

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

[Flutter] 첫 페이지까지 이동하기

첫 페이지까지 한 번에 pop하는 방법

2021년 2월 11일
·
0개의 댓글

Vue3 에 vue-route 추가하기

멋모르고 npm install vue-router 추가했었는데 잘 안되더라. 알고보니 vue-router@next 를 설치해야했었다.

2021년 1월 15일
·
0개의 댓글

리액트를 다루는 기술 정리 (13)

기존 방식다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌사용자에게 보이는 화면은 서버 측에서 준비.유동적인 html 생성해주는 템플릿 엔진 사용서버 측에서 모든 뷰를 준비한다면 성능상의 문제가 발생바뀌지

2021년 1월 13일
·
0개의 댓글

[Node.js] express (3) - Route 라우트 💯️

goal라우팅에 대한 express 공식문서는 👉️ 여기를 참고라우트 req/res 객체 정리에 대한 블로그는 👉️ 여기를 참고출처 : https://luckyyowu.tistory.com/346 💚️

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

TIL.39 Route 와 Link 태그

wecode 수업 - Route / Link 태그

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

NodeJS - 로직 분리(routes / models / controllers)

(/routes/post.js) : routes에서 들어오는 api요청에 대해서 라우팅을 하면서 동시에 비즈니스 로직을 작성했음      \--> 가독성 저하 + 유지보수 비 용이           \--> 비즈니스 로직을 처리하는 controller를 만들어 분리

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

[React] 라우터 이해하기(Route, Link, Switch)

이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이

2020년 11월 22일
·
0개의 댓글