안녕하세요 최근에 리액트와 스프링부트로 프로젝트하다가 결국 엎어버리게된 청춘맨입니다.

엎게 된 이유는 SPA에 대해 제대로 알지 못하고 무작정 만들다가 결국 난관에 봉착하게 돼서 입니다 ㅠㅜㅜㅜㅠㅠ

그럼 SPA가 뭘까요??
Single Page Application의 약자로 우리가 흔히 알고있는 React, Vue, Angular가 있습니다.

그래서 SPA가 뭐냐고 ㅋㅋ;;
말그대로 페이지가 하나인것인데요 리액트를 예로들면
App.js라는 파일만 렌더링을 합니다. 다만 그안에 Router를 통해 도메인주소에 해당하는 컴포넌트만 화면에 보이게끔 하는것이지요.

SPA의 장단점은??
처음 화면을 보여줄때는 전체 뷰를 로딩하기때문에 느릴수있습니다.
그치만 로딩이 완료된후에는 다른 페이지를 호출하게됐을때 이미 뷰는 로드돼있고 화면에만 안보이게끔 해놨기때문에 빠르게 화면에 보여질수있습니다.
JS코드이기 때문에 SEO라는 검색엔진최적화가 되지않습니다. 굳이 필요없다고 하면 단점은 아닐수 있겟죠.
또 React는 CSR을 하는것으로 Client Side Rendering을 하는데요 스프링같이 Server Side Rendering을 할수없다고 합니다 ㅠㅠ
next.js를 사용하거나 굳이 SSR방식을 사용하겠다면 할수는 있다고하는데요.. 제가 프로젝트를 엎게된 진짜이유는 사실 이것입니다.
스프링부트로 작업을 시작했으면서 뷰템플릿에 대해 전혀 고려하지않았던것이 문제였습니다 ㅠㅠ

뭐 어쨋든 리액트도 얼추 경험해봤고 SPA가 뭔지 CSR, SSR이 뭔지도 알게돼서 후회는 없던 프로젝트였습니다.
뷰는 thymeleaf로 해야할거같아요 ㅎㅎ

아직 부족한것이 많아 틀린점이 있을수있습니다. 지적해주시면 감사하겠습니다