본문 바로가기

웹 에디터2

본문 이미지 저장 로직을 개선해서 서버 성능 개선하기. 아래 글에서 프론트엔드에 웹 에디터를 적용한 후, 본문 이미지를 처리하면서 생긴 문제를 해결한 방법을 기록한 포스팅 입니다. 아래 글을 먼저 보시고 오시면 이해에 도움이 되니 참고바랍니다. https://byunsw4.tistory.com/46 [React-Quill] 웹 에디터 적용기 사이드 프로젝트를 진행하면서 웹 에디터를 구현할 사항이 발생했습니다. 제 사이드 프로젝트의 Front 는 React 기반으로 되어있기에, React 에서 사용할 수 있는 웹 에디터를 찾던 중 react-quill 이라 byunsw4.tistory.com 1. react-quill 을 이용해 본문 이미지를 삽입하는 경우 발생하는 문제 웹 에디터의 주요 기능 중 하나인 "본문 이미지" 기능을 react-quill 를 통해 사.. 2024. 1. 28.
[React-Quill] 웹 에디터 적용기 사이드 프로젝트를 진행하면서 웹 에디터를 구현할 사항이 발생했습니다. 제 사이드 프로젝트의 Front 는 React 기반으로 되어있기에, React 에서 사용할 수 있는 웹 에디터를 찾던 중 react-quill 이라는 라이브러리를 알게되어 적용하게된 사항을 기록해보려 합니다. 1. react-quill 설치 전 VSCode 를 사용하면서 React 를 개발하고 있어, VSCode 내 터미널에서 아래 명령을 실행하여 react-quill 라이브러리를 설치했습니다. npm install react-quill --save 위 명령어를 실행하면, 아래와 같이 react-quill 의존성이 추가됩니다. ``` package.json { "name": "react-shoppingmall-partners", "ve.. 2024. 1. 2.