# dyanmic import

93minki

Next.js를 사용하다보면 ServerSide에서 렌더링 할 수 없는 라이브러리를 사용하게 된다. 예를 들면 ToastUI, ReactQuill... 같은 라이브러리들 때문에 별도의 컴포넌트를 생성하고 그 컴포넌트를 dynamic import를 해서 가져오는 방법을 사용한다. ToastUI Editor를 사용한다면 이렇게 ToastEditor 컴포넌트를 생성해서 export 해주면 된다. 이때 export하는 방법은 2가지가 있다. 지금처럼 export default를 사용하는 방법과 export만 사용해서 내보는 방법이다. export default를 사용할 경우 가져올 때 바로 import를 해올 수 있다 하지만 문제는 export만 사용할 경우 이렇게 가져올 수가 없다... 일반적으로 export를 사용할 경우 이렇게 가져오지만 dynamic import 안에서 저렇게 사용할 수없다... 가져오는 방법은 import 뒤에 then을 사용해서