호잇트
30
2021-11-05 17:23:32 작성 2021-11-05 17:38:24 수정됨
3
145

SPA와MPA , CSR과SSR


http://blog.hahus.kr/csr-ssr-spa-mpa-ede7b55c5f6f

이 글을 보고 이해가 가지 않는 부분이 있습니다.

이 글에서는 MPA가 CSR을 하지 못한다고 했습니다.


만약 프론트엔드 서버와 백엔드 서버를 분리해서 따로 배포를 하고

프론트엔드 서버는 리액트나 뷰를 사용하지 않고 express와 ejs파일만으로 만들어서 mpa를 만듭니다.

백엔드서버는 요청이 오면 json을 응답하는 역할만 합니다.

클라이언트가 어떤 주소를 요청했을 때 프론트엔드 서버에게 일단 정적파일을 받고,

그 중 js파일이 ajax로 백엔드 서버에 필요한 데이터를 받아오면 CSR 아닌가요?


그러면 MPA도 CSR을 할 수 있는 것 아닌가요?


0
  • 답변 3

  • kenu
    57k
    2021-11-05 17:27:24
    해당 게시물은 관리자에 의해 Tips & 강좌에서 Tech Q&A로 이동 되었습니다.
  • KIMYOUNGRAN
    477
    2021-11-06 05:41:19

    MPA는 기본적으로 페이지를 이동할때마다 새로운 html을 받게됩니다. CSR로 만들기 위해서는 하나의 페이지에서 모든걸 처리해야되고 그렇게하면 SPA가 되게되죠.  순수 MPA로는 이론적으로 CSR을 못하는게 맞습니다. 


    언제 DOM이 구성되나를 기준으로 CSR과 SSR로 나뉘게됩니다.
    얼마나 많은 페이지가 있는가를 기준으로 SPA와 MPA로 나누고 있습니다.

    SPA로 next,nuxt 등을 이용하여 SSR을 만드는걸 쉽게 찾을 수 있습니다. 설정마다 다르지만 현재 next는 빌드시 정적 html을 만들고 페이지마다 돌려쓰는방식으로 되어있습니다. 엄밀히따지면 MPA입니다. 이후 추가적으로 이벤트 동작에  필요한 JS파일을 react로부터 받게됩니다. 
  • 호잇트
    30
    2021-11-08 15:34:14

    KIMYOUNGRAN 

    어렵네용 ㅜㅜ 감사합니다! CSR이 클라이언트에서 렌더링해주는 거라서 페이지 개수랑 상관없이 클라이언트에서 렌더링 동작만 되는거라면 CSR이라고 생각했는데 아직도 이해가 잘안가네요 ㅋㅋ 아직 공부를 더 많이 해야겠네여 

  • 로그인을 하시면 답변을 등록할 수 있습니다.