# react router

17개의 포스트

[ React : Router ]

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

6일 전
·
0개의 댓글

1.2 React Setup

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

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

04. vanilla js로 라이브러리 모방하기

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

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

React - Mock data

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

2020년 9월 19일
·
0개의 댓글

React-Router 란?

SPA(Single Page Application)

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

08/31 - personal portfolio(1)

making my own portfolio

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

[TIL] Sass, React-router

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

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

Github Page로 React SPA 배포하기 (ft. React Router)

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

2020년 6월 29일
·
3개의 댓글

a 태그의 함정

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

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

React Router

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

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

GraphQL React + Apollo Tutorial - 5. 라우팅

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

2020년 5월 7일
·
2개의 댓글

Hooks - 동적 라우팅

useParams,useHistory,useLocation

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

react Route

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

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

React-Router?

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

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

React 개발환경 세팅하기(without CRA) - 3. React 설치하기

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

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

Create React App: React Router, Redux Saga, and More

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

2019년 10월 31일
·
2개의 댓글

React-Router 간단한 사용법

사전 준비 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 ...

2019년 8월 28일
·
1개의 댓글