728x90 JavaScript/Next.js1 [Next.js] Next.js의 장점과 렌더링 과정 Next.js 정적 랜더링과 서버 사이드 랜더링을 제공하는 React Framework다. 장점 서버사이드 렌더링 pre-reloading을 통해 미리 데이터가 렌더링된 페이지를 가져올 수 있게 해주므로 사용자에게 더 좋은 경험을 주고, 검색 엔진에 잘 노출 될 수 있도록 해주는 SEO의 장점을 가질수 있다. Hot reloading 개발 중 저장 되는 코드는 자동으로 새로고침 된다. 구성 _app.tsx 최초로 실행되는 것이 _app.tsx 인데, _app.tsx 에서 렌더링 하는 값은 모든 페이지에 영향을 준다. _document.tsx meta태그를 정의하거나, 전체 페이지에 관련한 컴포넌트이다. Next.js 렌더링 과정 Pre-Rendering Next.js 는 서버 사이드에서 먼저 페이지를 P.. 2023. 8. 24. 이전 1 다음 728x90