SPA(Single Page Application)

vue.js를 살펴보면서 나오던 개념인 SPA가 뭔지 훑고 가려한다.

단일 페이지 어플리케이션.

페이지 하나에 서버에서 컴포넌트들을 전달해서 호출시마다 다른 페이지처럼 보여지는거

 

기존에 url 호출시마다 물리적으로 다른 페이지로 이동해서 보여지던것을 서버사이드 렌더링이라고 한다.

그리고 SPA같은 경우를 클라이언트사이드 렌더링이라고 하고.

 

왜 SPA가 요즘 뜨느냐..

사용자에게 네이티브 앱과 비슷한 느낌이라 한다. 화면이 이동하는 느낌이 없다는거겠지.

근데 Ajax를 쓰면서 껌뻑하는 이동하는 느낌은 많이 줄었는데

그래도 더 나아지는걸 원해서- 아예 안껌뻑거리게?- SPA를 얘기하나..

-> 검색해본 내용으로는 ajax 남발로 코드가 지저분해지고 복잡해지는게 문제라고

 

웹에 특화하기엔 그닥이라는 평이 많다. 모바일웹앱에 추천

history 관리를 브라우저가 하는게 아니라 따로 구현해야하는 이슈가 하나 있고

검색최적화 (SEO) 이슈가 있다고 한다.

 

이 이슈들을 해결하기 위한 방법들은 계속 발전중인것 같고

근데 지저분한듯. 

 

작은 회사의 홈페이지나 별기능없는 서비스 메인 사이트 개발에 쓰면 좋지 않을까?

SEO는 해결해야지만.

 

그리고 떨어질수 없는 개념.

https://asfirstalways.tistory.com/244

클라이언트 사이드, 서버 사이드 렌더링 이름 참 헷갈린다.

 

검색해보면 요즘 개발자들이 옛날보다는 맹목적으로 '이게 요즘 트렌드레! 이게 짱이야!'

이런것보다는 장단이 있고, 맞게 쓰자라는 성숙한 생각들이 늘어난게 반갑다.

 

참고

https://poiemaweb.com/js-spa