# router

135개의 포스트
post-thumbnail

Hide component , router속성

콘솔로그로 router를 찍어보면이러한 값들이 나오는데, components를 열어보면이러한 객체들이 널려있음 ㄷㄷ이걸가지고 활용할수있는게 많을거같음현재 페이지가 /13-01-layout-hidden이면푸터가 숨겨졌으면 좋겠다.HIDEN_FOOTER라는 변수에 /13-

약 2시간 전
·
0개의 댓글
post-thumbnail

[React] 2. React Router, Sass]

🔍 React Router >- path속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정하고 브라우저 이동 없이 빠르게 페이지 전환이 이루어지도록 도움을 준다. CRA(Create React App)에는 routing을 위한 로

2일 전
·
0개의 댓글

TIL. 4주차 목요일

1. React SPA Single Page Application의 줄임말로 서버로부터 완전한 새로운 페이지를 불러오지 않고 페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재의 페이지를 업데이트함으로써 사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다. 2. SPA의 장점 전체 페이지가 아니라 필요한 부분의 데이터만 받아서 화면을 업데이트...

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

React Router

React에서 npm으로 React Router DOM을 설치(npm install react-router-dom)하고 이용할 수 있다.React Router DOM를 이용하여 SPA를 구현할 수 있다.라우팅 구조를 짤 수 있어야 하고, 이에 필요한 기초 문법들을 사용

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

Routing(spa)

\-라우팅(Routing) : 주소에 따라 다른 View를 보여주는 것.React는 Single Page Application 이라는 데이터 통신 기법을 사용한다. Single Page Application 이란 고전 서버 통신의 경우 html 과 js와 control

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

React-Router(2): router에게 props전달

영화를 클릭했을 때, Link가 지정 path로 이동하면서 같은 path를 주소로 하는 router에게 정보(props)를 보낸다. (Movie.js에서 구현한) 영화를 클릭하여 Link가 지정 path로 이동하고 동시에 정보(props)를 넘겨주면, 같은 path를

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

[React] react-router-dom 적용하기

간단하게 react-router-dom 사용해보기

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

React-Router(1): Link와 exact

리액트는 SPA(single page Application)방식으로써, 여러개의 페이지를 사용하며, 새로운 페이지를 로드하는 기존의 MPA방식과 달리, 새로운 페이지를 로드하지 않고 하나의 페이지 안에서 필요한 데이터만 가져오는 형태를 가진다.예를 들어 로그인과 회원가

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

useRouter, 동적라우팅

그냥 리액트만 사용할 때 나는 ... 페이지 이동을 위해서 많은 명령어를 사용했어야 했다. 하지만 넥스트라이브러리를 사용하니, 이렇게 세상 편하게 이동을 할 수가 없어!라우터는 이름에서 알 수 있듯이 페이지 이동을 위해 사용한다.길을 만들어 주는 것 기존의 리액트 라우

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

Node Js 복습 (1)

1. HTTP HTTP: 80번 포트 사용 (https는 433번) 연결상태를 유지하지 않음 2. Req Res 1)request 메세지 Status line : 통신 메소드(get, post, put, delete 등) / url / http 버전 Header

2021년 9월 8일
·
1개의 댓글

vanilla javascript 로 spa 만들기 (1) (component, props 사용)

영상에서는 router 함수에서 직접 routes 들을 설정해서 관리를 했는데, 직접 router 파일에서 관리를 하는 것보다 Component들을 관리하는 app.js 에서 router,routes 등을 설정해줘서 좀더 관리에 용이하도록 수정 하였다.potential

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

React #4

리액트에서는 하나의 파일에 여러개의 페이지를 보여줌다른 경로에 따라 다른 화면을 보여줌\-> 리액트의 기본 기능 아니라 React-router 라이브러리 설치 필요

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

[TIL] 9월 3일 Router!!

부트캠프 시작한지 벌써 일주일이 지났다. 오늘은 어제에 이어서 통신관련 부분을 배웠다. 어제는 Mutation을 통해 서버에 데이터를 보내고 데이터를 받아오는 연습을 했다. 오늘은 Query를 통해 받아온 데이터를 다른페이지에 그려주는 실습을 했다. 어제 Muta

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

Session 10. Sass & React Router

*🔐Study Keyword : > 리액트의 **라이브러리인 🔑Sass와 🔑React Router**를 써보자

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

React Router와 history.push()

React Router와 history.push()에 대한 간단한 정리

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

[ Vue Project ] - Vue-router 생성

new router init & upload Fi of the create Vue.js cli2(3)

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

[TIL] nextjs/react - 라우터 변경시 함수 호출(fire actions when router changed - routeChangeComplete)

오늘 운영 이슈를 해결하다가 새롭게 배운 router event가 있어서 공유해봅니다.Route 주소가 변경됐을 때 특정 액션을 발생시켜야 하는 경우 사용할 수 있는 router 이벤트next/router로 이벤트를 감지해서 특정 이벤트가 발생하면 함수를 실행시킬 수

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