React SPA

서버로부터 완전한 새로운 페이지를 불러오지 않고
페이지 갱신에 필요한 데이터만 받아 그 정보를 기준으로 현재 페이지를 업데이트함으로써
사용자와 소통하는 웹 어플리케이션이나 웹 사이트를 말한다.

SPA의 단점

앱의 규모가 커지면 자바스크립트 파일이 너무 커지고
검색 엔진 최적화(SEO)가 좋지 않다.

React Router

BrowserRouter vs HashRouter

참고블로그

BrowserRouter

• HTML5의 history API를 활용한다.
• 동적인 페이지에 적합하다.
• github pages에서 설정하기 복잡하다.

HashRouter

• URL의 hash를 활용한다.
• 정적인 페이지에 적합하다.
• github pages에서 설정하기 간편하다.

React Twittler SPA Sprint

리액트 Twittler를 Router를 이용해 SPA로 구현하기