Rendering : JS를 이용하여 HTML을 만드는 과정. Pre-rendering : client에 HTML이 로드 되기 전에 JS를 이용하여 HTML을 만드는 것. Next의 모든 코드는 기본적으로 pre-rendering이다. SSG(Static Site Generation): Build 할 때 rendering SSR(Server Side Rendering): runtime에 rendering Run time: 애플리캐이션이 빌드/배포된 후 사용자 요청으로 app이 실행되는 기간 여러 종류 Rendering 비교

Application Multi-Page-Application : 원시적인 서버사이드 렌더링 방식이다. 페이지 이동시나 렌더링 시 깜빡거려 유저 사용성에 좋지 않다. 이를 보안하기 위해 CSR 방식의 React를 이용하여 SPA를 만들기 시작했다. Single Page Application : 유저 사용성에 큰 장점이 있다. 초기 페이지 로드 후에, 사용자와 상호작용하며 필요한 부분만 비동기적으로 업데이트(동적로딩). 서버와의 통신을 최소화 초기 로딩 시에 모든 리소스를 불러와야 하므로 초기 로딩 속도가 느림. SEO에 약함 : 웹 사이트 정보를 모으는 크롤링 봇이 CSR 방식의 웹 사이트 방문 시, 유저와 상호작용이 일어나지 않았기에 아무것도 랜더링 된 정보가 없음. ==> 해당 문제해결을 위해 nex..

정의 : Web 개발자에게 필요한 다양한 기능을 제공하는 React Framework Next의 장점 SEO(Search Engine Optimization)을 위한 SSR(Sercer-Side Rendering) 지원 파일 기반 라우팅/ 앱 기반 라우팅으로 Routing을 쉽게 구현 복잡한 Server가 없어도 API 배포 가능 초기 로딩 속도 개선을 위한 자동 Code Splitting 등 최적화를 자동으로 지원. 개발 환경이 쉽고 간단함 a. Linting, compiling, bundling, deploying을 위한 설정이 자동화 되어있음 b. Router, tailwind, typescript, lint 등의 주요 기능들이 configure 없이 사용 가능함. Reference https://..