tui-editor는 공식적으로 vue2만 지원을 해서 vue3로 된 자료 찾다가 아래 소스를 찾아서 적용해 보았다. 개발 하신분은 data에 editor를 선언하고, 필요 할때 this.editor로 호출하게 개발을 하셨는데, 해당 소스를 가져와서 적용해보니 아래와 같은 오류가 났다. 그래서 이렇게 저렇게 테스트 해보다 editor객체를 멤버 변수로 빼서 테스트를 해보니 오류 없이 정상적으로 작동이 되었다. 아래와 같은 오류가 나오는 이유는 모르겠지만, 에디터에 값을 넣을때 오류가 난다. setHTML뿐 아니라, setMarkdown을 해도 동일한 오류가 난다. index.js:833 Uncaught (in promise) RangeError: Applying a mismatched transactio..

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..