# routing
Next.js 13 정적/동적 라우팅
Next.js를 학습하면서 편하다라고 느낀것은 바로 라우팅이다. Next.js는 기본적으로 페이지 기반의 라우팅 시스템을 제공한다. 파일 시스템에 기반한 라우팅은 빠르고 쉽게 웹 애플리케이션의 구조를 만들 수 있게 해주며 구조는 다음과 같이 직관적이다. 기존13버전 이
라우터(Router)객체와 동적/정적 라우팅(Routing)
라우터(router) 객체 : 페이지 이동과 관련된 기능을 가지고 있는 객체를 의미합니다. 이 라우터 객체를 사용해서, A 페이지 -> B 페이지로 이동할 때, "B 페이지로 라우팅한다" 고 말합니다. 주로 사용하는 라우터
JavaScript / SPA / Route
1. SPA 단일 페이지 애플리케이션(Single Page Application, SPA) 기본적으로 단일 페이지로 구성되며, 웹 애플리케이션에 필요한 모든 정적 리소스를 다운로드한다.
[React] Routing 안 될 때 (App.tsx 루트 문제)
지금까지는 하나의 페이지에서만 개발을 진행해왔는데, 라우팅을 한 번 해보기로 했습니다. react-router-dom의 문서를 읽고, 여러 블로그도 참고해서 + 들었던 강의를 참고해서 기본 라우팅 셋팅을 했습니다. 라우팅 코드를 다 작성했는데 라우팅이 안 됩니다.그런데
Express CRUD - Routing
공식 문서를 독파하며 새로운 지식을 학습하고, 기존 지식을 보완하며, 잘못된 내용은 삭제하며 학습합니다.
클러스터 파이프라인구현 - 04 (Network)
파이프라인을 구성하고 , 이를 서비스하기 위해서 어떻게 네트워크 구조를 잡았는지 설명합니다. 우선 외부에서 트래픽이 들어오는 경로를 확인해보겠습니다. HDCP를 임시로 → x.x.x999 로 가정하도록 하겠습니다. x.x.x.999:80 → 192.168.0.11:80
라우팅 (Routing)
✓ 라우트(Route): 경로, 서로 다른 네트워크 간 데이터를 전송하고 전송한 데이터를 받는 경로 ✓ 라우터 ( Router ): 인터넷 공유기 ! 라우터는 한개의 인터넷 회신을 여러개의 네트워크가 사용할 수 있도록 쪼개주는 중계역할을 해주는 장치✓ 라우팅 ( Ro
Learn Static, Dynamic Routing
라우터 객체와 라우팅 라우터 객체 : 페이지 이동과 관련된 기능을 가지고 있는 객체 A 페이지 -> B 페이지 : "B페이지로 라우팅한다" const router = useRouter() router.push("이동할 페이지") 자주 사용하는 라우터 객체 기능
vanilla js로 라우팅 구현하기 - 더 많은 pathname을 처리해보자!
vanilla js로 라우팅 기능을 구현하면서, 평소 사용하던 react-router의 모듈도 살펴보았습니다.라우터의 메서드 중 renderPage는 현재 경로에 대응하는 페이지를 루트 요소에 삽입해 렌더링하는 메서드입니다.처음 구현했던 코드는 다음과 같았습니다.win
네트워크 하향식 접근 3) Network layer
네트워크의 근본적인 역할은 매우 단순.네트워크 레이어 장비인 라우터가 가지고 있는 기능송신 호스트 → 수신 호스트로 패킷을 전달이를 위한 네트워크 계층의 중요한 2가지 기능하지만, 사실 이 두 가지 단어는 혼용되기도 함.포워딩(데이터평면, HW)패킷이 라우터의 입력 링
React - nested routing Outlet
2023.02.09(목) 1차 프로젝트 진행 중 Nav와 Footer 컴포넌트를 만들고 로그인과 회원가입 창을 제외한 나머지 창에만 나타나도록 하기 위해서는 nested routing 기능을 사용해야 한다는 것을 새로 배웠음! 참고: React-router-dom
