big-blog

아래와 같은 에러가 발생할 경우. Cause: java.lang.IllegalArgumentException: Mapped Statements collection does not contain value 심각: Servlet.service() for servlet [action] in context with path [/xxx] threw exception [Request processing failed; nested exception is org.mybatis.spring.MyBatisSystemException: nested exception is org.apache.ibatis.exceptions.PersistenceException: ### Error querying database. Cause:..

MyBatis xml에서 쿼리 결과 값을 받을 때. DB 컬럼들이 이미 ABC_DEF 이렇게 대문자로 이루어진 경우 VO에 set, get을 하려면 setABC_DEF(), getABC_DEF()로 해야 한다. 그렇다고 컬럼 조회 시 대소문자 구분을 안한다고 소문자로 쿼리를 날려도 매한가지다. setabc_def(), getabcd_def()로 만들 것인가? 우리는 이미 VO가 카멜 방식으로 setAbcDef(), getAbcDef()에 익숙해져 있다. 따라서 xml에서 값을 받을 때부터 카멜 방식으로 받고 싶은데..일일히 아래 처럼 코딩할 수도 없는 노릇이다. SELECT ABC_DEF AS abcDef FROM TABLE 이리하여 MyBatis에서는 카멜 자동 변환 기능을 제공하오니, 간단하게 myb..

웹사이트 운영을 하다보면 js파일이나 css파일을 수정하는 경우가 종종 발생하는데, 가끔씩 운영서버에 새로 올린 js, css 파일을 못 읽는 경우가 있다. 특히나 PC 같은 경우 아는 사람은 알겠지만 히스토리 삭제로 다운 받은 클라이언트용 파일들을 지우면 그만이지만, 일반 고객들은 지우기 힘들 뿐더러 모바일 같은 경우 더욱 심각하다. 설정에 어플리케이션 관리 - 데이터삭제 과정을 거쳐야 하는데 이걸 누가 일일히 해 보겠는가! 아이폰은 웹뷰용 앱인 경우 대응 조차 못한다. 사파리는 데이터 지우기라도 되지만. 앱은 그게 없다. JS와 CSS는 브라우저에서 캐쉬를 저장하는데 같은 페이지를 다시 접속 할 때 속도를 빠르게 하는 효과도 있고 트래픽도 절약 할 수 있다. 캐쉬 파일은 로컬(PC 또는 모바일)에 저..

:checkbox는 :button과 동일한 원리로 checkbox type의 컨포넌트들을 찾습니다. 예제) Option Button 실행결과) 설명) var input = $( "form input:checkbox" ) .wrap( "" ) .parent() .css({ background: "yellow", border: "3px red solid" }); $( "form input:checkbox" ) form 쓰고 한칸 띄었으므로 form 밑에 자식들 중에 input 태그이면서 :checkbox로 된 컨포넌트를 찾아서wrap 감싸라 뭐로? 으로 감싸라.그런 다음 parent() 감싼 checkbox의 부모 객체, 즉 에게 노란색 바탕에 3픽셀의 빨간색 선으로 스타일을 줘라. 라는 뜻이 되겠습니다. ..

jQuery 셀렉터의 :button은 button 타입의 컨포넌트들을 찾게 됩니다. 예제) Option Button 실행 모습) 설명)html 상단에서 style들을 선언하고 중간 부분에서는 각각의 컨포넌트들을 선언한 다음 하단부에서 자바스크립트로 처리를 했습니다.자바스크립트를 보면...우선 $( ":button" ).addClass( "marked" )는 모든 버튼 형식의 컨포넌트를 찾아 marked라는 클래스를 부여해라는 뜻이지요.input box의 type이 button이거나 태그 자체가 button 경우가 해당 되므로첫번째 컨포넌트인 와 마지막 컨포넌트인 이 해당 됩니다.그래서 .marked로 지정된 background-color: yellow;border: 3px red solid;이라는 스타일..

jQuery selector [name^=”value”]는 특정 문자열을 시작하는 요소들을 찾습니다. 예제) 적용 모습) attributeStartsWith demo 설명)프로젝트를 하다보면 흔하게 쓰는 경우인데, 주로 같은 input 박스에서 같은 그룹핑 이름들을 일괄로 찾아 처리를 할 때 사용을 하곤 합니다.예를들면 전화번호 같은 경우 input box를 3개를 둔다고 하고 이름이 각각 tel1, tel2, tel3이라면 한꺼번에 3개 이름을 지정하지 않고도name^=tel 이렇게 앞에 공통 접두사만 지정하면 tel로 시작하는 이름의 컨포넌트를 일괄로 찾아서 처리할 수 있지요. 위의 예제 같은 경우 input box가 3개이며 각각 newsletter, milkman, newsboy라고 되어 있는데자..

[name $ = "value"] 는 속성 값에 끝 부분이 해당하는 단어가 포함되어 있는 모든 요소를 찾습니다. 예제) 실행결과) attributeEndsWith demo 설명)$( "input[name$='letter']" ) input 요소들 중에 name 속성 값 끝이 letter로 끝나는 요소들을 모두 찾게 됩니다.위에 3개 input에서는 "newsletter"와 "jobletter"가 해당 되겠네요!

jquery selector 중에 ("*")는 document에서 모든 요소를 찾습니다.모든 요소에 무언가 일괄 적용하는 일을 극히 드물겠죠. 무튼 이것을 사용하는 경우 일괄 적용하므로 속도에 영향을 끼치니 주의해서 사용해야 합니다. 예제) DIV SPAN P Button 실제 적용 후) $( "*" ).css( "border", "3px solid red" ) 이 구문에서 모든 엘리먼트를 찾아 3px 두께의 빨간 선을 적용한 것인데빨간 선이 적용된 엘레먼트 수인 13을 body 앞에 태그로 추가하였습니다. 요소 부터 DIV SPAN P Button $( "#test" ) 구문으로 를 찾고 find()로 자손들에서 찾아라 뭐를? "*" 전체를 말이죠. 결과는? test 아이디를 가진 div 자식들인 태그..

jQuery의 selector기능 활용하여 속성 값에 문자열이 포함 되어 있는 경우를 찾는 경우는 [name*=”value”] 이와 같이 사용하면 됩니다. java나 javascript에서 사용하는 indexOf > -1 와 동일한 기능이라고 보시면 됩니다. 예제) 결과) 설명) $( "input[name*='man']" ).val( "has man in it!" ); input 태그들 중에 name 속성 이름에 "man"이라는 문자열이 포함되어 있는 경우 value 값에 "has man in it!"을 넣어라. name이 newmilk인 경우 man 문자열이 포함되어 있지 않아 적용이 안 된 것입니다. 심플하쥬~?

jQuery Selector에서 흔하게 사용하는 [name=value]가 아닌 [name|=value]를 알아보도록 하겠습니다. 예제> Some text Some other text will not be outlined 결과> [name|=value]는 속성 값이 접두사 포함되어 있는 경우를 찾아 줍니다. $( "a[hreflang|='en']" ).css( "border", "3px dotted green" ); 이 예제를 예를 들면 a 태그 중에 hreflang라는 속성 값이 en인 값을 찾는데 값 중에 - (하이픈)이 있는 경우는 하이픈 기준으로 잘라서 앞쪽 이름을 보게 됩니다. 이러면 하이픈을 이용해서 그룹핑을 해서 사용 할 수 있겠죠.