SSR2 [Next.js] Next.js란? Next.js https://github.com/vercel/next.js React Framework Ziet에서 만든 React Framework Netflix, Github, Uber 등에서 사용 SSR(서버 사이트 렌더링) TypeScript, JavsScript 사용 특징 React를 통한 프론트엔드 개발에 필요한 유용한 기능을 기본으로 제공 ServerRendering Static Exporting CSS-in-JS Zero Setup Fully Extendsible Ready for Production 장점 빠른 렌더링 속도, 새로고침 시 화면 깜박임없음 SSR → SEO적용에 유리 파일 시스템 라우팅을 특별한 설정 없이(zero config) 기본 제공 → 개발 초기 세팅을 위한 시간적 비.. 2021. 12. 13. [WEB] 웹 렌더링 SSG, SSR, CRS 이란? SSG (Static-Site Generation) 빌드 타임에 js를 변환하여 html을 미리 만들어 둠 > 요청이 들어오면 이미 완성된 html을 반환 빠름 단점 정적 파일로 제공되기 때문에 현재의 사용자 수준에 상응하는 웹 서비스를 제공하기 어려움. SSR(Server-Side Rendering) 전통적인 렌더링 방식 페이지를 새로고침 > 서버에 요청이 들어오면 html로 바로 만들어서 응답 SEO에 유리함 단점 페이지 이동 시 화면 깜박임 새로운 파일을 받아 다시 로드하므로, 클라이언트에서 메모리에 데이터를 유지할 수 없음 CSR(Client-Side Rendering) SPA 처음 웹사이트 진입 시, 비어 있는 html 응답 > 클라이언트 브라우저에서 어플리케이션 렌더링 진행 초기 로드 이후, .. 2021. 12. 13. 이전 1 다음
