javascript 검색 결과
5 개의 검색 결과가 있습니다.
Javascript

Clipboard API 정리 (readText, writeText)

사용자가 복사기능을 사용할 때 추가데이터가 필요한 경우가 있다. (출처나 시간값.. 등) Clipboard API 는 지원영역이 IE11 과 IE11 이 아닌 브라우저로 나뉜다. IE11 은 window.clipboardData 를 사용. 그 외 브라우저는 navigator.clipboard 사용 navigator.clipboard browser compatibility 1. 브라우저 체크 (IE11 or another browser) var isIE = false || !!document.documentMode; IE11 에서는 true chrome, edge, firefox 에서는 false 를 반환한다. 2. 브라우저 별 Clipboard API 사용 IE11 // Get Clipboard Data..

2021. 2. 25. 17:56
Javascript/Vue.js

vue table sorting object array

vue 에서 table 을 sorting 하는 방법은 두 가지가 있을 것이다. 라이브러리를 사용하거나 (lodash) 공식페이지의 가이드를 따라하거나. 해당 글에서는 라이브러리를 사용하지 않고 기능을 구현하는 예제를 다룬다. compareValues: function (key, order='desc') { return function innerSort(a, b) { if (!a.hasOwnProperty(key) || !b.hasOwnProperty(key)) { // property doesn't exist on either object return 0; } const varA = (typeof a[key] === 'string') ? a[key].toUpperCase() : a[key]; const ..

2020. 9. 18. 18:48
Javascript

javascript export excel

프론트 개발에서 excel 다운로드를 할일이 생겨 방법을 찾아보았다. 검색 키워드는 vue excel export 혹은 download 뒤적뒤적 하고있는데 뒤에서 excel import 기능을 사용한다고.. package.json 을 확인해보니 xlsx 을 쓰고 있었다. export 기능만 있으면 나도 써야지.. 하고 뒤적뒤적.. www.npmjs.com/package/xlsx xlsx SheetJS Spreadsheet data parser and writer www.npmjs.com 기능이 있다! 의존성을 설치해주고~ $ npm install xlsx vue script 에서 코드를 작성해주었다. downloadExcel: function() { var wb = xlsx.utils.book_new()..

2020. 9. 4. 09:41
Javascript

javascript array slice (배열의 일부만 추출)

배열을 자르기 위한 방법은 조금씩 다르지만 각 언어마다 존재한다. 습관적으로 array[0:10] 을 했지만 동작하지 않아서 찾아보았다. javascript 에서는 array.slice 혹은 array.splice 를 사용한다고 한다. arr.slice([begin[, end]]) arr.slice(0, 10) array.slice 는 원본 배열을 복사해서 begin ~ end 까지 가지고 있는 배열을 복제한다. 실제로 필요한 기능은 slice 였다. array.splice(start[, deleteCount[, item1[, item2[, ...]]]]) array.splice(10) 원하는 값인 0~9 까지의 값을 얻어지긴 한다. 하지만 splice 는 원본 배열의 값을 변경시킨다. 배열 추가예시 v..

2020. 9. 3. 13:45
Javascript

Javascript Axios API Cache (axios 요청이 서버로 안갈 때)

본문을 보는 사람들은 Javascript 로 http 요청을 보낼 때 대부분 Axios 를 사용할 것이다. 오늘도 평소처럼 Axios 를 활용해서 http 요청을 보내는데 생각했던 대로 동작하지 않는 케이스를 발견했다. 사용자가 로그인을 하면 서버는 auth_token 을 저장한 cookie 를 전달한다. (사용자가 새로고침을 할 때 auth_token 을 체크하기 위함) 사용자가 로그아웃을 하면 서버는 요청에 담긴 cookie 에서 auth_token 을 확인 해당 auth_token 정보에 대해 추가 접근을 차단한다. (expire day=-1) 현재 어떤 페이지던 로그인 토큰을 확인하기 위한 요청이 있으며 해당 요청에서는 항상 cookie 에 담긴 auth_token 이 만료되지 않았는지 확인한다...

2020. 9. 2. 00:45