[React] Next.js: window object

👉 window object?

Next.js에서 client-side(browser)에서 랜더링될 때 존재하는 object이다.
즉, server-side에서 랜더링이될 때에는 window object가 존재하지 않는다.

Next.js는 React.js와는 다르게 server-side 랜더링이 기본적으로 이루어진다.
먼저 server-side에서 실행이 되고, 이후 client-side(browser)에서 실행이 된다.

그래서 window가 뭘하는 애인지 궁금해서 확인을 해봤는데,

/** A window containing a DOM document; the document property points to the DOM document loaded in that window. */
라고 적혀있었다.
해석하자면 DOM document가 로딩되는 화면을 window라고 부르는 듯하다.