[React] CSR(Client-side Rendering)과 SSR(Server-side Rendering)의 차이
2023. 6. 16. 20:25
프로그래밍/React
CSR(Client-side Rendering)과 SSR(Server-side Rendering)의 차이점 웹 애플리케이션의 렌더링 방식에 차이가 있음 클라이언트 사이드 렌더링 (CSR) 클라이언트에서 JavaScript를 사용하여 웹 애플리케이션의 UI를 렌더링 초기 요청에는 서버에서 정적 파일(HTML, CSS, JavaScript)을 제공하고, 이후에 클라이언트에서 API 요청을 통해 데이터를 가져와 동적으로 UI를 업데이트 서버는 단순히 정적 파일을 제공하므로, 서버 부하가 적고 클라이언트 측에서 더 많은 작업을 수행 초기 로딩 속도가 느릴 수 있으며, 검색 엔진 크롤러가 웹 페이지의 내용을 파악하기 어려울 수 있음 서버 사이드 렌더링 (SSR) 서버에서 JavaScript를 사용하여 웹 애플리케..