[React] - React SPA

🧐 SPA(Single Page Application)

SPA 는 구시대적인 MPA를 보완한 것으로써 서버로부터 완전한 새로운페이지를 계속 받아오는것이 아닌
업데이트가 필요한 데이터만 받아 화면에 렌더링을 해준다.

🤩 SPA 의 장점

1.전체 페이지가 아닌 필요한 부분의 데이터만 받아 업데이트 하기 때문에 사용자와의 상호작용이 빠르다.

2.서버는 요청받은 데이터만 전달해주면 되기 때문에 서버 과부화문제가 줄어든다.

3. 전체페이지를 사용자가 요청할때마다 렌더링해주는 것이 아니기때문에 더 나은 유저경험을 제공한다

우리가 흔히 접할수 있는 SPA방식으로 만들어진 서비스는 대표적으로 Youtube가 있다.

😢 SPA 의 단점

1. SPA 는 HTML 파일은 거의 비어있고, 대부분의 코드는 JS파일안에 있기 때문에 JS파일을 로딩하는 첫화면 시간이 길어진다.
   
2. 검색엔진 서비스를 만드는데 취약하다. 왜냐하면 HTML파일에는 정보가 거의 없기때문이다. 하지만 최근에는 SPA방식으로도 검색엔진서비스에 최적화할수있도록 발전하고있어 나아지고있는 추세이다.