Javascript(28)
-
[MicroSoft] Adaptive Card 적용시켜보기 (js기반)
https://adaptivecards.io/ Adaptive Cards A whole new way to deliver UI Adaptive Cards are platform-agnostic snippets of UI, authored in JSON, that apps and services can openly exchange. When delivered to a specific app, the JSON is transformed into native UI that automatically adapts to its surro adaptivecards.io ✔️Adaptive Card 챗봇 및 대화창에서 사용할 수 있는 템플릿을 제공해준다. 목표 1. ajax 통신으로 데이터를 받는다 2. 받아온 데이터..
2023.12.29 -
[Sheetjs] 1개의 시트에 여러개의 테이블 넣기
상황 1. html 테이블이 동적으로 생성 되는 중 2. 동적 table을 클라이언트 단에서 엑셀파일로 만들고 싶었음 (굳이 서버를 거쳐야하나..?) 3. name 혹은 table 요소 선택자로 다 가져와서 sheetjs로 엑셀파일을 만들수 있게 하고 싶었음 //개발가이드 액셀 다운로드 기능 function excelDown() { //객체 생성(excel) var wb = XLSX.utils.book_new(); //html 모든 테이블 선택 var tables = document.querySelectorAll('table'); // 1개의 배열에 모든 데이터를 담기 위해 var combinedData = []; tables.forEach(function (table, index) { var ws = ..
2023.12.04 -
[javascript]sortable 사용법
https://velog.io/@tmdgp0212/TIL230119JS-Sortable-JS TIL230119📝JS)Sortable JS 드래그로 목록의 순서를 바꿀 수 있도록 해주는 Sortable JS velog.io
2023.11.20 -
[jsp] 페이지네이션 하기
//페이지네이션 버튼 만들기 function btnMake(res, limit, currentPage) { let total_page = Math.ceil(res.length / limit); // 올림을 사용하여 전체 페이지 수 계산 var oHtml = ''; var startPage = Math.floor((currentPage - 1) / 5) * 5 + 1; var endPage = Math.min(startPage + 4, total_page); // 이전 버튼 추가 if (startPage > 1) { oHtml += '이전'; } // 5개씩 페이지 버튼 생성 for (var i = startPage; i
2023.11.09 -
✔️ iframe 페이지 전체 새로고침
상황 :파란색 iframe(부모) /빨간색 src(자식)으로 사용되었을 때 새로고침 내가 원하는 것: session이라는 어떤 정보가 없으면 로그인 페이지로 돌아가게 하고 싶었음 문제점: location.href 및 window.location.reload()시 밑에 빨간색 부분만 바뀌었음 해결책 1. 개발자 모드를 켰을 때 top이라는 것이 눈에 보였음 2.확인해보니 iframe은 주로 top 즉 부모요소로 간주가 된다함 주로 iframe은 부모 요소로 간주 3. 결론 top.location.href()를 사용하여 iframe(부모 요소)를 새로고침 하면 가능하다 !
2023.10.27 -
Day6_VSCODE_JavaScript_이터레이터+이터러블
🟢이터레이터(Iterator) 반복 처리가 가능한 객체 내부적으로 next() 메소드를 가지고 있다. next()는 IteratorResult 객체 value와 done이라는 프로퍼티를 가진 객체를 반환해야 함 🟢이터러블(Iterable) - 반복이 가능한 객체 - Symbol.Iterator 메소드가 있어야한다. - Symbol.Iterator는 이터레이터 객체를 반환해야함 - String, Array, Map, Set .. 등 객체가 예시 - for 문법으로 반복이 가능하다. 예시
2023.04.12