반응형 2017/1116 jqGrid dataType json CRUD + filterToolbar + dateRangePicker 6부 CUD 기능 구현 jqGrid dataType json CRUD + filterToolbar + dateRangePicker 6부 CUD 기능 구현 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com 어느덧 jqGrid 6번째 포스팅 입니다. Link : jqGrid dataType json CRUD + filterT.. Programing/jQuery 2017. 11. 30. jqGrid dataType json CRUD + filterToolbar + dateRangePicker 5부 기간 조회 dateRangePicker설정 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 5부 기간 조회 dateRangePicker설정 이번 포스팅에서는 jqGrid filterToolbar에 dateRangePicker를 적용하.. Programing/jQuery 2017. 11. 30. jqGrid dataType json CRUD + filterToolbar + dateRangePicker 4부 멀티 조건 조회 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 4부 멀티 조건 조회 이전에 3개의 포스팅에서 jqGrid의 조회, 페이징, 헤더 정렬에 대해 알아보았습니다. Link : jqGrid dat.. Programing/jQuery 2017. 11. 30. jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 3부 헤더 정렬 Link : jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 .. Programing/jQuery 2017. 11. 30. jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 2부 페이징 설정 1부 에서는 데이터를 가져와 표출하는 부분까지 했었죠. 이번 2부에서는 페이징 설정을 하는 방법에 대해 알아보도록 하겠습니다.. Programing/jQuery 2017. 11. 30. jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 추천 그리드 ▼ Link : https://aljjabaegi.tistory.com/593 [VanilaJS Free Grid library] Aljjabaegi Grid Grand Open [Free Grid library] Aljjabaegi Grid Grand Open 여러 무료 라이브러리를 사용해오다가 많은 요구사항에 맞추어 커스텀하기 어려워 직접 만든 그리드를 공개합니다. 페이징, 정렬, 단일조회, 복수조회, aljjabaegi.tistory.com jqGrid dataType json CRUD + filterToolbar + dateRangePicker 1부 데이터 조회 jqGrid에 filterToolbar와 dateRangePicker를 적용한 화면 입니다. [구현된 기능] ● 그리드 헤더.. Programing/jQuery 2017. 11. 29. javascript 자바스크립트 UNIX Timestamp 변환 timestamp to date String javascript 자바스크립트 UNIX Timestamp 변환 timestamp to date String Unix timestamp 를 Date String으로 변환하는 함수 function getTimestampToDate(timestamp){ var date = new Date(timestamp*1000); var chgTimestamp = date.getFullYear().toString() +addZero(date.getMonth()+1) +addZero(date.getDate().toString()) +addZero(date.getHours().toString()) +addZero(date.getMinutes().toString()) +addZero(date.getSeconds().toStr.. Programing/JavaScript 2017. 11. 24. 자바 파일 다운로드 소스, 한글인코딩, 브라우져 문제 해결 자바 파일 다운로드 소스, 한글인코딩, 브라우져 문제 해결 [ jsp ] filename 을 get 방식으로 보낸다. $(document).ready(function(){ $('#fileDown').click(function(){ var filename = $('#fileName').val(); window.location.assign('${ctx}/infoCenter/download.do?fileName='+fileName); }); }); [ Java Controller ] 파일 경로 설정 (프로젝트 내에 있는 파일) - 서버 로컬에 있는 파일이라면 절대경로를 입력. @RequestMapping(value="/download.do", produces="text/plain;charset=UTF-8") .. Programing/JAVA 2017. 11. 20. TUMI 신상 백팩 리뷰 TUMI 신상 백팩 리뷰 이번 슬로베니아 출장 때 이탈리아 살짝 넘어가 엎어온 백팩입니다. 티패스, 녹스, 컴팩, 알파브라보, 킹스빌 등등 많이 써보았지만 이놈이 젤루 맘에 듭니다. (근데 모델명을 모르겠다는...) 우선 정면 샷 부터 보시죠. 정면은 티패스와 비슷하게 생겼죠. 티패스를 사용하면서 가장 맘에 안들었던 부분을 굳이 꼽자면, 가방 하단과 정면이 쓰다보면 흐물흐물 해져 각이 없어지는 것 이였는데 이 모델은 상단과 하단에 가방의 각을 잡아주는 두꺼운 소재를 사용하여 가방의 각을 살려줍니다. 수납 역시 뛰어나죠. 티패스에 비해 앞쪽 수납공간은 좁아졌지만 아이패드를 넣을 수 있는 공간과 정면에 지퍼가 있어 효율적입니다. 티패스와 가장 차이가 나는 점은 노트북을 수납할 수 있는 뒤쪽 수납공간인데요. .. Fasion/Bag 2017. 11. 17. javascript 자바스크립트 sha-256, sha-512 암호화 방법 javascript 자바스크립트 sha-256, sha-512 암호화 방법 sha 암호화의 경우 단방향 암호화 이기 때문에 복호화는 되지 않습니다. sha-256 암호화에 필요한 js [적용 방법] 아래는 암호화방식이 표출되어 있지만 메소드 명을 변경하여 암호화 알고리즘을 알 수 없도록 합니다! . . . . . . //암호화 sha-512 암호화에 필요한 js . . . . . . //암호화 Programing/JavaScript 2017. 11. 10. 크롬 크로스도메인 이슈 CORS 간단히 해결하는 방법 크롬 크로스도메인 이슈 CORS 간단히 해결하는 방법 크로스도메인이란? 보안상의 이유로 웹 페이지에서는 같은 도메인 상의 요청만 가능하게 됩니다. 이러한 정책을 Same Origin Policy 이라하며 동일한 도메인으로 HTTP 요청을 보내는 것만 가능한 정책을 말합니다. 하지만 이는 웹 개발자들을 귀찮게 만드는 것이죠. 그래서 나온 것이 CORS(Cross-Origin Resource Sharing) 입니다. 다른 도메인에서의 요청도 수락하게 하는 것이죠. Cross-Origin Resource Sharing 표준은 웹 브라우저가 사용하는 정보를 읽을 수 있도록 허가된 출처 집합를 서버에게 알려주도록 허용하는 HTTP 헤더를 추가함으로써 동작합니다. 추가적으로, 사용자 데이터 상에서 부수 효과를 일으.. Programing/ajax 2017. 11. 7. Oracle 오라클 두 좌표 사이의 거리 구하기 WGS84 Oracle 오라클 두 좌표 사이의 거리 구하기 WGS84 특정 테이블에 좌표값 컬럼이 있고(LOCATION_DATA_Y, LOCATION_DATA_X) 파라메터로 좌표값(Y : 33.504274, X : 126.529182)을 받아 거리를 구하고자 할 경우 2km 정도의 오차 발생의 경우(0.019 - 0.022) [QUERY] SELECT DISTANCE_WGS84(33.504274, 126.529182, LOCATION_DATA_Y, LOCATION_DATA_X) as DISTANCE FROM COL_INCIDENT_LOG WHERE (LOCATION_DATA_Y BETWEEN 33.504274-0.019 AND 33.504274+0.019) AND (LOCATION_DATA_X BETWEEN 12.. Database/SQL 2017. 11. 7. Javascript 소스 압축 사이트 소스 압축 코드 최소화 minify js 소스 압축 사이트 소스 압축 코드 최소화 minify 보통 사용하는 라이브러리들은 뒤에 min을 붙여서 소스를 압축한 파일을 제공합니다. ex) jquery-3.2.1.js jquery-3.2.1.min.js 소스를 압축하면 용량이 줄어들기 때문에 사이트 최적화에 도움이 됩니다. Link : 사이트 최적화를 위한 레포팅 사이트, 최적화 체크 그럼 소스를 압축하는 방법을 알아보도록 하죠. 아래의 사이트로 접속을 합니다. https://javascript-minifier.com/ 방법은 간단합니다. 자신의 압축이 되지 않은 소스를 왼쪽 Input JavaScript textarea에 넣고 Minify 버튼을 클릭하면 끝납니다. 그럼 변수들이 알파벳으로 치환되고 한줄로 쭉~나오게 되죠. 해당 소스를 복사.. 알짜정보/IT정보 2017. 11. 3. 사이트 최적화를 위한 레포팅 사이트, 최적화 체크 사이트 최적화를 위한 레포팅 사이트, 최적화 체크 https://gtmetrix.com/ 에 접속합니다. 페이지가 뜨면 체크할 사이트의 URL을 입력하고 Analyze 버튼을 클릭합니다. (네이버를 보도록 하죠.) 그럼 분석이 시작됩니다. 그리고 결과가 나오게 되죠. 물론 네이버는 통합포털 페이지이기때문에 Performance Scores 는 좋지 않지만 보통 최적화는 Page Details 로 판단합니다. 역시나 모든 결과가 평균이상으로 나오네요. 하단에 탭을 클릭하시면 어떤것이 최적화를 방해하는지 파일명이 나오게 됩니다. 예를 들면 PageSpeed탭에 Minify JavaScript 를 보면 압축이 되지않은 파일들이 나오게 됩니다. 그럼 해당 파일들을 minify 해주면 점수가 올라가게 되죠. (파.. 알짜정보/IT정보 2017. 11. 3. 주기적 클래스 실행하는 방법 자동실행 일정간격 스케쥴링 JAVA Spring task scheduler 주기적 클래스 실행하는 방법 자동실행 일정간격 스케쥴링 JAVA Spring task scheduler 사용자가 뭔가 명령을 내리지 않아도 클래스를 자동 실행하고 싶을 때 사용하는 것이 Sping에 task scheduler 입니다. 몇시간 간격, 몇시부터 몇분간격 등등 주기적인 스케쥴링이 가능하죠. 그럼 사용법을 알아보도록 하겠습니다. 테스트 스펙부터 알아보죠. [SPEC] 전자정부 프레임워크 3.6 (Spring 4.XX) JAVA 8 TOMCAT 7 서버 실행 시 일정 간격으로 실행되어야 하는 class 는 구현되었다고 가정하겠습니다. 저의 경우에는 OpenAPI 로 특정 데이터를 받아 주기적으로 DB에 저장하는 클래스를 생성했습니다. 이제 본론으로 들어가서, dispatcher-servlet.xm.. Programing/Spring 2017. 11. 3. 이전 1 2 다음 💲 추천 글 반응형