Next.js2 Next.js - SSG / SSR Next.js - SSG , SSR SSR Next의 핵심요소 중 하나인 Search Engine Optimization은 웹페이지가 검색 상위 노출이 될 수 구현하는 하나의 전략 기술이다. 주로 Next에서는 SSG(Static Stie Generation) , SSR(Server Side Rendering) 를 이용하여 SEO를 최적화 시킨다. 아무리 React 기반의 프레임워크라 하여도 React 처럼 클라이언트에서 useEffect를 사용하여 서버데이터를 가져오면 Next.js의 장점중 하나인 SSR에 불리함을 갖게된다. SSR은 서버에서 랜더링 한 이후 클라이언트에게 전달되게 되는데 useEffect는 CSR형식으로 서버에버 빈페이지가 넘어온 이후에 랜더링 되는 형식이다. useEffect로 데.. 2023. 12. 28. Next.js NEXT.JS Next.js 짧게 이야기하자면 Javasciprt의 라이브러리인 React.js 기반의 풀스택 프레임워크이다. React는 CSR로 SPA를 구축하기 매우 편리한 라이브러리이다. Redux나 router등 기타 패키지를 설치하여 개발자의 용도에 맞게 중앙처리 식이든 컴포넌트식으로 상태도 관리할 수 있다. 하지만 React로 만으로는 직접 서버와 통신 할 수 없으며 중간의 백엔드 Api, 서버사이드 언어가 필요하다. 이점을 더 편리하기 위해 개발된 프레임워크가 바로 Next.js이다. Next.js는 풀스택 프레임워크로 서버사이드 랜더링(SSR)을 내장하고 있으며, 클라이언트와 서버 간의 상태, 데이터 송수신을 좀더 편리하게 관리, 구축 할 수 있게 해준다. Next.js 장점 1. 내장 .. 2023. 12. 27. 이전 1 다음
