
React
[React] React Router 사용해 SPA 만들기
1. SPA(Single Page Application) SPA는 사용자가 느끼기에는 여러 페이지가 존재하는 것 같지만 실제로는 하나의 페이지인 것을 말한다. 멀티 페이지 애플리케이션 기반으로는 페이지를 이동할 때마다 매번 새롭게 리소스를 받아와 표시하지만 SPA는 html을 한번만 받아 오고 페이지 이동 시에는 변화가 필요한 부분만 새롭게 데이터를 받아 온다. 이렇게 페이지를 구성하면 사용자와의 상호작용이 많은 애플리케이션에서 속도가 향상되고 더 부드러운 페이지 업데이트가 가능하다는 장점이 있다. 그에 비해 처음 페이지를 표시할 때 거의 비어 있는 html 페이지를 받아 오고 나머지는 자바스크립트를 통해서 내용을 구성하다 보니 첫 로딩 시간이 길어질 수 있다는 단점도 있다. SPA에서 또 한가지 단점이..