본문 바로가기

스마트에디터2

[트러블 슈팅] base 64 image to Javascript File (Feat. Naver Smart Editor 2.0) 이번에 진행한 프로젝트 중에 스마트 에디터를 사용한 게시글 쪽에서 이슈가 폭발했다.. 간단한 게시글 하나를 작성하는데도 이렇게 고려할게 많다니 이번 프로젝트를 진행하면서 많이 배운 것 같다. 😂 이건 QA 때 이슈로 올라온건 아니고 테스트하다가 발견한건데, 평소와 같이 로컬에서 테스트를 진행하다가 게시판 목록화면에 들어갔을 때 갑자기 로그가 계~~~~~~속 찍히면서 VSCode가 터져버렸다..😥 원인........ 처음엔 뭔가 로직이 꼬인 줄 알고 여기저기서 에러를 찾았는데 원인은 에디터에 등록되는 이미지 문제였다. 우린 DB를 읽어올 때 로그를 띄우는데 QA팀에서 에디터에 용량이 큰 이미지를 복붙하는데 그게 base64 이미지로 등록되면서 url길이가 어마어마하게 길어진 것이다(DB를 확인해보니까 길이.. 2022. 1. 19.
[Naver] SmartEditor 2.0으로 게시판만들기 - 3. 싱글사진 업로드하기 Spring과 DB를 연동했으니 사진을 직접 업로드하는 기능을 구현해보려고 한다. 프로젝트를 진행할 때 이미지서버는 이미 구축되어 있었고, 에디터에서 이미지를 전달받아 S3 서버에 업로드하고 업로드한 이미지 URL을 다시 프론트로 보내주는 로직이 필요했다. (따라서 별도의 php서버나 Apache 라이브러리를 사용하지 않았다.) * 이전글 스마트 에디터 2.0으로 게시판 만들기 - 2. Spring Boot/DB 연동하기(Backend) [Naver] SmartEditor 2.0으로 게시판만들기 - 2. MySQL/Spring Boot 연동하기 1탄에서는 Smart Editor 2.0 버전을 설치하여 단순 적용해보았다. 이번에는 MySQL과 Spring Boot을 연동하여 작성한 게시글을 DB에 전송해보.. 2021. 11. 9.
반응형