반응형 분류 전체보기86 [Jquery DataTables] 라이브러리 기본 사용법 자바스크립트 grid 라이브러리인 DateTables 기본 사용법 [스프링 부트/RestController] 원격에서 data를 받아와서 테이블에 출력시키는 기능을 구현하고자 한다. jquery datatables library는 테이블과 데이터를 쉽게 binding하여 구현할 수 있게 도와준다. 공식홈페이지에 예시도 잘 나와있고, 포럼도 활성화되어있어서 쉽게 사용할 수 있다. 기본적으로 jquery, datatables 등 css, js를 추가한다. 필수로 jquery와 jquery.dataTables를 삽입한다. 정확한 원인은 모르겠는데 dataTables 다큐멘테이션에서 사용하는 기본 사용법으로 데이터가 안 불러 와져서(추측상 원격에서 데이터를 불러와서 그런 것 같음) 위와 같이 사용했다. ajax.. 2021. 7. 15. [스프링] 파일 용량별 전송 시간 파일 모듈을 개발 중인데, 사용자가 대략 어느 정도 크기의 파일을 올리겠다는 예상치가 없어 난감하다.. 10MB 이정도 크기는 1초도 안 걸리는 것 같아 큰 문제가 될 것 같진 않다. 하지만 1GB, 2GB 등의 기가바이트 단위라면..? 그래서 측정해보기로 했다. 일단 더미 데이터를 만든다. 더미 데이터는 WINDOWS 기준으로 아래와 같이 만들 수 있다. 명령 프롬프트에 들어가 fsutil file createnew [파일명] [파일크기] 와 같이 작성한다. 이때 파일크기는 바이트 단위다. 정확한 파일 크기를 위해 https://convertlive.com/u/convert/gigabytes/to/bytes#0.5에서 GB to B 컨버전을 하여 파일크기를 입력했다. Convert Gigabytes t.. 2021. 6. 12. 클라이언트(javascript)에서 저장한 쿠키값 서버(java)에서 받기 클라이언트 pc에서 a링크를 클릭하여 서버pc에서 어떤 동작을 하려고 한다. 이때 클라이언트의 페이지(jsp)이름을 서버 pc에 전달하려고 한다. 물론 링크 주소에 파라미터로 넘길 수 있지만 되도록이면 링크는 건드리지 않으려고 한다. 두 가지 방법이 있는데 첫 번째는 form태그를 사용하여 hidden 값으로 보내기 두 번째는 쿠키에 값을 담아 보내는 것이다. 이번엔 쿠키에 값을 담아 보내는 방법을 작성해보려고 한다. var page_cd = document.URL.substring(document.URL.lastIndexOf("/")+1, document.URL.length); document.cookie = "page_cd="+encodeURIComponent(page_cd); 두 줄이면 된다! 엄밀.. 2021. 6. 11. [magnificPopup.js]이미지 클릭시 팝업창으로 이미지 띄우기 이미지 클릭하면 아래 그림처럼 팝업창으로 이미지를 보여주고자 한다. 물론 기본적인 html, javascirpt, jquery 만으로도 이미지 팝업을 구현할 수 있으나, magnificPopup 라이브러리를 통해 간단하게 구현할 수 있다. https://dimsemenov.com/plugins/magnific-popup/documentation.html Magnific Popup Documentation The complete guide on how to use Magnific Popup - the open source responsive lightbox plugin. dimsemenov.com 다양한 옵션이 있으니 자세한 건 공식 documentation을 참고하면 될 듯 일단 나는 동적으로 생성된 i.. 2021. 6. 10. 이전 1 ··· 13 14 15 16 17 18 19 ··· 22 다음 728x90 반응형
