본문 바로가기

Workin'/Front-End

(5)
[Debug] 크롬 개발자 도구에서 Device 모드시 마우스 커서가 보이지 않는 경우 *크롬 개발자 도구에서 Device 모드시 마우스 커서가 보이지 않는 경우(해당 사항은 윈도우 10이상, 크롬에서 발견된 현상) 1. 제어판2. 제어판 -> 마우스 설정3. 제어판 -> 마우스 설정 -> 포인터 옵션4. "표시 유형" 영역에서 "포인터 자국 표시"를 체크, 포인터 자국은 최대한 "짧게" 지정5. 적용 및 확인
[SheetJS] 한글 깨짐 문제 # JSP 파일의 헤더를 변경하여 엑셀로 저장한 파일을 SheetJS로 다시 불러오는 경우, 인코딩에 문제가 생겨 한글 깨짐. response.setHeader("Content-Disposition","attachment;filename=${파일이름}.xls"); response.setHeader("Content-Description", "JSP Generated Data"); 해결 방법은 아직 찾지 못함.
[SheetJS] 개체가 'slice' 속성이나 메서드를 지원하지 않습니다. # 대부분 "개체"가 'xxx' 속성이나 메서드를 지원하지 않습니다.에 관련된 에러는, 실제 "개체"에 xxx가 없기 때문에 발생하는 것이다.ex) data.slice(l*w) ==> "개체가 'slice' 속성이나 메서드를 지원하지 않습니다."라는 에러가 뜬다면data를 먼저 살펴볼 것. prototype로 선언된 "slice"가 있는지 확인할 것. # ie11 환경에서 ie10 버전으로 테스팅했을 때 생기는 오류 "개체가 'slice' 속성이나 메서드를 지원하지 않습니다." -> "xlsx.full.min.js" 만 import했기 때문이다. 프로젝트에 포함된 "shim.js" import하면 해결. function fixdata(data) { var o = "", l = 0, w = 10240; f..
[SheetJS] 시작 #SheetJS * CDNJS 주소 : https://cdnjs.com/libraries/xlsx-> [참고]CDNJS란? 웹 페이지의 속도를 향상시킬 수 있는 FOSS CDN! * FOSS : 자유-오픈소스 소프트웨어. 자유 소프트웨어와 오픈 소스의 성질을 둘 다 갖춘 소프트웨어이다. 소스 코드의 이용 가능성을 통해 디자인을 사용, 복사, 연구, 변경, 개선할 권한을 사용자에게 자유로이 자이선스로 부여한다. 출처> 위키백과.* CDN (Content delivery network, Content distribution network) : 콘텐츠 전송 네트워크. 콘텐츠를 효율적으로 전달하기 위해 여러 노드를 가진 네트워크에 데이터를 저장하여 제공하는 시스템.
[SheetJS] #SheetJS SheetJS란? 웹 상에서 엑셀을 다룰 수 있도록 지원하는 오픈 소스 라이브러리 homepage : http://sheetjs.com/document : https://sheetjs.gitbooks.io/docs/#sheetjs-js-xlsx * 해야 할 일 : 번역^^7