Open-source2 [TOAST UI Editor] - 이미지 업로드(Image upload) 개선하기 & 데이터베이스(Database)에 에디터 내용 저장 및 불러오기 이전 글에서는 TOAST UI Editor(이하 'TUI 에디터')가 무엇인지 가볍게 알아보고, 순수 자바스크립트(JavaScript) 코드로 HTML에 에디터를 적용해 데이터를 입력해 보았습니다. 이번에는 TUI 에디터의 이미지 업로드 기능을 개선한 후, 에디터에 입력된 내용을 DB에 저장 및 조회하는 기능을 구현해 볼 건데요. 스프링 부트(Spring Boot) 환경에서 H2 Database와 JPA를 연동해 데이터를 처리합니다. 스프링 부트 참고 : 게시판 개발환경 설정하기 H2 Database 참고 : H2 Database와 JPA 연동해 보기 JPA 참고 : JPA 게시판 CRUD 구현하기 이번 글은 2번 링크('H2 Database와 JPA 연동해 보기')의 설정과 동일한 환경에서 진행되는데요.. 2023. 8. 1. [TOAST UI Editor] - 5분 안에 게시판에 토스트 UI 에디터 적용하기 1. TOAST UI Editor란? TOAST UI Editor(이하 'TUI 에디터')는 NHN Cloud에서 개발한 오픈 소스 라이브러리로, 마크다운과 위지윅 방식 모두를 지원하는 무료 에디터입니다. 마크다운(Markdown) : '일반 텍스트 기반의 경량 마크업 언어'로, 일반적인 텍스트로 서식이 있는 문서를 작성하는 데 사용되는 언어입니다. 마크다운은 brad 님의 글에 잘 정리되어 있으니 한 번쯤은 읽어보시기를 권장드립니다. 위지윅(WYSIWYG) : 수동으로 텍스트를 입력하는 문서 작성의 진입장벽을 줄이기 위해 탄생한, GUI로 문서를 작성할 수 있는 도구입니다. 우리가 웹 사이트 게시판에서 흔히 볼 수 있는 에디터가 위지윅 방식의 에디터이며, 대표적인 위지윅 에디터 종류는 gth1123 님.. 2023. 7. 17. 이전 1 다음
