랩제이

[spring framework] Spring3에 @PathVariable 을 이용하여 REST 방식의 url을 적용 Rest 방식으로 url을 지정할 경우에 게시판의 경우 http://~/board/[관리자ID]/[게시물ID] 호출하면 내용을 볼 수 있도록 될 것입니다.컨텐츠 관리의 경우 http://~/contents/[컨텐츠ID] 호출하면 내용을 볼 수 있도록 될 것입니다. 기존 프로젝트에(YUL_ICLIB) 추가된 소스입니다.1. spring-context.xml 추가 2. springmvc-context.xml 3. web.xml 추가 authenticationFilter *.do *.jsp /board/* action *.do *.static /board/* 4. @Controller (kr...

[mobile web] 모바일웹 jquery mobile hash change 적용 게시판 모바일에서 게시판을 만들면서 기존 방식에서 벗어나 hash change를 이용한 게시판을 만들어 보았습니다. 테스트 로직은 기존 게시판의 로직을 그대로 이용하면서 data의 흐름쪽에서 변화를 가져왔습니다. 기존에는 get/post 방식으로 url 을 가지고 파라메터를 전달해서 쿼리를 수행하여 페이지 전체를 받아서 화면을 전환하는 방법이었다면 지금은 모바일에 맞추어서 전체 페이지는 처음에 로딩한 상태로 두고 ajax을 이용하여 게시물만 받아서 게시물영역만 교체해주는 방식입니다. 이 방식으로 바꾸고 페이지 전환시 다시 로딩이 필요없는 js, css, header, footer 영역의 data를 가져오지 않습니다. [그..

[mobile web] 모바일웹에서 화면전환 방법 main화면에서는 2depth 메뉴아이콘을 클릭하면 등록된 url로 sub화면으로 이동시킵니다. sub화면에서는 서비스내에서 hash change를 이용하여 화면을 갱신시켜 줍니다. 상단 우측에 메뉴 슬라이드를 클릭하면 동일 depth의 메뉴가 나오고 메뉴 클릭시 메인처럼 등록된 url로 화면 전환합니다. hash change는 jquery mobile의 기능을 이용합니다. [mobile web] 모바일웹에서 화면전환 방법

[mobile web] ie8에서 html5 tag 사용하기 IE9에서는 html5에 해당하는 시멘텍 태그인 header, section, footer가 정상적으로 적용되어서 모바일웹페이지를 잘 만들었는데 IE8에서는 제대로 화면이 보이지 않았습니다. css나 js를 로딩하기 전에 미리 문서상에 htm5 시멘텍 태그를 자바스크립트로 만들어주면 IE8에서도 정상적으로 적용됩니다. 적용한 전/후의 모습 [mobile web] ie8에서 html5 tag 사용하기

[mobile web] 모바일웹 화면전환시에 이벤트 발생하는 코드 모바일웹 화면전환시에 이용이 가능할 것으로 보입니다. window.addEventListener('onorientationchange' in window ? 'orientationchange' : 'resize', setHeight, false); function setHeight() { alert('setHeight'); } [mobile web] 모바일 화면전환시에 이벤트 발생하는 코드

[mobile web] 모바일웹 width에 따라서 css를 별도로 적용하는 예제 width에 따라서 css를 별도로 적용하는 예제입니다. 이 예제는 모바일 화면전환시에 이용이 가능할 것으로 보입니다. 이 화면을 가로를 줄이면 [상상력과 HTML5, CSS3, JavaScript로 빛는 모바일웹] 예제 [mobile web] 모바일웹 width에 따라서 css를 별도로 적용하는 예제

[mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래에 붙이는 방법 $(function(){ window.scrollTo(0, 1);//주소창 올림 // 화면 레이아웃 높이 구하기 var body = $('body').height(); var header = $('header').height(); var nav = $('nav').height(); var footer = $('footer').height(); var height = body - header - nav - footer; // content 영역에 높이 적용하기 $('#content').css('height', height+'px'); }); [mobile web] 모바일웹에서 화면 높이가 작을 경우 footer 아래..

[mobile web] 주소창 올리기 [mobile web] 주소창 올리기