@dev park 박예빈

last update: 2020.12.29.


CONTENTS


1. React-Router

0. References

react-router :: 1장. 리액트 라우터 사용해보기 -velopert.log

react-router :: 1장. 리액트 라우터 사용해보기

SPA (Single-page application) - MDN web docs

SPA (Single-page application)

1. Introduction

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/c0a01a79-8779-45ee-900d-1675d9b99879/react-router.png

실무에서 작성한 React 컴포넌트 및 페이지와 서버 측을 연결할 때가 왔다. 따라서 React-Router에 대한 개인 학습 및 일주일 내로 라우터 구축을 완료할 것을 새로운 업무로 받았다. Routing이라는 개념 자체는 생소하고, 한 번도 직접 구현해 본 적 없지만, 이는 그동안 react 관련 실무를 수행하고 리서칭을 진행하는 과정에서 정말 많이 들어본 단어이기도 하다. 예를 들어 Code Splitting에 관한 글 등을 읽을 때도 빠지지 않고 등장하는 단어가 바로 이 React-Router였고, 아직은 건드릴 파이가 너무 크다는 생각에 덮어뒀었다. 하지만 드디어 때가 왔다. 정말 중요한 개념일 거란 생각이 든다. 집중하고, 기초 이론부터 차근차근 시작해 실무에도 직접 적용해 보자.

2. Theory

2-1. Theory : SPA(Single Page Application) & Routing