기능 구현 웹 에디터 - 04. 추가 기능들.

• TinyMCE 에디터에서 폰트 사이즈를 조정하는 기능이 없어 고민하였으나, 사용하고 싶은 기능에 따라 plugin을 추가하고, 그에 대응되는 toolbar 키워드를 설정 파일에 입력하는 방식으로 해결하였다. 그러나 6버전 이후 에디터의 문법과 사용되는 키워드들의 명칭이 변경되어 기능이 동작하지 않았으나, 6버전에 맞는 자료를 찾아 적용하니 기능이 정상적으로 동작하였다.

• TinyMCE 에디터는 데이터 변환 작업 없이 사용자가 작성한 글 데이터를 그대로 DB에 저장할 수 있었다. 블로그에서는 ContextAPI와 useReducer를 사용하여 state를 관리하였다.

• 이 코드는 사용자가 에디터에서 작성한 글 데이터를 state 형태로 저장하고, 파이어스토어의 addDoc 함수를 통해 DB에 데이터를 저장하는 구조를 가지고 있다. 저장이 완료되면 사용자에게 알림을 보내고, 게시판 목록으로 화면을 전환한다.

• 글 수정 기능은 DB에서 글 데이터를 가져와 에디터 상에서 출력한 후, 사용자가 수정한 값을 다시 저장하는 방식으로 작동한다. 게시판 종류에 따라 FireStore의 collection을 다르게 지정해야 하므로, 조건문을 사용하여 게시판 종류에 따라 collection Ref를 다르게 가져온다.