What is Next.js ?
React 전용 SSR 프레임워크
What is SSR ?
Server Side Redering
렌더링 작업을 서버에서
Why SSR?
- 기존 CSR(Client Side Rendering) 방식
초기 구동 시 전체 페이지 렌더링.
사용자 이벤트 발생할때마다 이를 해석하고 필요한 부분만 렌더링하는 방식.
- 기존 CSR과 비교시
빠른 첫 페이지 렌더링 가능
SEO(Search Engine Optimization)를 유도하기위해서 적용
Next.js + Express -> 렌더링 전처리 가능! 클라와의 통신횟수 감소!
What is Gatsby ?
=React + GraphQL
내용이 자주 바뀌지 않는 정적사이트(블로그, 회사소개) 만들 때 사용
Next.js vs Gatsby
공통점 : 첫 페이지 빠른 렌더링 , SEO에 친화적
차이점 : (Gatsby) 서버 없이도 동작하는 순수한 html/css/js를 생성, 이것이 빌드 시점에 이루어진다.
'개발일지 > React' 카테고리의 다른 글
Redux 입문하기 (with React.js) (0) | 2021.09.28 |
---|---|
[Redux] 배열 state에 값 추가하기 (0) | 2020.09.12 |
[React] 개발환경 설정 (0) | 2020.07.11 |