VoidNoble IT Zone

https://material.io/devices/ 에서 대개 많이 사용되는 갤럭시S6 dp 해상도를 확인해보면360 x 640포토샵에서 캔버스 크기는 위 사이즈 * 2로 잡고photoshop generator 로 50%, 100% 이미지를 생성 각각 1x , @2x 이미지로Density 가 4 로 되어 있음을 확인 할 수 있는데 360 (dp) x 4 (density) = 1440 (px)즉, 1440 px 넓이의 이미지를 360 넓이로 1/4로 고농축 압착하여 보여줌반대로 설명하자면 360 px 넓이 이미지를 기기에서는 4배인 1440 px 넓이로 늘려 보여줌여튼, 귀찮거나 모르겠다 싶으면 일단 포토샵 캔버스 크기를 360 x 640 px 로 작업하고 브라우저 렌더링 확인해보기.웹브라우저로 인한 이미..

푸시 서버와 관리자 페이지가 필요한데 금전적 여유가 없을 경우,푸시알림 수신자가 적은 경우 별도의 서버나 관리자페이지를 구축하지 않고도훌륭하게 PUSH 알림 메세지를 무료로 발송하고관리할 수 있는 서비스들을 모아봤다. https://onesignal.com 완전 무료 (안망했으면 합니다)Multi-platform : Android, iOS, Web ...REST 방식 지원Parse 등 외부 사용자 데이터 import 지원 https://batch.comMulti-platform무료 정책 쓸만함무료의 경우 500 push/분/앱예를들어 100,000 push 는 ~3시간 내 전송과금 정책 사용시 빠른 시간 내 전송하는 pricing tableParse.com 겨냥하고 만든 스타트업인듯. UI 비슷. htt..

https://developers.google.com/chrome-developer-tools/docs/remote-debuggingChrome 32 이상부터 기본기능으로 가능 (이전버젼은 확장 설치로 가능)Android 기기를 USB로 연결하고데스크톱이나 랩톱의 크롬 주소창에chrome://inspect 또는 메뉴 > 도구 > 기기 검사 선택만약 Devices 페이지에 Pending authentication: please accept debugging session on the device. 라는 메세지만 뜨고 기기가 나타나지 않으면터미널에서 adb devices 실행다시 크롬의 기기 검사 페이지를 확인하면 Chrome (32.0.1700.99) 와 같이 목록이 나타날것.

Fries (Mobile UI framework)는 div scroll 지원되지 않는 브라우저에 대한 호환을 위한 지원계획이 없기에 직접 패치작업 진행.overthrow 써보니 android 2.x등 모두 지원하지만뻑뻑한 스크롤만 지원됨.하여 NiceScroll (http://areaaperta.com/nicescroll/) 발견 후 적용해보니 동적으로 로딩되어 높이가 변하면 문제 생기길래 iScroll 등 다른것 찾아보다가 stack overflow 답변을 통해$(obj).getNiceScroll().resize() 발견 후메뉴얼을 다시금 확인 후동적으로 내용을 변경하게 하는 부분들의 끝부분마다 전부 적용해보니말끔하게 작동하는 스크롤을 확인할 수 있었음.

데모 (가능한것들) : (모바일 브라우저에서는 http://lungojs.tapquo.com/의 주소로 접근하시면 됩니다.) jQuery Mobile, Sencha Touch2 로 개발을 경험해 보았는데 2012 현재 시점으로 한국에서 가장 많이 사용되고 있는 Android 2.x 버젼대에서 모두 트랜지션 효과에서 문제가 발생하였습니다. 이거 IE6 호환 개발 문제 만큼 멘붕일으킵니다. (iOS는 무조건 잘 동작하므로 실험에서 제외) 대안을 찾다가 발견한것이 - 진도 모바일 (무료 GPL) - Kendo Mobile (유료) - iUI (무료 MIT 라이센스) - LungoJS (무료 GPL) 입니다. 진도 모바일은 호환성이 뛰어나 모든 기기에서 너무도 잘 작동하며 속도도 좋습니다. 하지만 기본적인 버튼..