CSR(Client Side Rendering)과 SSR(Server Side Rendering) CSR(Client Side Rendering) : 렌더링이 클라이언트쪽에서 일어난다 . 사용자의 요청에 따라 필요한 부분만 응답 받아 렌더링하는 방식 SPA(Single Page Application)은 CSR방식을 채택 # CSR의 과정 -클라이언트에서 초기화면을 로드하기 위해 User가 서버에 요청 보냄 -서버는 렌더링 가능한 HTML 파일을 만든다(리소스 체크, 컴파일 후 왼성된 HTML 파일) -클라이언트에 전달되는 순간 HTML은 즉시 렌더링 되나 사이트 자체 조작은 불가(js파일 받기 전) -화면에 표시하는데 필요한 완전한 리소스의 응답을 함(모든 js파일 다운받는 과정, 초기 로딩 시간 오래걸림) -JS파일 컴파일 후 웹페이지 상호작용 가능 # CSR의 장점 - 변경된 부분과 관련된 데이터.. 2022. 10. 20. SPA(Single Page Application) vs MPA(Multi Page Application) SPA(Single Page Application) 인터렉션이 발생할때마다 서버로부터 새로운 파일을 받아 해당 링크로 이동하여 페이지 전체를 새로 렌더링하는 웹페이지 구성방식 - 한개의 페이지로 구성된 웹 Application - SPA는 CSR(Client Side Rendering) 방식으로 렌더링 - 단 한번만 리소스(HTML, CSS, Javascript)를 로딩하고 데이터를 받아올때만 서버와 통신 - 첫 요청시 딱 한페이지만 불러오고 페이지 이동시 기존 페이지의 내부를 수정해서 보여주는방식 - 최초 페이지를 로딩한 시점부터 페이지 리로딩 없이 필요한 부분만 서버로 부터 받아서 렌더링해줌 - 필요한 부분만 렌더링 해주기 때문에 네이티브 앱에 가까운 자연스러운 페이지 이동과 UX 제공Angular,.. 2022. 10. 18. 이전 1 다음
