SSR2 [Next.js] 넥스트 1. 넥스트 (Next.js) - 자바스크립트 생태계의 웹 프레임워크 3대장 : 리액트(React), 앵귤러(Angular), 뷰(Vue) 프레임워크 - 리액트 : 페이스북에서 개발한 오픈소스 라이브러리, 컴포넌트를 사용하여 UI를 효율적으로 만들기 위한 프레임워크 - 넥스트 : 리액트 기반의 프레임워크. 1-1. 리액트의 장점(SPA의 장점) - SPA : 단일 페이지 애플리케이션 - 현재의 페이지를 동적으로 작성함으로써 사용자와 소통하는 웹 애플리케이션. ( 연속되는 페이지 간의 사용자 경험을 향상시키고, 웹 애플리케이션이 데스크톱 애플리케이션처럼 동작하도록 도와줌) - 사이트에 접속할때 하나의 페이지를 불러오며, 필요한 모든 자바스크립트 파일을 한번에 불러옴. - 페이지 이동을 하게되면 받아온 파일.. 2022. 4. 21. 렌더링(Rendering) - SSR / CSR 1. Rendering - HTML을 브라우저에 뿌려주는 과정 2. Rendering 의 종류 - 렌더링의 주최에 따라서 CSR(Client Side Rendering)과 SSR(Server Side Rendering)로 나눠짐. - HTML 뼈대만 받고 브라우저(Client)에서 JS파일의 로직을 이용해서 동적으로 태그나 스타일을 DOM에 더해 그리게 되면 CSR(Client Side Rendering). - 이미 다 그려진 DOM을 받으면 SSR(Server Side Rendering). 3. SSR (Server-Side Rendering) - Server에서 사용자에게 보여줄 페이지를 모두 구성하여 사용자에게 페이지를 보여주는 방식. - JSP/Servlet 의 아키텍처에서 이 방식 사용. - 브.. 2021. 8. 11. 이전 1 다음
