애매한 잡학사전

소개 Introduction 상속과 캐스케이딩1은 CSS의 기본적인 개념입니다. CSS를 사용하려면 이러한 것을 이해해야 합니다. 다행히 이해하기 어려운 것은 아닙니만, 몇가지 상세한 점은 기억하기 조금 어려울지도 모르겠습니다. Inheritance and the cascade are two fundamental concepts in CSS . Everyone who uses CSS needs to understand them. Fortunately, they aren’t very difficult to grasp, although some of the details may be a bit hard to remember. 두 개념은 밀접하게 연관되어 있지만, 서로 다릅니다. 상속이란 HTML 마크업에서 ..

노트북을 윈도우에서 맥으로 갈아타면서 적응도 하고 깃도 사용해보기 위해 깃을 사용 해보겠습니다. 예전에 윈도우에서 git 을 설치하는 부분을 블로그에 정리해놓았지만 프로젝트가 바빠져서 진행하지 못했지만 이번에는 꼭 성공해보려고 합니다. 그냥 일반적인 소스 파일로 하기 보다는 github로 블로그를 만들 수 있다고 해서 재미있을 것 같아 정리를 하려고 합니다. 전체적인 순서는 아래와 같이 진행 하겠습니다. 1. git 설치 2. git 기본 저장소 생성 3. 로컬 git 저장소와 github 저장소 연결 4. jekyll 테마 다운로드 5. jekyll 경로 수정 6. 테마 소스 commit 7. github에 push 그럼 시작해보도록 하겠습니다. 1. git 설치 저는 High Sierra 10.13...

오늘 작성할 포스팅은 JAVA 8 Portable Version 만드는 방법을 해보려고 합니다. 저는 PC에 이것 저것 프로그램 설치되어있는 것이 싫어서 항상 고민하는데.... ( 그것이 개발을 해야하는 프로그램일지라도.. ㅇㅅㅇ ) 자바 버전도 프로젝트 마다 달라서 여러가지 버전을 설치해야 하는 것이 마음에 안들어 구글에서 검색해서 돌아다니는 Java Portable 버전을 설치해서 사용하였는데 JAVA 8 버전은 찾기가 힘들어서 그냥 직접 만들어보기로 하고 정리하였습니다. (구글링의 힘..!!!!) 1. JAVA 8 SDK 다운로드 2. Portable 버전을 만들 프로그램 다운로드 3. 다운로드 받은 프로그램을 이용해 Portable 버전 만들기 4. 생성된 Portable 버전 로컬에서 동작하게 ..

드디어 저도 제 PC에 Git을 설치해보려고 합니다. 설치하면서 헤딩했던 내용들을 정리해서 다음에는 깔끔하게 설치하고 싶어서 기록으로 남기게 되었습니다. 위의 Git for Windows 설치 경로를 타고 들어가면 그림에서 처럼 최신 버전을 Download할 수 있습니다. 다운로드한 파일을 실행하여 설치를 시작합니다. - Git for Windows 설치 경로 : https://git-for-windows.github.io/ - - Git for Windows 설치 파일 - - 설치 전 약관 - - 설치 경로 설정 - - Components 선택 - 같이 설치할 컴포넌트들을 선택합니다. 위의 이미지는 기본으로 세팅되어 있는 항목인데 하니씩 정리해보겠습니다. - Additional icons > On th..

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