애매한 잡학사전

jQuery 버전으로 작성하다가 심심해서 순수 자바스크립트 버전으로 구현해보면 어떨까 해서 구현해봤습니다. 근데 큰 문제가!! Internet Explorer 에서는 잘 동작을 안합니다. ㅋㅋ 크롬이나 엣지에서만 동작합니다. 추후 정리해서 정상 동작하는 소스를 공유하려고 합니다.

블로그 작성을 하면서 소스 복사에 대한 차단이 있으면 어떨까 하는 생각이 들어서 한번 작성해 보았습니다. 정말 간단하고 심플하게 만들어서 누구나 따라할 수 있을 것 같네요. 일반적으로 사용하는 jquery 소스를 이용해서 작성하였습니다. 모든 게시글 작성이 끝나면 티스토리 블로그 작성 모드를 HTML 모드로 변경하고 위의 소스를 게시글 제일 마지막에 추가하면 정상적으로 동작하게 됩니다. 안내 문구를 변경하려면 alert(''); 안에 문구를 변경하면 됩니다. 이상 간단하게 작성한 블로그 불법 복제 방지 스크립트 였습니다. ^_^

프로젝트를 진행하면서 필수 값 입력 여부를 체크할 일이 생겼습니다. 물론 보통의 프로젝트라면 공통에서 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..

요즘은 그리드 툴이 많아서 직접 행추가, 삭제, 초기화 등 기능을 직접 구현할 일이 별로 없는데 그래도 직접 만들어 보았습니다. 다른 페이지에서도 사용할 수 있도록 하기 위해 나름 생각을 해서 구현하였습니다. 기본 테이블 구조는 아래와 같고 각각의 기능을 FUNCTION 으로 만들었습니다. - 기본 테이블 구조 행추가 행삭제 헤더1 헤더2 헤더3 내용1 내용2 내용3 테이블 구조는 정확하게 생각이 나지 않아서 대충 구조만 참고하시면 될 것 같습니다. - 행초기화 function fncRowReset = function(obj){ $(obj).find(':input').each(function(){ this.value = ''; this.checked = ''; }); }; 초기화 할 행 Object를 받..