# router

21개의 포스트
post-thumbnail

React Router

위와 같은 구조의 포트폴리오 사이트를 리액트 네이티브 SPA로 구현 중이다. 리액트 라우팅에 대해 학습한 내용을 정리해본다. BrowserRouter as Router 는 코드에서 Router를 식별자로 사용하겠다는 의미이다. Switch는 URL 매칭이 일어나면 그

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

[Network] 라우터의 기능과 구조

WAN/인터넷 서비스는 전 세계에 여러 가지가 있으며, 서비스마다 접속하는 인터페이스와 프로토콜도 각양각색입니다. 라우터는 그런 다양한 서비스에 접속할 수 있게 다양한 인터페이스와 프로토콜을 지원합니다.

3일 전
·
0개의 댓글

React Router

React Router 서로 다른 주소를 가진 view 를 만들어 관리하는 방법을 알아봅니다.

3일 전
·
0개의 댓글

라우터

서로 다른 네트워크와 통신하려면 라우터가 필요하다.라우터는 네트워크를 분리 할 수 있다.라우터 하나에 스위치 두개가 연결 되어있다고 한다면 , 스위치 A: 192.168.1.0/24스위치 B: 192.168.2.0/24는 서로 다른 네트워크 이다. router 는 3

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

Router/ fetch

: Routing은 페이지 이동을 의미한다. 하지만 리액트에서는 라우팅이 내재되어있지 않아서 npm install react-router-dom --save 라는 명령어로 설치한다.import React from 'react';는 react패키지에서 React를 임포트

2020년 5월 24일
·
0개의 댓글

react Router

주소창에 주소를 치면 다른 페이지로 넘어갈 수 있다. 어떻게 구현할 수 있을까? react에서 Router를 이용하면 된다. a태그로 이동하면 안되는 이유 > 이동 시 페이지의 모든 게 초기화되기 때문!! 참고로 리액트 import순서 중요하다. > 리액트 패키

2020년 5월 17일
·
0개의 댓글
post-thumbnail

Main Page 틀 짜기

미완성인 main page의 모습색 조합이 짜여진 사이트를 알게 되어서 내가 요즘 빠진? 주황/갈색 계열의 색들로 찾아서 조합해보았다.Play Neagle내글을 클릭하면 Profile page로 이동하고,하단에 있는 컴포넌트들을 클릭하면 Component page로 이

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

Vue router 를 알아보자.

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 강의를 토대로 학습한 내용을 정리하였습니다.CLI 설치할때 라우터를 포함하지 않았다면!!터미널에 명령어를 쳐서 따로 설치해주자.(\*설치하고 package.json 에서 확인 필수!!)요로코롬 설치 후

2020년 5월 10일
·
0개의 댓글

[TIL] React Project - Route

📌 프로젝트를 하면서 필요한 이론 정리 / Route 이동하는 방법은 두 가지가 있다.Routes.js에서 설정한 path로 이동하려면 Link 컴포넌트를 사용하면 된다.react-router-dom에서 제공하는 Link 컴포넌트

2020년 4월 22일
·
0개의 댓글
post-thumbnail

지리공부는 내게 쥐약이였다.

우리가 배운것들의 기반지식을 이해하기에 좋은 카X오맵같은 글입니다. ( 먹는거냐옹? )

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

[express] 라우터, 컨트롤러, 미들웨어로 나누어 관리하기

express 공식 문서의 hello world 예제를 보면 라우팅을 다음과 같이 처리하는 것을 볼 수 있다. 이러한 방법은 어떤 엔드포인트로 접근했을 때 어떤 동작을 하게 되는지 한 눈에 볼 수 있어 유용할 수 있다. 그런데 좀만 앱이 복잡해지면 위와 같은 방법으로

2020년 3월 28일
·
0개의 댓글
post-thumbnail

[React - 1st Project] Query parameters, URL parameters

SPA, React Router리스트 페이지 >>> 상세 페이지유동 라우터유동라우터란? 유동라우터 방법 두 가지1) URL parameters2) Query Strings \- 두 가지 방법을 각각 언제 사용하는게 좋을까?주의!SPA(Single Page Applic

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

[TIL] 26. React - Router

Create React App에는 routing을 위한 로직이 들어있지 않기 때문에 react-router를 추가해야 routing을 구현할 수 있다.설치한 디렉토리로 이동 후, package.json 파일에 dependencies 중 react-router-dom 이

2020년 2월 25일
·
0개의 댓글

React Router History : push와 replace의 차이점

Home > Item > Login > Item 순으로 페이지를 이동했을 때Home > Item > Login > ItemHome > Login > Item

2020년 2월 18일
·
0개의 댓글

(TIL 19일차) React Native (2)

React Native 라우팅방식 modal

2020년 2월 16일
·
0개의 댓글

(TIL 14일차) React (3)

React Router

2020년 2월 11일
·
0개의 댓글

react Router history

History 홈페이지를 뒤로 가기 하거나 뒤로 간 상태에서 앞으로 가기 등을 할 수 있는 이유는 히스토리가 남아있기 때문임 goBack()을 하면 뒤로가고 goForward()를 하면 앞으로, push()를 하면 정해진 url로 갈 수 있게 됨 Link로 어떤 url을 호출하게 되면, 해당 url로 이동시 렌더링 된 component에는 아무런 파라미...

2020년 2월 8일
·
0개의 댓글

React Router: 파라미터와 쿼리

1. 개요 페이지 주소를 정의 할 때, 우리는 유동적인 값을 전달해야 할 때도 있습니다. 이는 파라미터와 쿼리로 나뉘어질 수 있는데요: 파라미터: /profiles/velopert 쿼리: /about?details=true > 일반적으로는 파라미터는 특정 id 나 이름을 가지고 조회를 할 때 사용하고, 쿼리의 경우엔 어떤 키워드를 검색하거나, 요청을 할 ...

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

React Router: router, link

1. Route: 특정 주소에 컴포넌트 연결하기 사용자가 요청하는 주소에 따라 다른 컴포넌트를 보여줘보겠습니다. 이 작업을 할 때에는 Route 라는 컴포넌트를 사용합니다. >`` 예제 > exact 라는 props 를 true 로 설정하면 경로가 완벽히 똑같을때만 컴포넌트를 보여주게 됩니다. 2. Link: 누르면 다른 주소로 이동시키기 Link ...

2020년 1월 3일
·
2개의 댓글

React 개발환경 세팅하기 - 2. React Router 설치

React 프로젝트에 Router 설치 방법 1. 터미널을 킨다. 2. Router 설치를 희망하는 React프로젝트의 디렉토리로 이동한다. 3. 입력한다. 4. 설치한 React 프로젝트 디렉토리를 열어 package.json 파일에 "dependencies" 중 "react-router-dom" 이 있는지 확인해 본다. 끝! +Router 활용해...

2019년 11월 3일
·
0개의 댓글