'javascript' 태그의 글 목록
my code archive
SheetJS 테이블 내용 엑셀 다운로드, 스타일 적용 방법

회사에서 엑셀 다운로드 개발 업무를 맡게 됐는데 기존 소스 로직은 페이징 처리된 부분은 1페이지만 다운이 되서 전체 row를 추출하기 위해 SheetJS 라이브러리를 사용하게 됐다. 결론적으론... 이 라이브러리를 사용 안 하기로 했지만 덕분에 스터디를 했기 때문에 기록해 본다. SheetJS 란? Javascript 클라이언트단에서 엑셀 다운로드 구현 시 사용되는 라이브러리 https://docs.sheetjs.com/ SheetJS Community Edition | SheetJS Community Edition SheetJS Community Edition Documentation docs.sheetjs.com 1. SheetJS , FileSaver 스크립트 추가 2. 테이블 내용 JSON 으로 ..

article thumbnail
Vue.js 공부 기록(4) - 이벤트 핸들링, 메서드 이벤트 핸들러, v-on 기본 예제

🔍Vue.js 이벤트 핸들링 기존 Javascript의 'addEventListener' 메서드, jQuery의 '.on' 메서드와 같이 이벤트를 연결하여 사용하는 기능 'v-on' 디렉티브, '@' 2가지를 사용해서 이벤트 핸들링 처리함. 🔍메서드 이벤트 핸들러 컴포넌트의 Method 옵션에 정의되어 있는 메서드 이름을 지정하여 처리 click 이벤트 핸들링의 기본적인 예제를 해보기 전에 기존에 자바스크립트에서 사용했던 onclick 이벤트를 적용시켜보면 버튼을 누르면 설정해둔 alert창이 잘 뜬다. v-on:을 붙여서 이벤트 핸들러를 적용시켜도 동일하게 잘 뜬다. 이번에는 함수를 통해 처리해보았다. 더하기 버튼, 빼기 버튼이 잘 동작한다. submit에도 적용시킬 수가 있다. 입력 후 버튼을 누르면..

반응형
반응형