look-forest

이번 시간에는 CSR과 SSR이 무엇이고 어떤 장단점을 가졌는지 알아보겠다. SPA (Single Page Application) ▷ CSR 사용자가 한 페이지 내에서 머무르면서, 서버로부터 필요한 데이터만 받아와 부분적으로 갱신 ▷ 한 페이지로 여러 정보 표현 가능 부분적 갱신 by ajax html 문서 전체가 아니라 json과 같은 형식으로 필요한 정보만 받아올 수 있음 ▷ 동적으로 html 요소 생산, 업데이트 CSR (Client Side Rendering) HTML 결과를 자바스크립트를 사용해 웹 브라우저에서 동적으로 생성해서 적용 주로 동적인 화면에 사용, 웹 환경을 마치 앱 처럼 필요한 부분부분 변경할 수 있음 예) 구글 지도, Gmail, 구글 캘린더 관련기술: React, Vue.js ..

기존 방식 - 사용성 측면 페이지를 바꿀 때마다 URL이 바뀌고 HTML 파일이 바뀜. 리로드됨. HTML 속 Image, JS 파일이 많으면 로드하기 느리고 비효율적. 내용만 바꾸고 싶다면? - 코드 재사용성 측면 콘텐츠마다 HTML 파일이 있어 관리하기 힘듦. 중복되는 코드. HTML template이 있고 그 안에 들어갈 내용만 동적으로 변경하고 싶다면? Ajax란? 리로드 없이 웹서버에게 정보를 요청해서 부분적으로 정보를 갱신하는 기술 리로드 할때마다 모든 정보를 다운로드하는 비효율을 회피! 예) 자동완성 - 글자 입력시 마다 브라우저와 웹 서버가 통신. 이때 전체 페이지가 리로드 되는 것이 아님! 장점 부분적 갱신 일부 정보가 달라졌음에도 전체 페이지를 리로드 하는 비효율 개선 -> 사용자: 사..