SPA의 장단점

SPA(Single Page Application)란?

- Single Page Application, 한 개의 페이지로 이루어진 애플리케이션 이라는 말이다. MPA(Multi Page Application)과는 상반된 개념.

장점

1. 딱 한개의 페이지(Single Page)로 구성된 웹 앱이다.
2. 서버에 1회 리소스를 요청한다.
3. 그 이후에는 필요할 때, 데이터만 받아와서 기존 페이지를 ‘수정’해주는 방식으로 화면을 수정하기 때문에 사용자 입장에서 깜빡임이 없이 굉장히 자연스러운 UX(User Experience)를 구현이 가능하다..
4. 비슷한 기술 → Angular, Vue

단점

1. 사이트 처음 접속 시 관련없는 모든 리소스를 한번에 다 받기 때문에 초기 구동 속도가 느리다.
2. 클라이언트에 중요 비즈니스 로직이 노출 될 위험이 있다.
3. 검색 엔진 최적화(Search Engine Optimization)의 어려움 -> 페이지가 다 로딩되어야 리소스가 보이기 때문에, 검색할 땐 노출이 안되기에 포털 사이트에 광고비를 지급하여 상단에 노출시켜야 사용자 유입이 용이해진다. -> 이와 같은 단점을 보완시켜주는 것이 NextJs이다.. ~~(조만간 프로젝트에 들어가..ㄹ 수 있겠지?)~~