# routing

83개의 포스트

Static Routing / Dynamic Routing

Static Routing과 Dynamic Routing의 차이와 어떻게 만드는지에 대한 포스팅입니다.

2022년 5월 16일
·
0개의 댓글
post-thumbnail

Static Routing & Dynamic Routing

네트워크에서 특정 경로로 데이터를 보낼 때 사용되는 과정.크게 정적 라우팅, 동적 라우팅 두 종류가 있다.자유게시판의 상세 내용 페이지를 만든다고 할 때, 정적 라우팅을 사용하면 그 무수히 많은 글들의 정보를 나타내는 페이지를 각각 따로 만들어야 한다.동적 라우팅을 사

2022년 5월 16일
·
0개의 댓글
post-thumbnail

Next.js - Routing

쉽게말해 라우팅은 사용자가 요청한 주소에 맞는 페이지를 보여주는 것이고, 라우터는 페이지를 이동할 수 있도록 하는 도구이다. 라우팅에는 정적(state)라우팅과 동적(dynamic)라우팅이 있다.네트워크적인 개념에서의 라우팅과 라우터 라우팅 -> 경로를 찾아가는 과정

2022년 5월 14일
·
0개의 댓글
post-thumbnail

Router / Routing

Router 객체란 페이지 이동과 관련된 기능을 가지고 있는 객체임➡️ 이 객체를 사용해서 페이지로 이동할때 페이지 이동을 라우팅한다 라고 말하는 것Router : URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 하는데 리액트에서 라우팅 기능을

2022년 5월 13일
·
0개의 댓글

[17] Shallow Routing

shallow routing은 data fetching 메서드(getServerSideProps, getStaticProps, getInitialProps)를 다시 사용하지 않고 URL을 변경하는 방식이다.state를 잃지 않으면서 pathname과 router객체(u

2022년 4월 9일
·
0개의 댓글

[16]_react router vs next router

react router의 경우 이런식으로 작성하게 되고url에주소/ ===> 메인페이지에요주소/detail ===> 메인페이지에요, 디테일페이지에요라고 화면에 나타남방지하려면 Route exact path를 입력해 줘야함위의 react router 방식은 매우 비효율적

2022년 4월 3일
·
0개의 댓글
post-thumbnail

useRouter()

1.useRouter란?next js에서 routing을 하게 해주는 hookwhy? useRouter동적라우팅을 쉽게 해주어서 자기가 알아서 페이지를 할당해 보여줌사용법가. useRouter를 import 해주고나. router라는 이름으로 변수를 만들어 할당해주고다

2022년 3월 27일
·
0개의 댓글
post-thumbnail

Static Routing, Dynamic Routing

1. 정적라우팅 /long 페이지는 누가 언제 접속해도 항상 로그인 페이지가 나온다. 이러한 페이지로 이동하는 것을 정적 라우팅한다라고 말할 수 있다. 2. 동적라우팅 로그인 페이지와 달리 게시판 상세 페이지 같은 경우 글 번호에 따라 다른 주소를 보여줘야한다. 이를

2022년 3월 23일
·
0개의 댓글
post-thumbnail

Static / Dynamic routing 을 알아보자

/login 페이지는 누가 언제 접속해도 항상 로그인 페이지가 나옵니다.이러한 페이지로 이동하는 것을 "정적 라우팅한다"고 합니다.반면, 게시판 상세보기와 같은 경우, 글 번호에 따라서 주소가 변경됩니다.하지만, 이러한 경우에는 게시글이 100개, 1000개가 넘어가게

2022년 3월 21일
·
0개의 댓글

[07] try catch

try catch란?가. asycn & await의 예외 처리하는 방법나. promise에서 에러 처리를 위해 .catch()를 사용한 것처럼 catch{}를 사용하면 됨사용법가. catch(){}에서 {}사이에 에러 발생시 실행할 함수를 넣어 통신오류 및 간단한 타입

2022년 3월 20일
·
0개의 댓글

[07] async await Hoisting

자바스크립트의 비동기 처리 패턴 중 가장 최근에 나온 문법으로 기존 방식에서의 promise의 단점을 보완하기 위해서 등장함1) Pending(대기) : 비동기 처리 로직이 완료되지 않음2) Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[node.js] Typescript 기반 라우터 적용하는 법

Typescript + Express 기반 개발 환경에서 기능별로 파일을 나누어 Routing 하는 방법

2022년 3월 19일
·
0개의 댓글

[06] Static, Dynamic Routing

라우터(router) 객체란 페이지 이동과 관련된 기능을 가지고 있는 객체로 이 객체를 사용해서 페이지 이동하는 것을 라우팅 한다라고 함./login 페이지는 누가 언제 접속해도 항상 로그인 페이지가 나오는데 이런 것을 정적 라우팅이라고 함1) 게시판 같은 경우 글 번

2022년 3월 18일
·
0개의 댓글

Routing

페이지 이동

2022년 3월 18일
·
0개의 댓글
post-thumbnail

5) 오오..라우팅..조건부렌더링..graphql... 이게 되네 ... (Code Camp FE 6기)

페이지를 이동하자게시물을 가져오자위쪽이 셋팅부분 (playground)ㅇㅔ 있는 부분 실행부분은 data.fetBoard.writer라고 해서 불러올수있다 정적라우팅. 동적 자우팅 폴더에 \[]를 쳐주면 변수지정이 된다 동적라우팅 - 페이지 하나안에서 원하는 변수를 지

2022년 3월 18일
·
0개의 댓글
post-thumbnail

File-base Routing

Next App에서 라우팅을 구현하고, 중첩 라우팅과 동적 라우팅을 사용하는 방법

2022년 3월 7일
·
0개의 댓글