# Route
[react] 노마드코더 영화웹서비스 제작 6.3 Sharing Props between Routes
모든 컴포넌트에는 props가 있다. Movie.js처럼 About.js에도 props가 있는데,콘솔을 보면 4 개의 props가 보인다. history, location, match, staticContext. 이것들은 아직 About.js로 전송된 것은 아니고,
[ React ] Route props__history object
이 포스팅은 아래의 자료를 참고하였습니다. > - https://www.freecodecamp.org/news/hitchhikers-guide-to-react-router-v4-4b12e369d10/ https://reactrouter.com/web/api/match
[ React ] Route props__match object
이 포스팅은 아래의 자료를 한국어로 번역한 포스팅입니다. > https://www.freecodecamp.org/news/hitchhikers-guide-to-react-router-v4-4b12e369d10/ 우선 match 객체를 설명하기 앞서, 객체 match를
[express] 기본 라우팅 / express.Router
라우팅?? > 클라이언트의 특정 요청 method와 엔드포인트에 따라 에 따라 다른 응답 처리 하는 것을 의미한다. express에서만이 아니라 node에서도 라우트 별로 분기해서 아래와 같이 처리해 줄 수 있다. but! 분기가 많아 질수록 길어지는 조건문이 직
[TIL.02 wetube] 4.0 to 5.10
app.use -> "/users" 로 시작하는 url 에 접근하면 userRouter에 있는 컨트롤러를 찾게한다. -> userRouter에는 "/edit" 루트 한 가지 밖에 없다. -> handleEditUser 함수 실행 코드를 깔끔하게 작성하기 위해 Route
setTimeout/setInterval
프로젝트 중 슬라이드가 초마다 넘어가는 것을 구현하고 싶었다.keyword는 setTimeout/setIntervalsetTimeout은 일정시간이 지난 후 함수를 실행setInterval은 일정시간적을 함수를 반복둘다 계속 반복적으로 실행되는 줄 알았다. 그런데 co
Route component
Route에서 프로젝트 작업 중main페이지를 3개의 branch로 나눠서 작업!그런데 갑자기 혼동이 왔다..이러면 어떻게 서로 붙여야 하지...?ex)main.jsfilter.js두가지 파일이 있으면 main 작업완료 후 master로 가서 filter branch를
TIL50 l 리액트 라우터(React Router) - NavLink, Route, Hooks(useHistory, useLocation, useParams, useRouteMatch)
localhost:3000/user에서 유저 전체에 대한 정보가 아니라, merry라는 특정 유저의 세부 정보만 보여주고 싶을 경우, localhost:3000/user/merry 이런식으로, user라는 URL 뒤에 id를 넣어주면 된다. 이를 파라미터라고 하는데 흔
TIL49 l 리액트 라우터(React Router) - BrowserRouter, HashRouter, Route, Switch, Link (Feat. SPA)
리액트는 싱글 페이지 어플리케이션을 쉽게 만들 수 있도록 하는 라이브러리이다. 싱글페이지에는 아래와 같은 문제점이 있는데,각 페이지를 북마크 할 수 없음브라우저상에서 뒤로 가기, 앞으로 가기와 같은 내비게이션 사용 불가이를 보완하기 위해서는 화면들에 따라 주소를 각각
React Router
typescript에서 react-router-dom을 사용하려면 별도의 package를 설치해야 함npm i @types/react-router-domRouter사용 예시Switch: 한 번에 하나의 Route만 Render하게 해줌
react-router 주요 컴포넌트
BrowserRouter / HashRouter / MemoryRouter / StaticRouter / Route / Link
Vue3 에 vue-route 추가하기
멋모르고 npm install vue-router 추가했었는데 잘 안되더라. 알고보니 vue-router@next 를 설치해야했었다.
리액트를 다루는 기술 정리 (13)
기존 방식다른 페이지로 이동할 때 마다 새로운 html, 페이지 로딩 시 서버에서 리소스 전달받아 해석한 뒤 화면 보여줌사용자에게 보이는 화면은 서버 측에서 준비.유동적인 html 생성해주는 템플릿 엔진 사용서버 측에서 모든 뷰를 준비한다면 성능상의 문제가 발생바뀌지
[Node.js] express (3) - Route 라우트 💯️
goal라우팅에 대한 express 공식문서는 👉️ 여기를 참고라우트 req/res 객체 정리에 대한 블로그는 👉️ 여기를 참고출처 : https://luckyyowu.tistory.com/346 💚️
NodeJS - 로직 분리(routes / models / controllers)
(/routes/post.js) : routes에서 들어오는 api요청에 대해서 라우팅을 하면서 동시에 비즈니스 로직을 작성했음 \--> 가독성 저하 + 유지보수 비 용이 \--> 비즈니스 로직을 처리하는 controller를 만들어 분리
[React] 라우터 이해하기(Route, Link, Switch)
이번 글에는 리액트가 SPA 가능하게끔 해주는 매우 중요한 핵심기능!!바로 라우터 개념입니다.라우터는 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 넣을 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 싹 갈아 치워서 빠르게 페이지 전환이