웹 페이지 렌더링 방식 이해: CSR, SSR, SSG, ISG
웹 페이지를 표시하는 방법페이지를 렌더링 하는 방법에는 CSR, SSR, SSG, ISG 가 있다.React를 처음 배울 때 CSR, SSR의 기본적인 차이점에 대해서 공부했었고, 이때의 개념으로 CSR, SSR을 사용해 왔다. 하지만 Next를 공부하면서 SSG, ISG에 대한 개념을 접하게 되었고 이 부분에 대해서 미흡하여 글을 작성했다.1. CSR : 클라이언트 사이드 렌더링특징모든 렌더링 작업이 사용자 브라우저에서 진행된다.페이지 로딩 후 필요한 데이터만 서버로부터 비동기적으로 불러와서 처리한다.장점사용자 인터랙션이 매우 빠르고, 애플리케이션의 동적인 부분을 효과적으로 처리할 수 있다.단점초기 로딩 시 모든 스크립트를 불러와야 해서 시간이 오래 걸릴 수 있다검색 엔진 최적화(SEO)에 불리하다.보..
2024. 7. 10.
