외부 라이브러리를 연동할 때는 이처럼 useRef와 useEffect를 적절하게 사용하면 됩니다. 만약 클래스형 컴포넌트를 작성한다면 createRef와 componentDidMount를 사용하면 되겠지요?

Editor 컴포넌트를 WritePage에 렌더링하고 http://localhost:3000/write 주소를 입력하여 들어가 보세요.

pages/WritePage.js

import React from 'react';
import Editor from '../components/write/Editor';
import Responsive from '../components/common/Responsive';

const WritePage = () => {
  return (
    <Responsive>
      <Editor />
    </Responsive>
  );
};

export default WritePage;

---