반응형 CDN3 [HTML/JS] 색상 선택 하는 방법, Pickr 사용법 웹에서 색상을 선택해야 하는 경우가 있다.이때, 컬러를 선택하는 방법은 2가지 방법이 있다.HTML Input 요소 활용 화면에서는 위와같은 모습으로 노출이 되고, 코드는 input 타입에 "color"이라고 선언만 해주면 끝이 난다.제이쿼리가 포함만 되어 있다면 쉽게 구현이 가능하고, 기본적으로 색상 선택가능하기 때문에 간단하게 사용하기가 좋다.하지만 브라우저마다 UI가 다르고, 커스터마이징에 어려움이 있다. Pickr 라이브러리 사용 Pickr 라이브러리를 사용하기 위해서는 일단 헤더에 pickr를 선언부터 해줘야 한다.위의 CDN을 사용하여, pickr를 사용할 수 있도록 세팅을 한다 만약 Node.js환경에서 작업 중이라면 npm을 통해 설치를 하여 사용하면 된다.// npm을 통해 설치npm .. 2024. 12. 1. html에서 특정 div영역을 이미지로 다운 받는 방법 html을 만들다가보면 한번씩 해당 부분을 그대로 다운을 받고 싶을때가 있습니다. 물론 해당영역이 일시적으로 필요하거나한다면 캡처 프로그램을 써서 그부분만 잘라서 써도 좋겠지만그게 아닌 사이트를 만들거나 하면서 주기적으로 해당 영역을 다운로드해야한다던가 했을 때의 방법을 정리해볼까 합니다. html2canvas html의 특정 영역을 이미지로 다운을 받기위해서는 html2canvas는 브라우저에서 HTML 요소를 캡처하여 캔버스로 변환하는 JavaScript 라이브러리를 사용해야 합니다. 이를 사용하면 DOM 요소를 기반으로 한 이미지를 쉽게 생성할 수 있습니다. 특히 캡처한 이미지를 PNG 형식으로 다운로드할 수 있어, 다양한 웹 애플리케이션에 활용할 수 있습니다. 구현방법 .. 2024. 10. 7. jquery cdn 최신버전 모음 및 사용법 JQuery란?HTML 문서 내의 요소를 쉽고 효율적으로 조작할 수 있게 해주는 자바스크립트 라이브러리입니다. 2006년에 John Resig에 의해 처음 개발되었으며, 현재 웹 개발자들 사이에서 널리 사용되고 있습니다. CDN이란?전 세계에 분산된 서버 네트워크를 통해 콘텐츠를 사용자에게 빠르고 효율적으로 제공하는 시스템입니다.CDN의 주요 목적은 웹 페이지의 로딩 속도를 향상시키고, 대역폭 사용을 최적화하며, 서버의 부하를 분산시키는 것입니다. URL jquery cdn 은 다양한 사이트에서 현재 제공을 하고 있어서 아래의 사이트 중 하나를 골라서 사용하면 된다. Google Hosted Libraries Microsoft CDN jQuery's own CDN cdnjs (Cloudflare) jsD.. 2024. 8. 5. 이전 1 다음 반응형
