Dynamic

Dynamic

동적으로 컴포넌트를 로드하는 기능을 제공하는 Next.js의 내장 기능

---

/*
* @toast-ui/react-editor는 WYSISYG 에디터 라이브러리
*/
const Editor = dynamic(() => import('@toast-ui/react-editor')
  .then(mod => mod.Editor), { ssr: false });

○ 위 코드에서 사용하는 위지위그 에디터가 서버에서 실행될 수 없고 클라이언트에서만 실행할 수 있을 땐 다이나믹처리를 해줄 수 있다.