전체 글
-
React node로 react app 만들기 및 실행DEV/react 2022. 11. 29. 17:10
*node가 설치되어 있어야 함. react app을 만드는 명령어는 다음과 같다.npx create-react-app [앱 이름]// ** 위 create-react-app은 더이상 권장되지 않는다.// 1.vite로 createnpm create vite@latest [앱 이름]// 2. react 선택// 3. 원하는 구성 선택 (js, ts, ...) 설치 후 하단 명령어를 통해 해당 폴더로 진입 및 실행cd [앱 이름]// 패키지 다운로드npm installhttps://reactjs.org/docs/create-a-new-react-app.html Create a New React App – ReactA JavaScript library for building user interfacesre..
-
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..