인디노트

iBatis 에서 mybatis 로 바뀌면서 바뀐것들 중에 하나가 동적쿼리문에서 쓰는 태그들이다. iBatis 에 있던 요런 것들이 mybatis 에서는 요렇게 대체할 수 있어서 쫌더 간결해 진것 같다. 그런데 test="" 요기에서 쓸수 있는 비교연산자들 중에는 null 인지 빈 공백인지 판단하던 , 를 대체할만한 비교연산자가 없었다. null 인지 공백인지 mybatis 에서 판단하기 위해서는 요렇게 쫏끔 번거롭게 쓸 수 밖에 없는것 같았다. 뭐 더 찾아보진 않았지만~ 어째 다른 방법이 없나 쭉 찾아보니까~ 신기하게도 조건문에서 자바 클래스의 메소드를 호출해서 하는 방법이 있었다. 클래스를 하나 맨들고 거기에다 boolean 을 리턴해주는 static 메소드들을 뽓 맨들고 고것을 호출하는 방식이다. ..

Javascript - 비밀번호 유효성 검사 ( password validation ) 1. 영문, 숫자 혼합하여 6~20자리 이내 function chkPwd(str){ var reg_pwd = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/; if(!reg_pwd.test(str)){ return false; } return true;} if(!chkPwd( $.trim($('#mpassword').val()))){ alert('비밀번호를 확인하세요.₩n(영문,숫자를 혼합하여 6~20자 이내)'); $('#mpassword').val(''); $('#mpassword').focus(); return false; } ------------------------------..

웹 표준은 이제 더 이상 무시할 수 없는 키워드입니다. World Wide Web(WWW)의 의미대로 가능한 많은 사람이 웹을 이용하기 위해서는, 모든 브라우저에서 ‘똑같이 보이는 것’이 아니라 ‘각 브라우저에 알맞게 보이는 것’이 중요하기 때문입니다. 그래서 웹 표준에서는 구조(Constructure)와 표현(Presentation)과 행위(Behavior)를 각각 분리해서 개발하기를 권유합니다. 이렇게 하면, 각 사용자는 구조화 된 마크업에 따라 다양한 디자인을 제공받을 수 있기 때문입니다. 뿐만 아니라 사이트의 로딩속도도 빨라지고 개발과 유지보수 또한 쉬워집니다.구조 : 웹 콘텐츠에 의미를 부여하고 구조를 형성 → HTML표현 : 시각적인 디자인과 레이아웃 표현 → CSS행위 : 모든 front-e..

개요여러가지 웹 표준 스펙을 만들고 있는 월드 와이드 웹 컨소시움(World Wide Web Consortium; W3C) 홈페이지CSS는 현재 대부분의 사이트에서 폰트나 링크 스타일에 대한 정의 정도로만 사용되고 있습니다. 이러한 사용도 서체나 링크의 디자인을 효과적으로 관리하는데 도움이 되겠지만 CSS의 가장 큰 장점인 문서의 구조와 디자인의 분리를 활용하지 못하고 있는 경우입니다. CSS를 서체 정도에만 사용하게 되면 HTML에 레이아웃이라든가 배경이미지 같은 디자인 적인 요소가 들어갈 수 밖에 없습니다. 여기서는 이러한 디자인 적인 요소를 HTML에서 분리해 냄으로서 얻어질 수 있는 여러가지 장점에 대해서 알아보도록 하겠습니다.CSSCSS 일반Cascading Style SheetCSS는 구조적으..

@media query test 브라우저 크기를 변경하면 @media 쿼리에서 지정한 크기에 정의한 CSS가 적용되는 것을 확인할 수 있다.위 코드는 PC 용 브라우저를 테스트하기 위해서 임의로 사이즈를 정의해서 테스트하였다. PC용 브라우저는 최소 크기가 모바일 320px 보다 크기고 테스트를 스크린 캡쳐하기 위해서 500px 이상을 테스트하기 위해서 임의로 정의한 것이다. 모바일, 테블릿, PC에 따라서 다르게 하고 싶은 경우는 다음과 같이 수정한다. @media query test 하지만 CSS3 @media 쿼리는 IE6~8 브라우저에서는 지원되지 않는다. 그래서 Javascript로 구현된 respond.js를 이용해서 이 문제를 해결해야한다. https://github.com/scottjehl..

가져온 글 : 출처 https://weblog.west-wind.com/posts/2013/jun/01/smoothing-out-div-scrolling-in-mobile-webkit-browsers One thing that is annoying in WebKit mobile browsers - and especially on iOS mobile browsers - is the default scroll behavior for HTML elements that have text overflow. Unlike desktop browsers which easily scroll content, many mobile browsers by default have a terrible experience scrol..

DIV 의 스크롤은 기본적으로 웹브라우저에서 안정적으로 동작한다.하지만, 모바일 웹브라우저에서는 왠지 속도가 늦고 부자연스럽다. 다행히 이를 해결할 수 있다.이렇게 div 에 스타일을 주면 해당 div 의 스크롤이 모바일 웹에서도 자연스러워진다.