# router

376개의 포스트
post-thumbnail

react-router-dom 없이 라우팅 구현하기

리액트 어플리케이션의 페이지 전환은 SPA(single page spplication)로 구현한다.SPA는 웹 앱에 필요한 모든 정적 리소스를 처음에 한번 다운로드한다. 페이지 간 이동 시, 페이지 갱신에 필요한 데이터만을 JSON으로 전달받아 페이지를 갱신하므로 전체

약 12시간 전
·
0개의 댓글
·

인터넷이 뭐길래

나는 인터넷이라는 가상의 클라우드 공간에 모든 웹 페이지가 저장되어있고, 그 안에 자유롭게 돌아다니면서 정보를 찾는 무언가라고 생각했지만 실은 아니었음 그럼 인터넷은 무엇?​구리선일 수도 있고 광케이블일수도 있고..땅속에 묻혀진 이 선을 통해 컴퓨터끼리 연결해 각종 데

5일 전
·
0개의 댓글
·

허브, 스위치, 라우터, 공유기 ???

여러대의 컴퓨터를 연결해주는 장치데이터 패킷을 받으면 연결된 모든 장치에 보냄즉 단순 분배 중계 장치연결 된 모든 장치에 데이터를 뿌리기 때문에 데이터 전송 대역폭을 분리해서 사용해야함. 즉 허브의 대역폭이 500Mbps 라면, 5대의 장치가 연결되어 있다면 100Mb

5일 전
·
0개의 댓글
·
post-thumbnail

#3. 라우팅? 라우터?

(= 네트워크 내에서 통신테이터를 보낼 경로를 선택하는(정해주는) 일련의 과정)ex. 메세지를 보낼 것이다. -> 최적의 경로로 ! 누구보다 빠르게, 누구보다 가깝게 그러니깐, 라우팅은 컴포넌트의 배치를 변경하는 과정 혹은 경로를 선택하는 일련의 과정인데 ! 그 경로

6일 전
·
0개의 댓글
·
post-thumbnail

[ReactJS_MasterClass] #4 REACT ROUTER V6

✍4.1 BrowserRouter react-router-dom 6.4 버전 설치 BrowserRouter 구현하는 방식이 조금 바뀌었는데, createBrowserRouter에서 다뤄본다(4.2) ✍4.2 createBrowserRouter createBrowse

2023년 1월 23일
·
0개의 댓글
·
post-thumbnail

React Router 간략하게 만들기

map함수를 이용하여 코드를 간략하게 만들어보자

2023년 1월 20일
·
0개의 댓글
·
post-thumbnail

useHref() may be used only in the context of a <Router> component. 해결하기

자꾸 편하게 개발 하다가 오류 나오면 아 이거 아는데 .. 하고 구글링만 한다 .. 다신 실수 안하게 하려면 Route 작성 단계별로 적어야 할 것 같다.우선 해당 오류는 App 컴포넌트 전체에 대해 BrowserRouter 처리가 되지 않아서 그런것이 대부분일 것이다

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

next JS 강의 정리 - 3 (API 기본)

/pages 안에 api 폴더를 만들어 준다./pages/api/user.js/pages/username/info.js개발자 도구의 네트워크 탭에서 정상적으로 API호출이 되고 있음 을 확인할 수 있다.src 폴더 안에 constants 라는 폴더를 생성해준다./sr

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

Router와 조건부 렌더링!

라우터 객체란 페이지 이동과 관련된 기능을 가진 객체이다.이 객체를 사용해서 A => B 페이지로 이동할 때,"B 페이지로 라우팅한다"라고 말한다.라우터는 정적라우팅과 동적라우팅으로 나눌 수 있는데로그인페이지처럼 누구나 같은 페이지로 이동하는 것을 "정적라우팅"이라 하

2023년 1월 14일
·
0개의 댓글
·
post-thumbnail

1/12 - TIL (React Router)

React Router Dom의 유용한 기능 1. Path Variables (useParams) 몇번째 일기로 이동하고 싶을 때 -> /diary/:id diary에서 -> 몇번째 아이디를 넣기 위해선느 뒤에 / :id 를 작성하여 값을 전달하겠다 선언 path variable (id) 객체를 useParams에 전달해준다 2. Query String...

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

TODO LIST 개발

\-input에 할 일 입력 후 + 버튼을 누르면 할 일이 추가되는 기능-완료 표시, 수정 기능-삭제 기능 추가-필터 기능을 사용해서 전체, 해야될 것, 완료된 것을 구분-todoList에 추가한 내용이 LocalStorage에 저장되어 그대로 내용을 불러오는 기능 구

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[React] React Router

react-router-dom을 아라보쟈

2023년 1월 5일
·
0개의 댓글
·

# Router Setup

Router setup react-router-dom 설치 Router.js에 import Router 하기 path = "경로", element = {} Router.js 폴더 구성 >참고 : Fragment `` 많은 요소들을 render 하고 싶을 때 사

2023년 1월 3일
·
0개의 댓글
·

Vue Router Params 전달

목록에서 상세조회로 갈 때, 스케줄의 id값을 넘겨 상세조회로 넘어가려고 한다.패스 설정에서 :id 를 사용해 상세 조회시 url에 각 스케줄의 id 값을 띄울 수 있도록 한다.목록에서 상세로 router push 를 할 때, 파라미터로 아이디 값을 함께 넘겨준다. p

2023년 1월 3일
·
0개의 댓글
·

Vue router 개념 정리

클라이언트의 요청 경로에 따라 해당하는 컴포넌트를 불러와 페이지를 구성할 수 있다. URL 변경 시 DOM을 새로 갱신하는 것이 아니라 미리 컴포넌트를 가지고 있다가 변경된 요소영역만 갱신한다(SPA 언어의 큰 특징). 따라서 유연하게 페이지 전환이 가능하다. vue

2023년 1월 3일
·
0개의 댓글
·
post-thumbnail

express (6)

기존 http 모듈을 사용하는데 있어 불편함을 해소해줄수 있는 express

2022년 12월 31일
·
0개의 댓글
·

[TIL]react-router 동작 원리 알아보기

router에 대해서 사용하기만했고 작동 원리에 대해서는 잘 몰라서 작동원리에 대해서 알아보는 시간을 가졌다.

2022년 12월 28일
·
0개의 댓글
·
post-thumbnail

Next.js | 동적라우팅 (Dynamic Router)

Dynamic Router 1. Router pages는 페이지 라우팅을 자동으로 설정해주는 폴더로, 정적 라우팅은 물론 동적 라우팅도 가능하다. | pages 하위 폴더 구조 | URL | | --- | --- | | pages/index.js | / | |

2022년 12월 25일
·
0개의 댓글
·
post-thumbnail

[error] TypeError: Router.use() requires a middleware function but got a Object

Router.use()에서 미들웨어가 필요한데 그걸 전달해주지 않아서 생기는 에러

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