ReferenceError : self is not defined 이슈 해결방법

문제 상황 : CKEditor를 통해 에디터 기능을 구현하는 중에 기존에 동적 경로로 이동중이던 페이지를 정적 경로로 변경하고 나서 발생한 에러

 next.js 자체에서 해당 에러에 대한 해결방법으로 던져준 페이지는 아래 링크와 같다. next.js에서 제시한 방법을 실행하던 중 찾은 답에 대한 정리글이다.

Prerender Error

원인 분석 :
 - Link 를 통한 prefetching 진행 중에 서버에서 브라우저 전용 컴포넌트가 렌더링되면서 발생
해결 방법 : 
 - Link 속성 중 prefetch 속성을 false로 부여
 - dynamic을 동한 동적 임포트로 서버 사이드에서 렌더링되지 않도록 설정

const PostEditor = dynamic(() => import("@/components/post/PostEditor"), {
  ssr: false,
});​