React-quill 내부의 이미지 사이즈를 조절하려고 quill-image-resize-module-ts을 install 후에 quill에 적용해주었다. quill-image-resize-module 을 설치했을 때는 타입 지정이 되어있지않아서 import에 오류가 발생하였다. 따라서 2시간정도를 구글링하면서 quill-image-resize-module-ts 을 설치하여 import 문제를 해결 할 수 있었다. import { ImageResize } from 'quill-image-resize-module-ts'; Quill.register('modules/ImageResize', ImageResize); .... const modules = useMemo(() => { return { // syn..
현재 구현한 react quill 내부에 사진을 넣은 후, 에디터 속 콘텐츠를 콘솔에 찍어보았다. 사진 하나를 넣었는데도 불구하고 너무 길어서 콘솔에 찍히지도 않고, 사진이 들어있을 경우에는 서버로 전송도 되지 않았다. 현재 파일을 추가하면, base64형식을 이미지의 src로 받기 때문에 위의 사진과 같이 방대한 양의 콘솔이 찍힌 것을 알고 있었다. 따라서 base64가 아닌 url로 바꾸어 보는 과정을 가지기로 하였다. 문제점 현재 작성된 API는 포트폴리오를 전송하거나, 수정할 때 에디터에 들어갈 이미지들을 파일형태로 전송하는 방식이었다. 하지만, 에디터를 사용할 경우에는 포트폴리오 전송, 수정 전 이미지의 src에 넣어줄 url을 받아와야 하였다. 포트폴리오 전송, 수정 전에 이미지의 url을 받..
- Total
- Today
- Yesterday
- SEB 43
- 다이나믹 프로그래밍
- Python
- til
- dictionary
- 감정 일기장
- 스택오버플로우
- React quill
- 코테
- 감정일기장
- dfs
- SEB 43기
- SEB43
- 회고
- 프론트엔드
- 프리프로젝트
- 개인 프로젝트
- 브루드포스
- 그리디 알고리즘
- 프로그래머스
- 인적성
- 코드스테이츠
- 기술면접
- seb
- SEB43기
- 프로젝트
- Redux
- 백준
- BFS
- useContext
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |