# router

167개의 포스트
post-thumbnail

[react] parameter

React Router는 위와 같이 URL에 다양한 변수를 넣어서 동적으로 만들 수 있다.해당하는 영화 제목을 누르면 Detail페이지로 들어가면서URL을 동적으로 변화시켜보도록 하자. 매개변수로 Movie Api의 id데이터를 활용할 것이다.App.js에서 Route

2일 전
·
0개의 댓글

TIL | React (Route 이동방법)

<Link> 컴포넌트 사용법useNavigate 사용법react-router-dom 에서 제공하는 <Link /> 컴포넌트는 DOM에서 <a> 로 변환(Compile) 된다.<a> 태그와 마찬가지로 <Link /> 컴포넌트도 지정한 경로로 바

3일 전
·
0개의 댓글

TIL | React ( Router )

SPA (Single Page Application) : 페이지가 한 개인 애플리케이션리액트 프로젝트에선 .html 파일의 개수는 1개 >>> SPA(Single Page Application)라우팅(Routing) : 다른 경로(url 주소)에 따라 다른 View(화

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

[react] React Router

React Router를 적용하기 위해index.js부분에서 다음과 같은 명령어로 먼저 설치를 해줘야한다.npm i react-router-dom@5.3.0설치 후 App.js에 import를 다음과 같이 해준다.BrouserRouter as 다음에 Link도 들어가지

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

TIL#29 React ) Router

SPA (Single Page Application) : 페이지가 한 개인 애플리케이션WeBucks-frontend : login.html, list.html, detail.html - 페이지 수만큼 html 파일이 존재리액트 프로젝트에서 .html 파일의 개수는? 1

5일 전
·
0개의 댓글

vue.js__Vue Router

라우터, 네스티드 라우터, 네임드 뷰

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

Node.js 소개부터 Express 기본기까지 - 실습위주 (1)

Node.js 은 구글 크롬의 자바스크립트 엔진 - V8엔진 위에서 구동되는 "서버 사이드" 플랫폼 이다.저도 처음에는 V8 엔진이 뭔지 궁금해서 찾아보았는데,V8 is Google’s open source high-performance JavaScript and We

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

[Flutter] beamer

https://pub.dev/packages/beameror플러터 하면서 첫번째 난관...페이지 넘기는 방식이 뭐이리 복잡하다냐..안드로이드 네이티브가 너무 그리워 지는 상황이다.웹으로 개발하는것을 의도한것인지 router 부분이 웹이랑 유사하다.나만 어려운가

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

[react] movie app만들기2 - router세팅

이전에 만든 movie app 예제는 한 페이지 안에서만 내용이 모두 들어가있다.각 영화마다 링크를 걸어서 자세한 내용이 있는 페이징 작업을 해보고자 한다.그 작업을 하기 위해서 router를 활용해야 하기 때문에다음과 같이 커맨드 창에 입력하고 React Router

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

[React] 리액트 라우터

다른 주소에 다른 화면을 보여 주는 것을 라우팅이라고 한다. 리액트 라이브러리 자체에 이 기능이 내장되어 있지는 않다. 그 대신 브라우저의 API를 직접 사용하여 이를 관리하거나, 라이브러리를 사용하여 이 작업을 더욱 쉽게 구현할 수 있다.그 중 리액트 라우터는 리액트

2021년 11월 24일
·
0개의 댓글

[TIL] Flask - router와 method

flask 라우팅을 사용하는 방법

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

Web-Home server

공유기(Router)는 WAN과 LAN을 연결해주는 중계기라고 할 수 있다.LAN : Local Area Network (지역 통신망)WAN : Wide Area Network (광역 통신망)공유를 통한 LAN에 연결된 기기들은 각각의 IP 주소를 갖는다.공유기 또한

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

React : react-router-dom 등...

리액트 라우터 라이브러리

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

React - Router 시작하기

우선 SPA 라는 개념을 알아야한다!SPA는 single page application 는 하나의 페이지로 구성된 애플리케이션입니다.이전 웹페이지 같은 경우 페이지의 개수마다 HTML 파일이 존재했지만SPA로 작업된 웹페이지는 단 한 개의 HTML로 구성되어있습니다!

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

스토리북(storybook) 설정

스토리북에서 필요한 설정들을 알아보자.

2021년 11월 9일
·
0개의 댓글

11.05 (5)

til 5일차

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

[TIL 5일차]

라우팅이랑 서버에서 클라이언트에 내가 불러오고자 하는 URL을 불러오는 것이다.reloae(), replace(), pathname: 현재 나의 주소를 알려준다게시글의 수가 많아지면 폴더의 수가 많아지므로 비효율적인 방법이다.기존에는 서버로부터 해당 URL에 대한 데이

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

react-router-dom

가장 많이 사용되는 라이브러리 중 하나로, 클라이언트 사이드에서 이루어지는 라우팅을 간단하게 해주며 서버 사이드 렌더링을 도와주는 도구들을 제공합니다.

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

HashRouter vs BrowserRouter

A that uses the HTML5 history API (pushState, replaceState and the popstate event) to keep your UI in sync with the URL.HTML5 history API를 사용하여 UI(화면

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

[네트워크] 라우팅(routing)

라우팅(routing) 패킷이 출발지에서 목적지까지 거칠 경로를 설정 라우터(router) > 패킷의 위치를 추출하여, 그 위치에 대한 최적의 경로를 지정하며, 이 경로를 따라 데이터 패킷을 다음 장치로 전송시키는 장비 라우팅 프로토콜(routing protocol)

2021년 10월 26일
·
0개의 댓글