Jaeilit

https://www.jaeilnet.shop/ 재일이의 넥스트js 넥스트 연습 desc og www.jaeilnet.shop 1넥스트와 리액트의 차이 1. 빈 html (seo) 리액트는 일반적으로 csr 으로써 빈 html 을 서버로부터 받고 js 와 css 를 입혀서 페이지를 구성한다. 여기서 빈 html 이 핵심인데 html 이 비어 있기 때문에 검색엔진 크롤러봇들이 내 사이트의 정보를 읽을 수가 없다. 물론 라이브러리를 이용하면 어느정도 대응이 가능하다. 2. 초기 렌더링 (코드 스플리팅) 또 초기 접근시에 빈 html 을 가져오기 때문에 거기에 입혀야 할 페이지의 모든 js 와 css 를 한번에 받아 오기 때문에 초기에는 성능적으로 사이트가 무거울수록 로딩이 느리다고 느낄 수 있지만 한번에 다..

특징 pre-rendering SSR + SSG 지원 간편한 라우팅 코드 스플리팅 Hot Code Reloading 1. pre rendering 사전렌더링 이 개념은 카테고리와 같이 큰 틀로 방식이라는 단어로 접근을 해야 이해하기 쉽다. 사전렌더링이 무엇이냐? 각 페이지마다 html을 미리 그려놓고(생성) 렌더 시에 최소한의 자바스크립트(스플리팅) 된 코드만 실행되어 페이지를 반응성 interactive, 인터랙티브) 있게 한다. 이런 과정을 hydration 이라고 함 쉽게 이야기해서 그려 둔, 또는 그려진 html 을 클라이언트로 내려준다. 리액트의 기본개념 spa, csr의 html 빈 걸 내려주고 거기에 js,css 를 입힌다는 개념과 상반됨. next js 에서는 pre-rendering 의 ..