파폭이 문제야 웹표준 및 웹접근성 작업을 하던중.... 파폭화면에서 셀렉트박스의 엔터키 기능이 먹히지 않는다는 것을 발견 원인은... 키보드가 한글입력일 경우 keypress 이벤트가 먹히지 않는 것이다..헐~ 문제해결 : jQuery 가 갑! 사랑스런 jQuery ~ jQuery 는 모든 브라우저에 적용되는 이벤트를 등록할 수 있다. 해서...jQuery를 이용해서 keypress 이벤트를 등록하니 문제 해결 $j('#keyword').keyup(function(event){ if (event.which == 13) { 블라블라블라 } });
안드로이드 ICS 크롬 디버거 사용법
안로이드 ICS 부터 크롬 브라우저가 제공되어 PC환경과 마찬가지로 Developer Tool을 사용하여 디버깅이 가능하다. 하이브리드 웹 개발의 가장 난제는 모바일 브라우저의 디버깅이 불가능하다는 것이었다. 그런데 구글링을 해보니 안드로이드 ICS부터 크롬 개발자툴을 제공하다는 글을 발견!! 하지만 난 진저브레드... 며칠 전 HTC 센세이션 OS 업데이트 기사를 보고 드디어 오늘 업데이트 실행~ https://developers.google.com/chrome/mobile/docs/debugging Remote Debugging 사용방법 HOST 와 모바일 기기의 USB 연결 HOST에서 ADB 실행 모바일 기기에서 크롬 실행 및 디버깅 설정 HOST에서 커맨드 실행 HOST에서 크롬을 열고 http..
MobiScroll 을 사용하던 중...안드로이폰에서 반응속도 너무 떨어져서 다른 모듀을 찾다가 발견한 Dojo ..이름은 많이 들어봤는데..막상 사용하려하니..이거 무지 어렵게 보인다..도무지 문서도 찾을 수 없고 jQuery “jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.” source: http://jquery.com/ 장점 가장 인기있다 ..
이슈 조회되는 테이블이 요청값에 따라 테이블을 동적으로 변경시켜야 한다. 문제발생 iBatis는 SQL-ID가 한번 실행되면 내부적으로 읽어온 결과의 metadata를 저장한다. 다음번에 호출되었을 때 이미 캐쉬에 저장된 필드를 쿼리결과에서 찾는다. 쿼리대상 테이블이 변경되어 테이블의 필드명이 metadata의 필드명과 일치하지 않는다. (에러발생) 해결책 statement의 attribute로 "remapResults=true"를 설정하면 metadata를 캐쉬하지 않는다. SELECT * FROM $tbl_nm$ WHERE SUBSTR (rcp_no, 0, 8) >= #fromdt# AND SUBSTR (rcp_no, 0, 8)
HTML5, 새해 앱중심 생태계 뒤집는다 임민철 기자 imc@zdnet.co.kr 2012.01.11 / AM 10:24 HTML5 기술이 웹은 일반 앱에 비해 느리다는 선입관을 누그러뜨리고 모바일 영역에서 기존 앱 플랫폼과 경쟁 기반을 다지는 역할을 보여줄 전망 웹기반 증강현실(AR)과 화상회의 활용 사례가 늘고 여러 데스크톱 사용자 기반을 아우르는 웹앱 장터를 열어줄 예정 페이스북은 애플 통제를 받지 않아도 되는 생태계를 쌓기위해 '스파르탄'이란 웹앱 플랫폼을 만든다. 개발자와 업체들이 회사 웹서비스 플랫폼으로 앱을 배포하게 유도할 전망이다. 이원석 W3C HTML5 KIG 의장 "CSS 표준 기술중 단말 사이즈에 맞춘 콘텐츠 표시를 쉽게 지원하는 '미디어쿼리'가 활용될 예정이고 단말기 회전상태에 자..
안드로이드 개발의 가장 큰 어려움이라 할 수 있는 파편화... 최선의 선택을 위해 파편화의 정도에 대해 파악하고 비중을 고려하여 적절한 판단을 내리는 것이 좋을 것이다. 집중과 선택으로 과감한 포기(?)로 비용을 절감하고 만족감을 높이(?)는 것이 현명한 판단일 듯... 안드로이드 OS 의 버전 차이로 인한 파편화 그래프를 보아하니 최소 사양은 2.1이면 무난할 것 같다. Current Distribution 화면 해상도에 의한 파편화 Screen Sizes and Densities 제조사별 차별화 전략에 의해 다양한 하드웨어 구성에 의한 파편화
출처 : Moving to Standards-based Web Graphics in IE10 IEBlog 7 Dec 2011 3:05 PM Use SVG, not VML MS와 다른 업체에서 1998년 W3C에 VML을 제안했었다. IE5에서 처음으로 VML을 구현했다. W3C는 SVG의 출현과 함께 경쟁하는 제안들은 VML과 합병했다. IE9 에서 SVG를 구혔했고, 웹 사이트나 어플레케이션에서 사용하는 VML을 대체할 수 있는 기능이 제공되었다. "VML to SVG Migration Guide"가 Microsoft Download Center에서 발표되었고 VML에서 SVG의 이동 가이드가 제공되었다. Raphaël—JavaScript Library는 가볍고 사용하기 쉬운 JavaScript lib..
헉....충격이다... 앞으로 HTML5가 대세가 될것을 보면서 번거로운 안드로이드 어플 개발에 대한 흥미가 떨어졌었다. 그랬더니 기본적인 것도 다~ 잊어버렸네...ㅋㅋ 웹브라우저 VS 웹뷰 안드로이드에서 웹 페이지를 보여주는 방법은 2가지이다. 웹브라우저 웹뷰(WebView) 간단히 웹 브라우저는 간단히 URL만 사용해서 엡 페이지를 보여줄 때 사용하고, 웹뷰는 하이브리드 방식으로 내부동작에는 안드로이드 내장 컴포넌트를 사용할 때 이용된다. Webview 사용하기 AndroidManifest.xml 에 인터넷 사용 설정하기 레이아웃 XML에 WebView 선언하기 HTML 작성 및 저장 Activity에서 mWebView 사용하기 1. AndroidManifest.xml 에 인터넷 사용 설정하기 2. ..
누군가 요즘 유행하는 기술이라면 웹 페이지를 하나 보여줬다. 웹 브라우저의 한 쪽 끝을 잡고 좌우로 잡아당기며 크기를 조정하니 사이트의 디자인이 이리저리 변경되었다. 와~하고 끝났다...뭔지 제대로 물어보지도 못했다....ㅠㅠ 헌데 인터넷을 이리저리 돌아다니다 '반응형 웹 디자인'이라는 용어를 보았다 감이 왔다...바로 검색~ㅋㅋ CSS3의 미디어 쿼리 http://www.w3.org/TR/css3-mediaqueries/ 미디어 쿼리란? CSS 2.1 부터 추가되었던 미디어 타입(media type)은 단말기의 종류에 따라 각각 다른 스타일시트를 적용하게 하는 기능이나 미디어 타입 만으로는 해당 기기의 특성을 정확히 파악하여 알맞은 스타일을 적용시키기 어려웠다. 따라서 CSS3에서 미디어 타입을 개선하..
http://api.jquery.com/category/events/event-object/ event 사용쟈가 버튼을 클릭하는 것처럼 페이지에서 어떤 일이 일어날때 코드가 실행될 수 있도록 만드는 메커니즘 event listener Document Object Model(DOM)의 한부분 event listener 는 페이지에서 사람이 하는 일에 주의를 기울여는 브라우저의 방식으로 필요에따라 무엇을 할지 JavaScript interpreter에게 전달한다. cf. handler function : 이벤트가 트리거될 때 실행되는 코드의 블럭 event binding 엘리먼트에 이벤트를 추가할 때 "binding"이라 부른다. 이것을 통해 이벤트 리스터는 자바스크립트 인터프리터에 어떤 함수가 호출되지 말..