DEV
-
Javascript 바닐라JS에서 Excel 사용하기 (sheetJS 예제)DEV/javascript 2022. 11. 29. 10:54
이번에 순수 Javascript에서 (Vanilla Javascript) 엑셀 쓰는 라이브러리가 필요했다. 널리 쓰이는듯 한 sheetJs를 이용하여 간단한 예제를 작성해보았다. sheetJs Sample1.js (데이터 생성 및 저장) // Excel에 입력할 값은 다양한 형식으로 사용 가능하며, // 시트를 만들 때(데이터를 넣을 때) 형식에 맞는 함수를 사용해 주면 된다. // 아래 data는 단순 예시. let data = [ { key1: 'value1_1', key2: 'value1_2', }, { key1: 'value2_1', key2: 'value2_2', }, ... ]; const excel = async (data) => { // 1. workbook 생성 let wb = XLSX...
-
Javascript Data 속성(Data Attribute) 값으로 요소(Element) 찾기DEV/javascript 2022. 11. 29. 10:00
Javascript 의 Data 속성값(Data Attribute Value)로 HTML의 요소(Element)를 찾아야 하는 경우가 존재한다. querySelector를 이용하여 찾을 수 있다. (querySelector는 해당 첫 요소를, querySelectorAll은 모든 요소를 가져온다.) // Javascript 방식 // "data-test" 속성이 "test-button" 인 값을 불러온다. // (*아래 예시는 selectAll이라 모두 가져온다. 한 값만 가져오는 경우 querySelector 사용) document.querySelectorAll('[data-test="test-button"]');
-
jQuery ajax 사용 예시 (jQuery를 이용한...)DEV/javascript 2022. 11. 23. 15:02
jQuery를 이용한 ajax를 사용해 보았다. $.ajax({ headers: { "Content-Type": "application/json;charset=UTF-8", "Authorization": 토큰값 등... }, url: 사용할 URL..., type: 'GET',// 'GET', 'POST' 등... async: true,// 동기 - 비동기 여부. false : 다음 코드로 안넘어감, true : 다음으로 넘김 success: function (data) { // 성공 후 동작 console.log("DATA : ", data); } }); jQuery 사용법 https://seokbong.tistory.com/9 jQuery 다운로드 및 사용 방법 성격 급한 사람들을 위한 CDN ( C..
-
Javascript 클립보드에 문자열 저장하기(복사)DEV/javascript 2022. 11. 14. 10:31
Javascript에서 클립보드에 문자열을 복사(ctrl + c)해야 하는 경우 다음과 같이 사용이 가능하다. 붙여넣기는 당연히 ctrl + v 이다. /** * [클립보드에 저장] * - 해당 데이터를 복사합니다. * @param {String} data */ const copyToClipBoard = (data) => { window.navigator.clipboard.writeText(data).then(() => { console.log(`copied to clipboard : ${data}`); }); } + 예외처리 function copyToClipboard(text) { // Clipboard API를 지원하는지 확인 if (navigator.clipboard) { // 텍스트를 클립보드에..