TinyMCE의 이미지 첨부기본적으로 이미지 첨부 기능을 제공하지만,UX를 고려했을 때 사용자에게 익숙하지 않은 방식의이미지 첨부 기능을 제공하고 있다. 기본으로 제공되는 TinyMCE 이미지 첨부 방식위 이미지 처럼 기본적으로 소스를 붙여넣어서 첨부하는 방식으로제공되고 있다. 이러한 방식은 UX에 좋지 않다는 생각이 들었고업로드 버튼을 통해 이미지를 업로드하는 방식으로UX를 향상시키고자 커스텀 방식에 대해 알아보게 되었고 실제로 커스텀하여 업로드 버튼을 통해서도 이미지 첨부가가능하도록 만든 경험과 방법을 공유하고자 포스팅을 하게 됐다. 라이브러리는 이전 포스팅 https://zeriong.tistory.com/65과 동일하게 tinymce/tinymce-react 를 활용하여 구현했다. 소스코드con..

Editor Tool일반적으로 에디터 툴은 프론트에서 서비스 이용자가다양한 스타일로 글을 작성할 수록 있도록 돕는 툴이다.다양한 에디터 툴이 존재하며 필자는 에디터 툴하면가장 먼저 Toast UI Editor가 떠오른다. 필자 역시 개발을 진행하다 보면 에디터 툴이 필요하여여러 에디터 툴을 알아보았고 Toast UI Editor를사용하고 싶었으나 리액트 최신 버전을 지원하지 않아당장은 사용할 수 없는 상황이었다. 필자는 리액트를 주력으로 개발하기에결국 리액트 최신버전을 지원하는 에디터 툴을찾다가 TinyMCE라는 에디터 툴을 알게되었고 해외에서는 꽤 활발한 커뮤니티가 형성되어 있어접근성이 좋을 것으로 판단했고 리액트 최신버전을지원하고 있어 선택하게 되었다. TinyMCE이번에 소개할 에디터 툴은 Tin..