CSR2 CSR VS SSR (장단점, 개념, 나만의 로직정리) CSR(클라이언트 사이드 렌더링) CSR은 모든 웹페이지의 리소스(HTML, CSS, JS)를 모두 렌더링 후, 클라이언트에서 HTML파일과 JS파일을 내려줄 것을 서버에 요청! 장점 페이지 이동시, 새로고침이 발생하지 않아 사용자가 앱을 사용하는 것처럼 빠르게 이용 가능하다! 단점 첫 페이지 로딩 속도가 SSR보다 느리다! 검색엔전최적화(SEO)에 대한 추가 보완 작업이 필요하다! SSR(서버 사이드 렌더링) SSR은 서버에 매번 데이터를 요청하여 서버에서 처리하는 방식으로, 홈페이지를 들어갔을 때 직면하는 웹페이지의 리소스(HTML, CSSM JS)를 렌더링 후 보여준다! 장점 첫 페이지 로딩 속도가 CSR에 비해 빠르다! 검색엔진최적화(SEO)가 가능하다! 단점 초기 로딩 이후 페이지 이동시 속도가.. 2022. 12. 6. Vue의 개념정의 vue.js 사용자 인터페이스를 만들기 위한 진보적인 자바스크립트 프레임워크 spa(single page application) 지원 SPA single page application(단일 페이지 애플리게이션) 현재 페이지를 동적으로 렌더링함으로써 사용자와 소통하는 웹 애플리케이션 단일 페이지로 구성되며 서버로부터 최초에만 페이지를 다운로드하고, 이후에는 동적으로 dom을 구성 처음 페이지를 받은 이후부터는 서버로부터 새로운 전체 페이지를 불러오는 것이 아닌, 페이지 중 필요한 부분만 동적으로 다시 작성함 연속되는 페이지 간의 사용자 경험(UX)을 향상 모바일 사용량이 증가하고 있는 현재 트래픽의 감소와 속도, 사용성, 반응성의 향상은 매우 중요하기 때문 동작 원리의 일부가 CSR(Client side .. 2022. 5. 11. 이전 1 다음