Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- code-server
- React
- 리액트
- Python
- liunx
- ci/cd
- s3
- 배포
- 전역스타일
- Recoil
- route53
- requests
- typeorm
- CloudFront
- 롤
- Object.freeze()
- AWS
- GlobalStyle
- riotapi
- Github Actions
- e.preventDefault()
- e.stopPropagation()
- Django
- nestjs
- 카카오 로그인
- mysqlclient
- docker
- 자바스크립트
- ACM
- styled-component
Archives
- Today
- Total
목록IMAGE (1)
군붕이의 메모장
toast-ui-editor v3 이미지 업로드 최적화(커스터마이징)하기
● 문제상황 마크다운 에디터에서 이미지 삽입시 인코딩되어 본문의 길이가 길어지는 상황 약 4kb의 이미지 삽입시 약 5100자의 문자열이 삽입된다. 본문의 길이가 늘어날수록 DB에서 차지하는 공간이 커지게되며, 삽입/삭제 등 데이터의 크기가 늘어날수록 더 많은양의 네트워크 트래픽을 요구하게된다. ● 해결방안 이미지 삽입 차단 : 커뮤니티를 주제로 잡은 프로젝트이므로 이미지 삽입 차단은 말이 안되는 해결책이였다. 이미지 개별 저장 : Firebase Storage, AWS S3 등 저장공간에 저장 위 처럼 2가지의 해결방안이 생각났다. 아무래도 가장 최선의 방법은 2번째 방법인 이미지를 개별의 저장공간에 보관하는 것이였다. ● 이미지 개별 저장 구현방식 우선 프로세스에 대해서 생각을 했을때 아래처럼 떠올랐..
웹 개발/기타 지식
2023. 3. 27. 19:09