# router

99개의 포스트
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 6.2 Building the Navigation

네비게이션이 라우터와 관련된 처음 듣는 용어일 거라고 생각했는데, 네비게이션 바 얘기할 때 그 네비게이션이란 것을 깨달았다.우리는 홈과 어바웃 두 개의 버튼만 만들어 줄 계획이다.먼저 Navigation.js 를 새로 만들어주고 <a>Home</a>과 &lt

2021년 6월 11일
·
0개의 댓글
post-thumbnail

[react] 노마드코더 영화웹서비스 제작 6.0 라우터를 위한 준비

react-router dom 설치네비게이션으로는 react-router dom이라는 것을 쓴다.네비게이션을 만들어주는 패키지이다.npm install react-router-dom을 입력해 설치한다.설치되는 동안, 더 많은 화면을 보고 더 많은 것들을 할 수 있도록

2021년 6월 10일
·
0개의 댓글
post-thumbnail

hashchange를 이용한 router 만들어보기

브라우저에서 hashchange 이벤트를 이용해 아주 간단한 수준의 라우터를 만들어봤습니다.

2021년 6월 2일
·
2개의 댓글

React-Router-Dom

라우팅이란? 네트워크상에서 주소를 이용, 목적지까지 경로를 체계적으로 결정하는 경로선택 과정리액트 라우터는 리액트의 화면 전환을 도와주는 역할을 한다. 일반적인 웹에서 a태그를 이용해 다른 페이지로 이동했었다. 리액트에서는 React-Router 를 통해 Link 태그

2021년 5월 28일
·
0개의 댓글

[TIL.02 wetube] 4.0 to 5.10

app.use -> "/users" 로 시작하는 url 에 접근하면 userRouter에 있는 컨트롤러를 찾게한다. -> userRouter에는 "/edit" 루트 한 가지 밖에 없다. -> handleEditUser 함수 실행 코드를 깔끔하게 작성하기 위해 Route

2021년 5월 28일
·
0개의 댓글
post-thumbnail

react-router 활용

다른 주소에 다른 화면을 렌더링 하고 싶을 때 사용이런 url을 가진 메인 페이지에 도달했을 때 우리는 '/'를 활용해 각기 다른 페이지로 이동을 원할 때가 있습니다.. 보다는 한 웹사이트에서 다양한 기능 정보를 제공하기 때문에 라우팅은 필수가 아닐까 싶은데요. 쿠팡

2021년 5월 27일
·
0개의 댓글
post-thumbnail

TIL - React Router ( React - 3 )

TIL - React Router ( React - 3 )

2021년 5월 25일
·
0개의 댓글
post-thumbnail

TIL React #3 React Router

리액트 라우터가 왜 필요하는가? 라는 질문의 답은 바로 SPA이다.SPA (Single Page Application)은 페이지가 1개인 애플리케이션을 말한다.즉 , 오직 하나의 html을 쓴다는 뜻인데 웹페이지가 1개인 애플리케이션안에서다른 여러개의 페이지를 보여주는

2021년 5월 25일
·
0개의 댓글
post-thumbnail

[React] 리액트 라우터(react-router)

URL에 따라서 그에 상응하는 화면을 전송해주는 것을 Routing이라고 한다.리액트에서 라우팅 기능을 구현하는 것은 쉽지 않지만 React Router는 리액트에서 비교적 쉽게 라우팅이 가능하도록 도와준다.React Router를 설명하기에 앞서서 React Rout

2021년 5월 23일
·
0개의 댓글

React-Router.2 Hooks

react-router-dom 5.1v 부터 3가지의 hooks을 제공합니다.설치는 이전과 동일합니다.터미널에 react-router-dom 설치 1\. yarn add react-router-dom2\. npm install react-router-domuseHist

2021년 5월 22일
·
0개의 댓글
post-thumbnail

React- Next Router vs React Router

모든 코드에 의미를 담겠습니다.Next 프레임워크와 React 프레임워크를 사용하면서 두 가지의 차이점이 무엇인지 궁금했다. 사실, React.js를 많은 스타트업 및 대기업에서 프론트엔드 프레임워크로 사용하고 있는데 Next.js가 React랑 많이 다르면 취업하는데

2021년 5월 19일
·
0개의 댓글
post-thumbnail

[7일차-2] 과제 복습.

작성자, 내용 등을 입력하여 버튼을 눌렀을 시 다음 화면에 해당 값들이 적용되야함. 주소는 해당 게시물의 ID가 나와야 함. 작성자, 제목, 타이틀 3가지 및 ID 주소 반영하기 과제.\*\*css는 수업 첫날 한거라 미숙함. 나중에 수정할 예정. 이렇게 나와야한다.

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

[7일차] codecamp 첫 주말/ 복습2

어제에 이어 두번째 페이지 만들기 도전.아직 완벽히 이해 안가는 부분도 있으나 일단은 따라해보며 파악해보자.버튼 클릭 시 결과화면에 띄우기 -> 데이터 조회 요청 -> query\-필요 기능 목록-통신 기능(조회) - API -> apollo -> usequery,

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

[6일차] codecamp 첫 주말/ 복습1

코드캠프 정규수업 일주일째가 끝나고 첫 주말이 찾아왔다.어제 수업이 이번주 배운 내용들의 전반적인 응용이었고 아직 숙지를 못한 부분이 있었기 때문에 오늘은 숙제 완료 후 어제 실습 내용을 다시 해보았다.데이터 입력 후 버튼을 누르면 작성한 이름명의 페이지로 넘어가면서

2021년 5월 15일
·
0개의 댓글
post-thumbnail

[5일차] 얕은복사와 깊은복사/ 라우터/ graphql 쿼리 실행

객채와 배열의 데이터는 주로값으로 저장이 된다.여기서 child2를 새로 선언하여 child1을 넣어보자.그 다음 새로 선언한 child2의 이름을 맹구로 바꿔보자.그럼 상식적으로는 2의 이름이 맹구고 1은 짱구여야 할텐데,둘다 맹구가 되어있음. 즉, 얕은 복사는둘이

2021년 5월 15일
·
0개의 댓글
post-thumbnail

React - Router의 match, location, history 객체

브라우저와 리액트 앱의 Router르 연결하면 Router가 history api에 접근할 수 있게 되고 각 Route와 연결된 컴포넌트의 props로 match, location, history 객체를 기본적으로 전달하게 된다.

2021년 5월 8일
·
0개의 댓글
post-thumbnail

React - Router

일단 라우팅(Routing)이란 다른 경로마다 다른 화면을 보여주는 것이다. 리액트는 자체적으로 라우팅 기능을 제공하지 않기 때문에 React Router라는 외부 라이브러리를 주고 사용한다.

2021년 5월 8일
·
0개의 댓글

Vue.js(4) Router 및 Axios, async await 개념

async..await와 axios 및 Promise싱글페이지 애플리케이션 구현할 때 사용하는 라이브러리 이다.페이지간에 이동하는 기능 구현할때 사용한다.라우터 인스턴스 생성var router = new VueRouter({ ... })라우터 옵션 추가 가능routes

2021년 5월 3일
·
0개의 댓글
post-thumbnail

Amazon_Clone- 3. Order

Router about Order

2021년 5월 3일
·
0개의 댓글
post-thumbnail

Amazon_Clone - 2. Product

Router about Product

2021년 5월 3일
·
0개의 댓글