# react router

ichbinmin2

✔️ React Router 설치routing은 다른 경로(주소)에 따라 다른 View(화면)를 보여주는 것을 말한다.리액트 자체에는 이러한 기능이 내장되어있지 않기 때문에 routing을 사용하기 위해서는 추가적인 설치가 필요하다. 이러한 이유 때문에 리액트는 Fra

arihi

🙋‍♀️ React CRA로 시작하기 npx create-react-app

shellboy

들어가며 vanilla js로 구현을 할 때, 기왕이면 실제 존재하는 라이브러리를 만들어서 사용한다면 어떨까라는 생각을 하였다. 그래서 시중에 존재하는 라이브러리 중 검증된 라이브러리를 모방해보자고 생각했다. 직접 만들어보면서 기존 라이브러리에 대한 이해도가 높아진 것

enjoywater

API가 나오기 전에 Front-end에서 전송받을 데이터를 미리 가짜로 만들어서 개발을 진행할 수 있다. 미리 가짜데이터를 API로 부터 받을 데이터와 같은 구조로 만들어서 개발을 진행하면, 실제 API가 들어올때 수월하게 작업을 할 수 있다.\--.js / --.j

sksgur3217

SPA(Single Page Application)

sonofhuman20

making my own portfolio

younuk23

CSS Pre-processorCSS에 변수, Nesting, 연산자 등 CSS에서 기본적으로 제공되지 않는 문법들을 사용해서 CSS를 편리하게 작성하게 해줄 수 있게 해주는 툴작성 후 최종적으로 Sass 패키지에 의해서 CSS로 컴파일되어서 실행 됨반복되는 작성을 최

ausg

Github Page로 React SPA를 배포해봅니다. 그거 쉽지 않냐고요? 과연, 그럴까요...

khnoh

react에서 a 태그를 쓰면 안되는 이유

nayeon

install npm react-router-dom 을 입력하고 import 한다.react-router-dom을 적용하고 싶은 컴포넌트의 최상위 컴포넌트에 감싸주는 Wrapper 컴포넌트로서의 역할을 한다.위의 모습처럼 최상위 컴포넌트인 App컴포넌트를 감싸주면 Ap

cadenzah

GraphQL과 Apollo를 `react-router 4`와 함께 사용하여 페이지 이동을 구현하는 방법을 배웁니다. 각 라우팅은 `Link`로 표현됩니다.

kimu2370

useParams,useHistory,useLocation

johnque

React Route yarn 먼저 react Route를 사용하려면 을 설치해줘야 한다.

sss5793

리액트는 SPA(Single Page Application)로 구성되어 있습니다. 그래서 페이지 전환이 파일로 이동하는 것이 아닌 한 페이지내에서 컴포넌트를 변경하는 방식입니다. React-Router란 리액트의 페이징 처리를 도와주는 라이브러리입니다. React-

jungsw586

react, react-dom 설치 router 추가 설치시 src/index.js 폴더에 리액트 삽입 npm start 로 확인

hih0327

Bruno Krebs님의 글을 보고 실습하면서 작성한 글입니다. 처음 공부하고 있어서 부족하거나 잘못된 정보가 있을 수 있습니다. (2019.10.28 월) 조금 더 자세히 알게 되거나 수정할 부분이 있으면 바로바로 수정하겠습니다. 전제 조건 Node.js 와 NPM 설치를 해야한다. Node.js Download 만드려는 것 매우 간단한 To-...

ki_blank

사전 준비 npx create-react-app react-router src 폴더 안에 Components, Screens 폴더 생성 Components 폴더에 App.js 이동, Routes.js와 Header.js 생성 Screens 폴더에 Lionking.js, Aladin.js, Spiderman.js생성 스크린샷 2019-08-28 ...