꾸준히 하자

프로젝트를 거의 마무리 해 가는 지금 돌이켜보면 Quill 에디터를 다루면서 이런 저런 고생을 많이 했던 것 같다. 이번에는 게시글을 작성하면서 이미지가 저장되는 storage 경로에 대해 고민한 흔적을 남겨보고자 한다. ❓이미지? 저장 됐으면 된거지🤣 Firebase를 처음 다뤄보고 Quill 에디터를 처음 사용하는 나에게는 게시글 DB 경로나 이미지 파일을 어떤 경로로 설정해서 저장해야할지에 대한 고민은 사치처럼 느껴졌다. 파일을 어떻게 저장하지? 그 파일은 어떻게 불러오지? 등 단순히 기능하게 끔 하는 것 조차 도전적인 과제처럼 느껴졌기 때문이다. 결국 게시글을 저장하는 최초의 로직은 다음과 같이 구현했다. 게시글 작성 중 이미지가 첨부되면 유저의 uid를 파일명으로 하는 storage 경로에 이미..

개발자들이 이용하게 될 커뮤니티를 만들면서 에디터에 대한 고민을 많이 하게 되었다. 특히 개발자를 대상으로 한다는 점에서 Heading,코드블럭,indent 등의 기능을 반드시 제공해야 한다고 생각했다. 처음에는 에디터를 내가 생각하는 핵심적인 기능들만 모아 최대한 커스텀 제작을 하고자 했지만, 제한된 개발 기한 안에는 완성도 높게 만들기 어렵다고 판단하여 react-quill 에디터 라이브러리를 사용하게 되었다. 그리고 이번 글에서는 게시글 작성 페이지에서 이미지를 업로드하는 로직을 구현하며 내가 겪었던 실패들과 고민들에 대해 적어보고자 한다. Quill의 이미지 첨부 기본 값 그리고 내게 필요한 로직 기본적으로 Quill 에디터의 경우 이미지를 첨부하게 되면 사용자가 이미지를 등록하게 되면, 해당 파..