코더에서 개발자로 가는길.

순수 자바스크립트에서 (pure javascript tbody scroll) tbody에 스크롤을 주기 위해서는 간단히 아래의 2가지 방법이 있는 것 같다. 근데 실제로 만약 tbody에 스크롤을 주고 싶다면 당연히 scroll paging이 (스크롤 페이징)이 필요하게 되는데 굳이 table로 만들어서 뿌려줘야 할까?라는 고민이 생긴다. 나름 3일동안 아래의 3가지 출처에서 고민하다가 대충 잡게 되었는데 우선 기록을 위해서 남겨 둔다. 추후 이쁘게 정리 예정이다. * table tbody에 스크롤 남기기 .TABLE thead{float:left; width:890px;} .TABLE tbody{overflow-y:auto; overflow-x:hidden; float:left; width:890px;..

mybatis를 사용하는데 비교 문자 즉 부등호()를 사용할때는 아래와 같이 사용해야 한다. 아니면 The content of elements must consist of well-formed character data or markup. 오류가 생긴다. create_dt >= 블라블라]]>

웹 개발을 하다보면 화면 리플래쉬를 해야 할 때가 있습니다. 제가 알기로는 아래의 3가지 경우가 있는데요.한 번만 사용할 때는 setTimeout, 계속해서 반복적으로 사용할때는 setInterval , meta 태그를사용하시면 됩니다. setTimeout : setTimeout(FUNCTION, TIME);* TIME 은 밀리 세컨드 setInterval : setInterval(FUNCTION, TIME);* TIME 은 밀리 세컨드 근데 정말로 고민이 되는 것은 setInterval , meta 태그 중에 성능 또는 효율성은 무엇이 좋을까? 라는 고민을 했었는데..답이 없는 것 같습니다. 구글링해서 찾아 본 것은 예전 IE6 시대에는 각 브라우져별 지원 안 할 수 있는 이야기를 하지만... 이제는 ..

요즘에는 기술이 좋아져서 웹 브라우져에서 실시간 통신을(?) 하기 위해서 websocket를 지원해준다. 물론 예전부터 폴링과 롤폴링 등의 기술을 통하여 서버와 브라우져간의 실시간 통신을 지원하기도 했다. 현재는 HTML5을 지원하는 브라우져에서는 거의 지원이 가능하다. 만약 당신이 IE 11을 지원하는 웹 솔류션을 만든다면 웹소켓을 만드는데 별로 어렵지 않을 것이다.문제점은 고객이 만약 IE9에서 지원을 해달라고 한다면 당신은 고민을 하게 될 것이다. 만약 당신의 JAVA라는 언어를 사용하고 JAVA에서 대표적인 프레임워크인 Spring 4.0에서를 사용하다보면 아래와 같은 문구를 만나게 된다. IE9에서도 웹소켓이 지원이된다고...우와~~~여기서부터 나의 힘든 여정이 시작이 되었다. 하이튼 결론 부터..

요즘에 로그인 유지 기능에 대해서 구현을 하고 있는데 그에 대해서 느낌 정리를 하려고 한다. 우선 Spring security에 기본 기능을 사용하게 되면 편한 것을 느낄수가 있었다 . 하지만 spring security에서 기본으로 사용하려고 하는 내용을 사용하지 않고 auto-config= false를 하는 순간...ㅜ.ㅜ Spring에 대해서 제대로 이해를 하지 않고 있다면 힘들어진다. 당연한 이야기 이겠지만 auto-config = false를 하는 순간 모든 구현체를 구현을 해야 하는데 Spring authentication , remember me에 대한 예제는 최소한 영어/한국어 사이트에 예제는 없다고 봐도 무방하다. 그렇다면 어떻게 구현 remember me 을 할 것인가? 결국에는 쿠키로..

javascript에서 ajax로 xml 데이터를 받을때 responseXML를 사용해서 받는다.이때 전체 틀을 보고 싶을때 responseText를 보게 되면 편하다. 제발 잊어버리지 말자.

$("#kind > option[value='선택한값']").attr("selected","selected");[참고]http://danhobak-textcube.blogspot.kr/2010/09/select-%EA%B0%92-%EC%9C%A0%EC%A7%80%ED%95%98%EB%8A%94-%EB%B0%A9%EB%B2%95.html

jquery radio 초기화 $("#input:radio[name=radioName]").removeAttr('checked'); $("#input:radio[name=radioName]:radio[value=N]").prop('checked', true); [참고] http://www.freezner.com/archives/391

Jquery AJAX 속성 ifModified $(document).ready(function() { $("#btn").click(function(){ $.ajax({ url:'http://localhost:8080/test/TEST_1.js', type:'get', dataType:'json', ifModified:true, success:function(obj){ if(obj != null) alert(obj.length+"개"); } }); }); }); 돌아가기

Jquery AJAX 속성 async $(document).ready(function(){ $("#btn").click(function(){ $.ajax({ url:'http://localhost:8080/test/time.jsp', type:'post', dataType:'json', async:true, success:function(obj) { alert("통신 종료"); return; }, error:function(obj) { alert("에러"); return; } }); $("#btn2").click(function(){ alert("이메시지는 출력이 되면 안돼요"); }); 돌아가기