애매한 잡학사전

개요 현재 시스템이 운영 DB와 통게, 로그 데이터가 한 곳에 있어 사용자가 많을 때는 통계나 로그 데이터를 활용할 수 없는 상황이었습니다. 그래서 AWS Athena를 적용 시켜 로그, 통계 데이터를 이관 처리를 하고 Web에서 활용할 수 있는 방법을 구현 하였고, 만족할만한 결과가 나왔습니다. 혹시 환경 구성이 궁금하시면 하단의 링크를 통해서 확인할 수 있습니다. 그래서 이 블로그에 작성할 내용은 Java 에서 AWS Athena로 Query를 실행시켜 간단한 게시판을 만들어 보려고 합니다. 1. DataSearchInAthena 클래스 1) AWS 접근 권한 - AWS Athena accessKeyId 와 secretAccessKey 를 발급 받아서 AWS 접근할 수 있는 권한을 생성합니다. /**..

부모 콤보 박스 선택 시 자식 콤보박스 값 변경하기 개발을 하다 보면 부모 select box 선택 시 자식 select box 안의 내용이 바뀌는 기능이 필요한 경우가 종종 있는 것 같습니다. 검색 조건이나 입력할 때 주로 많이 사용해서 공통을 개발하시는 개발자분이 이미 만들어 놓은 경우가 많은데 없을 경우를 대비해서 참고용으로 정리해 보았습니다. /** * 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argFormNm : form name * @param argObj : 적용할 select box name * @param argValue : 메인 콤보 값 * @param argUrl : 조회할 url * @param argSrhInputSec : 검색 조건 or 입력 항목 구분 ( ..

javascript, jQuery를 이용한 모바일, PC 동적 페이징 처리하기 현재는 반응형 웹으로 모바일에 맞게 페이징을 '더보기' 형태로 구현 되어있는 프로젝트에서 페이징 처리를 추가해 달라는 요청이 있어서 공통으로 써도 될 것 같아서 구현해 보았습니다. 현재까지 테스트 결과 이상없이 동작하는 것은 확인했는데 아직 미흡하나마 정리해보려고 합니다. PC와 모바일 확인은 window.innerWidth 로 확인을 해서 530 이상일 경우는 PC 그 이하는 모바일이라고 판단하고 처리하였습니다. - HTML 소스 .... list head content .... .... list body content .... 다른 부분들은 각각의 프로젝트에 따라 바뀌겠지만 head 에 있는 스크립트와 form에 있는 hi..

프로젝트를 진행하면서 필수 값 입력 여부를 체크할 일이 생겼습니다. 물론 보통의 프로젝트라면 공통에서 validation 체크를 할 수 있게 구현해 놓았겠지만.. 안타깝게도.. 여긴 그런 부분이 부족해서 제가 따로 구현해보았습니다. 필수 입력값 체크를 위한 테이블이나 div 의 id 값을 파라미터로 넘기면 그 하위의 th, 즉 헤더 부분에 class 명칭을 essential 로 정의해서 별(*) 를 표시 하게 해놓고 헤더(th)에 별(*) 표시가 있으면 td 의 input 값에 따라 입력이 되어있는지 체크하는 로직입니다. 일단은 사용하는 부분이 text와 selectbox 만 있어서 그 두가지만 체크하게 하였습니다. /** * 입력 항목의 필수 값을 체크 * @param argObjId : 체크할 최상위..

ibsheet의 그리드에 중복값을 체크를 해야하서 구현을 하였는데.. API를 읽어보니 이미 그런 기능이 있었습니다. ㅠ0ㅠ 그래도 기록으로 남기고자 정리합니다. /** * IBSheet 그리드 중복값 체크 * @param argSheetObj : sheet 객체 * @param argSection : 중복 체크 컬럼 값 ( '|' 구분으로 복수 체크 가능 ) * @param argRowStartNo : 시작 row 번호 * @param argMsg : 출력 메시지 * @returns {boolean} */ fncSheetRowDupCheck : function(argSheetObj, argSection, argRowStartNo, argMsg){ var retBoolean = true; var chk ..

특정 테이블의 input 값이나 안에 있는 텍스트 값을 초기화 하는 함수를 만들었습니다. /** * 입력 항목 및 td 값 초기화 * @param argObj 테이블 or form Object */ fncInputReset : function(argObj){ // select 초기화 $('#'+argObj).find('select').each(function(){ this.value = ''; tmJs.fncComboSelectAndTextChange(this.id, this.value); // 콤보박스 값 셋팅 }); // input 초기화 $('#'+argObj).find('input').each(function(){ this.value = ''; }); // textarea 초기화 $('#'+arg..

검색 form 이나 입력 form에 달력으로 날짜를 선택할때 하이픈(-)이 포함되어 있는 경우가 많은데 DB에 입력할때는 하이픈(-)을 제거해야 하는 경우가 있어서 날짜 형태를 변경하는 함수를 만들었습니다. YYYY-MM-DD 형태를 YYYYMMDD 형태로 변경하고, 다시 YYYYMMDD 형태를 YYYY-MM-DD 형태로 변경하는 함수 입니다. - YYYY-MM-DD 변환 /** * YYYY-MM-DD 형태의 문자를 YYYYMMDD 형태로 변환 * @param argDate * @returns {XML|string} */ fncDateToStr : function(argDate){ var tmp = ''; if(argDate !== undefined){ var regExp = /[\{\}\[\]\/?.,..

검색 조건이나 입력 form 에 메인 콤보박스의 선택에 따라서 서브 콤보박스가 변경되는 경우가 있는데 이럴 경우 서브 콤보박스를 변경할 수 있는 함수를 구현하였습니다. /** * 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argFormNm : form name * @param argObj : 적용할 select box name * @param argValue : 메인 콤보 값 * @param argUrl : 조회할 url * @param argSrhInputSec : 검색 조건 or 입력 항목 구분 ( '' or input ) * @param argSelVal : selected 할 option 값 */ fncDynamicSecondComboBox : function(argFormNm..

이번 프로젝트에서 IBSHEET를 사용하면서 그리드에서 메인 콤보박스 선택에 따른 서브 콤보박스를 세팅해주는 함수를 구현해 보았습니다. 조금 더 정리를 할 필요는 있는 것 같지만 HISTORY 차원에서 기록하게 되었습니다. /** * IBSheet 메인 콤보박스 선택에 따른 서브 콤보박스 변경 * @param argSheetObj : IBSHEET OBJECT * @param argUrl : SEARCH URL * @param argParam : PARAMETER * @param argSubColId : 대상 서브 콤보박스 ID * @param argRow : GRID 선택 ROW */ fncSheetDynamicSecondComboBox : function(argSheetObj, argUrl, argP..

네이버 에디터에 작성된 게시글 중 텍스트 문자열만 따로 저장하게 해달라는 요구사항이 있었습니다. 그래서 직접 구현을 했는데 다 하고 나서 네이버 스마트에디터 js 파일을 열어보니 비슷한 기능이 있었다는.. ㅠ0ㅠ 하지만 다른 곳에서도 사용할 수 있을 것 같아서 기록으로 남기게 되었습니다. - 공통 함수/** * argBody 안의 내용 중 지정 문자열 삭제 * argBody : 삭제본문 ( ex : 가나다 안녕하세요 ) * argStartSection : 삭제 시작 문자 ( ex : ', ''); // 스마트에디터 내부의 이미지 제거 varContent = removeStyleAndImage(varContent, '', ''); // 스마트에디터 내부의 스타일 제거 });이렇게 하면 varContent ..