react-router

SPA란?

Single Page Application

전통적인 방식:

요청시마다 새로고침이 일어나며,

페이지가 로딩 될 때 마다 서버로부터 리소스를 전달받아 해석 후 렌더링

캐싱 & 압축

충분하지 않다...

싱글 페이지 어플리케이션:

브라우저에 로드 되고 난 후, 정말 필요한 데이터만 전달받아 렌더링

문제점

앱 규모가 커지면

JS 파일 사이즈가 너무 커짐..

실제로 사용하지 않을

페이지의 정보도 가져옵니다

해결법: Code Splitting

1. 프로젝트 환경 설정하기

create-react-app 으로 프로젝트 생성

$ create-react-app react-router-tutorial

react-router 설치

$ yarn add react-router
Made with Slides.com