본문 바로가기
반응형

개발/JavaScript16

[JavaScript] html2pdf.js 사용해서 pdf 파일 만들기 해당 사이트https://ekoopmans.github.io/html2pdf.js/ html2pdf.jsClient-side HTML-to-PDF rendering using pure JS.ekoopmans.github.io html2pdf.js 는 html2canvas 와 jsPDF 를 이용하여웹페이지의 화면이나 특정 html 의 태그를 pdf 파일로 변환해 주는 Javascript 라이브러리 다 Java 에서 Openhtmltopdf PDF Rendering dependency 를 추가해서 PdfRendererBuilder 를 이용하여 pdf 를 만들려고 했는데html 내의 데이터가 영어 외의 언어면 ######## 로 깨지는 문제가 발생하였고font 를 추가하여 설정하면 된다고 하는데 잘 되지.. 2025. 8. 9.
[JavaScript] Owl Carousel 사용하기 Owl Carousel 은 태그 콘텐츠 또는 이미지를슬라이드로 보여주는 jQuery 플러그인 이다 jQuery 플러그인 이기 때문에 당연히 jQuery 가 들어가 있어야 한다간단한 테스트를 위해 cdn 을 사용하였고, 필요에 따라 다운로드해서 사용하면 된다 https://owlcarousel2.github.io/OwlCarousel2/ Home | Owl Carousel | 2.3.4Modules and Plugins Owl Carousel supports plugin modular structure. Therefore, you can detach plugins that you won't use on your project or create new ones that fit your needsowlc.. 2025. 8. 4.
[JavaScript] Kakao URL 공유하기 이전글https://greed-yb.tistory.com/335 [JavaScript] Kakao 지도 API 사용하기(403 에러 포함)https://apis.map.kakao.com/web/guide/ 지도 Api 사용하기 위한 가입 및 설정 개발하고 있는 url 을 입력한다http://localhost:8080/test/mapApi.do 에서 지도Api 를 사용하는데도메인만greed-yb.tistory.com애플리케이션 추가는 동일하게 진행된다원래 사용하던 앱이 있다면 건너뛰도록. 현재글은 카카오톡 메시지 가 아닌카카오톡 공유 다 헷갈리지 말자 카카오톡 공유하기 는현재 url 또는 사용자가 설정한 url 과 정보를 본인의 카카오톡에 저장된 사용자 1명 또는.. 2025. 7. 26.
[JavaScript] Ajax 옵션 beforeSend 를 이용한 Loading 만들기 https://icons8.kr/icons/set/loading-gif Loading gif 아이콘, 로고, 기호 – PNG, SVG 무료 다운로드웹, 모바일, 그래픽 디자인 프로젝트를 위한 여러 디자인 스타일의 iOS, Material, Windows의 Loading gif 아이콘을 무료로 받아보세요. 무료 이미지들은 픽셀 단위로 정교하며, PNG 및 벡터로 제공되어 어icons8.kr위의 사이트에서 gif 를 다운로드하였다 https://greed-yb.tistory.com/253 [SpringBoot] 외부 파일 불러오기기본적으로 /resources/static/ 폴더 안에 파일을 읽어오지만그 외의 외부폴더에서 파일을 참조할 경우 보안상의 문제로 파일을 불러오지 않는다 파일이 동적으로 생성.. 2025. 5. 5.
[JavaScript] Editor 만들기(바닐라, Vanilla) 우리가 흔히 사용하는 글 작성 Editor 를 한번 만들어보고 싶어졌다그리고...난 너무 후회했다, 시작을 하지 말걸.... 요즘 jQuery 를 사용하지 않는 곳이 없다지만공부 겸, 어디서든 사용할 수 있도록 jQuery 를 배제하고 순수 Javascript 로만 코드를 만들고 싶었다 개발자로 일해오면서 거진 대부분은 jQuery 만 사용해 왔고순수 Javascript 로는 getElementById 또는 querySelector 같은 단순한 것 만들 사용 해봐서개발 방향 및 방식은 내 생각대로 하고, 코드 구현은 ChatGPT 로 하였다(개인적으로 ChatGPT 로 개발하는 걸 좋아하지 않는다) jQuery 로 했으면 이렇게까지 고생하지 않고 ChatGPT 없이 만들었을 거 같은데...만들다 지치다 .. 2025. 3. 29.
[JavaScript] 브라우저 개발자 도구(F12) 막기 $(function(){ //개발자 도구 실행 감지. console.log(Object.defineProperties(new Error, { toString: {value() {(new Error).stack.includes('toString@')}}, message: { get() { e.preventDefault(); alert('개발자 도구는 사용하실 수 없습니다.'); // 이전 페이지로 이동 history.go(-1); } }, })); // 키보드로 개발자.. 2025. 3. 12.
반응형