React: SPA & Route

사실 블로깅 남길게 참 많은데.. 어쩌다 보니 밀리고 밀렸다 ㅠㅠ 그래서
하나씩 정리하다 중요한 것을 먼저 남기는게 나을꺼 같아서 오늘은 리액트이
라우터 파트를 기록하는게 좋을거 같아 블로깅한다.

일단 리액트의 장점이 여러가지가 난무한 가운데 그중 하나의 장점을 뽑자면
SPA가 그 중 하나의 장점이라 생각한다. 그렇다면 이 말한 SPA는?

SPA란?

Single Page Applicaiton의 약자이며 말 그대로 한개의 페이지로
이루어진 어플리케이션이다!

SPA의 장점

요즘 같이 웹에서 제공되는 정보의 양이 많으면 많았지 절대 적은 양이 아니여서
서버측에서 모든 뷰를 준비한다면 성능상 문제가 발생할 수 있다. 특히 서버에
많은 사람이 몰려 이용 할 시 과부하가 걸려 흔히 말하는 '서버가 터진다' 상황이
발생 할 수도 있다. 하지만 이 리액트 라이브러리를 사용할 경우 뷰 렌더링을 사용자의
브라우저가 담당할 수 있고, 사용자와의 인터렉션이 발생하면 필용한 부분만
자바스크립를 이용하여 업데이트가 가능하다.

SPA 같은 경우 서버에서 사용자에게 제공하는 페이지는 한 종류이지만
다른 주소에 다른 화면을 보여 주는 것을 '라우팅(Routing)'이라 한다.
허나 리액트는 라이브러리 그 자체 이기에 기능이 내장되어 있지는 않다. 브라우저의
API를 직접 사용하여 이를 관리하거나 라이브러리를 사용하여 이 작업을 더욱 쉽게 구현이 가능하다.

리액트 라우팅 라이브러리는 리액트 라우터, 리치라우터, Next.js등 여러가지가 있다.