해당 이론정리는 한 입 크기로 잘라먹는 Next.js 강의를 시청한 후 공부 목적으로 작성되었습니다. 강의 출처 : https://www.inflearn.com/course/한입-크기-nextjs 지식공유자 : 이정환 Winterlood 작성자 : 진예지

Next.js란?

React 전용 웹 개발 프레임워크

React를 더 강력하고 편하게 사용할 수 있는 기능 제공

프레임워크 vs 라이브러리

프레임워크 - 프레임워크가 제공하는 기능을 이용하거나 허용되는 범위 내에서만 사용

라이브러리 - 기능구현을 원하는 방향으로 진행

Next.js 사전 렌더링 이해하기

<aside> 💡

사전렌더링이란?

브라우저의 요청에 사전에 렌더링이 완료된 HTML을 응답하는 렌더링 방식

Client Side Rendering 의 단점을 효율적으로 해결하는 기술

Next.js를 대표하는 기능

ㄴ React의 렌더링 방식인 CSR의 단점을 해결함

</aside>

• 클라이언트(브라우저)에서 직접화면 렌더링 | | 장점 | 초기 접속 이후 페이지 이동이 빠르고 쾌적함 | | 단점 | 초기 접속 속도 느림 *** First Contentful Paint (FCP)** ”요청시간 시점”으로부터 컨텐츠가 화면에 처음 나타나는데 걸리는 시간 |

React의 렌더링