2025-10-15 추가.아래 Options API로 작성된 tui-editor wrapper를 이번에 사용할 일이 있어서 Composition로 바꿔 보았다.아래 소스를 사용하기 위해서는 아래 패키지를 먼저 설치 해야 된다. 뭐 또 언젠간 쓸일이 있겠지...npm i @toast-ui/editornpm i @toast-ui/editor-plugin-code-syntax-highlightnpm i @toast-ui/editor-plugin-color-syntaxnpm i prismjs ============================================================================================ tui-editor는 공식적으로 vue2만 지원..

JasperReport로 레포팅을 작성하고 SpringBoot 컨트롤러에서 다운로드 구현을하고 javascript pdfjs에있는 viewer.js 로뷰어 만들어 볼라고 피똥싸고 있었는데...생각을 해보니 브라우져에서 지원하는 기능을 쓰면 될거 같아 찾아 보니 단어 하나만 바꿔주니까 바로 뷰어거 나왔다...(내 삽질한 시간...또르륵...ㅠㅠ) 컨트롤러에서 구현한 다운로드 로직중에 HttpHeaders headers = new HttpHeaders(); headers.setContentType(MediaType.valueOf(MediaType.APPLICATION_PDF_VALUE)); headers.setContentDisposition(ContentDisposition.builder("attachme..

https://dev-jwblog.tistory.com/m/45

Select2에서 Adapter를 4.0 부터 지원하기 시작했다.Select2에서 Adapter를 사용하게 되면 할수 있는일 중에 select2에 보여줄 내용을 ajax를 통해서 조회를 한다고 하면,한번 조회한 내용은 저장했다가 저장된 내용으로 보여 줄수 있다는 것이다. 또한 Adapter를 사용하다 보니 좀더 유연하게 기능 구현을 할수 있을거라 본다. 처음에 select2공식 사이트에 나와 있는내용만 보고는 무슨 소리인가 했는데, select2.full.js를 얼어 보고나서 Android에서 RecyclerView를 가지고 List를 구현하기 위해 사용하는 Adapter를 생각하니까 좀 쉽게 이해가 됬다.(adapter를 사용하기 위해서는 select2.full.js 또는 select2.full.min..

https://blog.asamaru.net/2017/08/14/top-10-es6-features/ 개발자가 필히 알아야 할 ES6 10가지 기능 ES6(ECMAScript 표준의 6번째 에디션, ECMAScript2015)에 대한 이야기를 하기 전에 자바스크립트와 ECMAScript에 대한 것부터 간략히 소개한다. 넷스케이프(Netscape)에서 1995년 개발한 자바스크립트(javascript)는 웹 브라우저에서 동적인 기능을 제공하기 위한 언어다. 현재는 대부분의 브라우저에서 이 언어를 제공하고 있다. 그런데 표준 규격없이 여러 브라우저에서 독자적인 특성이 추가되면서 호환성 문제가 발생하기 시 blog.asamaru.net https://meetup.toast.com/posts/85 지금 바로 시..

https://joshua1988.github.io/web-development/javascript/promise-for-beginners/

FullCalendar v3.3.1 기준으로 작성됨. 다른 옵션 같은건 많이 있지만, FullCalendar 에서 이번달 또는 다음달을 이용해서 월을 변경 했을때 ajax를 이용해서 해당 월의 데이터를 가져오는 내용은 잘 안보여서 적어본다. $('#calendar').fullCalendar({ contentHeight:420, height: 400, locale: "ko", header : { left : 'prev, today', center : 'title', //right : 'month,agendaWeek,agendaDay' right : 'next' }, editable : true, buttonIcons: true, // show the prev/next text weekNumbers: fal..