리액트만 사용할 때와 비교해 Next.js를 사용하는 이유에 대해 설명해 주세요.
- Next.js를 사용하는 이유에는 서버 사이드 렌더링, 정적 사이트 생성, 파일 기반의 라우팅이 있습니다.
Next.js를 사용하면 서버에서 렌더링된 페이지를 클라이언트에 전달할 수 있습니다. 이로 인해 초기 페이지 로딩 속도가 빨라지고, 검색 엔진 최적화(SEO)에 도움이 됩니다.
Next.js를 사용하면 빌드 시점에 정적 HTML 파일들을 생성할 수 있습니다. 이를 통해 웹 사이트의 성능을 향상시킵니다.
Next.js는 pages 폴더에 있는 파일들을 기반으로 자동으로 라우팅을 설정해줍니다. 이를 통해 라우팅을 쉽게 관리할 수 있습니다.
Next.js에서 SSR을 실행하는 과정과 hydration에 대해 설명해 주세요.
-
SSR이 실행되는 과정은 우선 첫번째로 사용자가 웹 페이지에 접속을 요청합니다. 그 다음 서버에서 Next.js가 해당 페이지의 React 컴포넌트를 렌더링합니다. 그 다음 렌더링된 HTML을 사용자에게 전송합니다. 마지막으로 사용자의 브라우저에서 HTML을 받아 렌더링합니다.
Hydration이란, 서버 사이드 렌더링(Server Side Rendering, SSR) 또는 정적 사이트 생성(Static Site Generation, SSG)을 통해 생성된 정적 HTML에 JavaScript가 적용되어 동적인 웹 페이지로 변환되는 과정을 의미합니다.
누구나 같은 팀으로 되길 바라는 개발자가 되자