코딩 일기장

스크롤 탑 버튼 기능을 만들면서 마주했던 가장 큰 문제가 NextJS Document is not defined 였다. 위의 문제를 해결하려면 nextJS의 특징을 알아야 한다. nextJS란? nextJS는 React 라이브러리의 프레임워크이다. 가장 큰 이유는 pre-rendering을 통해 SEO(Search Engine Optimization)와 SSG(Static-Site-Generate)을 위한 Server-Side Rendering을 가능하기 때문에 사용한다. 기본 리액트는 Client Side Rendering이므로 웹사이트를 요청했을 때 빈 html을 가져와 script를 로딩하여 첫 로딩시간이 오래걸리고, SEO에 취약하다는 단점이 있다. NextJS를 사용하면 pre-reloading..