웹페이지 개발중인데 vue,js. nuxt.js, spa, ssr,에 대해서 질문드립니다.

Question

초급개발자인데 혼자 웹페이지 구축중입니다. node, express로 RestAPI 만들고, 프론트는 vue.js 사용하려고 합니다 nuxt라는게 있어서 봤는데 서버사이드렌더링(srr)을 위한거라고 해서저는 싱글페이지(spa)로 만들거라 상관없겠지 하고 안보고있엇는데 최근에 알아보니 nuxt가 spa를 위한 프레임워크라고 하더라구요잘몰라서 그러는데 spa랑 ssr는 완전 반대개념 아닌가요? vue웹페이지를 웹팩으로 묶어서 정적파일로 restAPI서버랑 통신해서 운영하려고 했는데ssr은 서버에서 html 만들어서 주는거 아닌가요?

아리보리 · Answer

SPA 특성상 내용이 아무것도 없는 빈 html에 번들링 된 js가 실행되면서 내용물들을 렌더링해주잖아요. 그러면 js가 실행이 완료되어 렌더링이 되기 전까지 사용자는 하얀색 빈 화면만 보고 있어야 합니다. 그리고 js를 실행하지 못하는 검색엔진 등도 해당 페이지의 내용물을 알지 못하겠죠. 이런 문제를 해결하기 위해 Javascript V8 엔진으로 돌아가는 Node.js 서버에서 js를 실행해서 첫 페이지를 렌더링 된 상태로 응답해주는 것을 SSR이라고 합니다.

devjang · Answer

네. 일단 맞습니다 Nuxt는 Vue를 위해 SSR을 지원해줍니다SPA나 CSR로 개발을 하게되더라고 엔터프라이즈급 회사나 아니면 또 다른 고도화를 위해SSR을 필요로 하는 경우가 찾아오게 됩니다. 그런 경우 사용하십니다.하지만 그런 경우가 아니라면 굳이 사용하실 필요는 없구요이 과정에 이슈가 굉장히 많고 개발 단계에서 어려움도 많이 겪게 됩니다.공부 목적으로라도 해보시는 건 좋습니다 답변에 대한 결론은 vue에 Nuxt를 왜쓰지가 아닌CSR과 SSR의 차이 그리고 CSR의 어떤 단점때문에 SSR을 병행하는지에서 생각해보시면됩니다

웹페이지 개발중인데 vue,js. nuxt.js, spa, ssr,에 대해서 질문드립니다.

2개의 답변

Q&A 목록