Routing 3

[Express] 라우팅

라우트 메소드 라우트 메소드는 HTTP 메소드 중 하나로부터 파생되며, express 클래스의 인스턴스에 연결됩니다. 다음 코드는 앱의 루트에 대한 GET 및 POST 메소드에 대해 정의된 라우트의 예입니다. // GET method route app.get('/', function (req, res) { res.send('GET request to the homepage'); }); // POST method route app.post('/', function (req, res) { res.send('POST request to the homepage'); }); Express는 HTTP 메소드에 해당하는 다음과 같은 라우팅 메소드를 지원합니다. (get, post, put, head, delete, ..

BackEnd/Express 2023.04.19

Shallow Routing

프로젝트를 하다 보면 상태에 대한 부분들이 전부 URL 값 파라미터에 반영되어야하는 경우가 있다. 이렇게 해야하는 이유는 모든 사용자의 동작들이 URL로 반영이 되어야지만 내가 보고 있는 페이지 그대로 누군가에게 URL을 공유할때 받는사람도 똑같은 페이지의 똑같은 화면을 볼수 있게 된다 뒤로가기를 눌렀을때 바로 이전 동작으로 되돌릴 수 있다 웹에서 앱 으로 넘어갔을때 앱에서도 똑같은 페이지를 볼수 있게 해야한다 이러한 동작을 도와주는 것이 nextjs 에서 제공하는 shallow routing이다. router.push(format({ pathname, query: { ...query, place: query?.place ?? (place || '부산'), active2: 'true..

FrontEnd/Next.js 2022.11.02

코드캠프 5일차

라우팅 라우팅이랑 서버에서 클라이언트에 내가 불러오고자 하는 URL을 불러오는 것이다. Static Routing(정적 라우터) next/router 사용하기 import { useRouter } from 'next/router' export default function StaticRoutingPage() { const router = useRouter() function onClickMove() { router.push('/05-02-static-routed') } return ( 페이지 이동하기 ) } const router = useRouter() router.push('이동할 페이지') reloae(), replace(), pathname: 현재 나의 ..

코드캠프 2022.09.29