본문 바로가기

[HTML5] 안드로이드 및 아이폰에서 input file 사용시 카메라 호출하기. 오랜만에 글쓰네요.요즘 하이브리드 웹을 많이 사용하시는데요.네이티브 코딩없이 카메라 호출하는 법에 대해 쓰겠습니다.안드로이드의 경우 2.2버전 이하는 카메라를 호출 할 수 없습니다.(4.0이상, 2.2 이하 에서만 확인해봤습니다.ㅠ 2.3단말기가 없어서)아이폰은...IOS 6 이상에서만 확인해 봤습니다.(아마 5이하는 안될듯 하네요)흔히 input file을 사용할때 type만 file로 옵션을 주는데요.이러면 lg단말기나, 베가 단말에서는 카메라 라는 항목이 보이지 않을 수 있습니다.(삼성은 카메라 라는 항목이 뜨더군요. 얼마나 뜯어 고친건지...;)하지만 또는 accept 에 파일 형식을 쓰고, capture 항목에 camera 라고 써주면 직접 카메라가 호출되는 것을 볼 수 있습니다.안드로이드의 경.. 더보기
[Android] R.java 가끔 생성안될때 대부분 개발자들은 이클립스를 사용할때, Build Automatically 옵션을 꺼놓고 사용할 것이다.(나만그런가??)아무튼...언제부터인지는 모르겠는데 수동으로 빌드를 할 경우 반응이 없는 경우가 있는데Build Automatically를 체크하고 다시 시도해보길 바란다.그러면 간단히 해결될 수도 있다..(물론...경우에 따라서 안될수도 있음!!^^;;) 더보기
[Android] 안드로이드 SDK 업데이트 이후 R.java 생성 오류 안드로이드 SDK Tools가 업데이트(Ver.22 이상) 된 이후로 R.java 생성하는데 오류가 생겼다. 이는 Android SDK Build-tools를 설치하면 간단히 해결된다. 출처 : ALPHAFACTORY 더보기
[Android] GCM Test URL 일단..내가 필요하기때문에 간단하게 만들어 놨지만, 기능들은 점점 추가될 예정입니다. ( 지금은 하나만 저장되지만, 추후에,, 리스트 저장등..ㅎ) 링크 : GCM 테스트 더보기
[CSS] phone, tablet 구별하기(media query) Media Query에서 디바이스의 넓이를 구하기 위해서 사용되는 명칭은 두가지다.max-width 와 max-device-width 가 있는데 각각 다른 특징을 가진다.max-width 는 현재 웹뷰에서의 상대크기, 즉 device-ratio가 적용된 사이즈를 말한다.iphone5의 경우 device-ratio 는 2, 실 디바이스 넓이는 640pixel이다.하지만 max-width에는 320pixel로 대응된다.이말은 device-ratio(안드로이드에서의 density)가 현재 웹뷰에서 적용되는 1pixel의 크기와 동일하다고 볼 수 있다.max-device-width는 위와 반대로 실제 디바이스 넓이를 기준한다.ratio와는 상관없이 실제 픽셀의 기준을 적용시킨다는 의미다.나는 max-device.. 더보기
[jQuery] mobiscroll 에 타이틀 넣기. 센차에서는 datepicker를 자체 제공하지만, jQuery 에서는 따로 지원을 하지 않는다.그래서 mobiscroll을 많이 사용한다.jquery와 mobiscroll...하지만 mobiscroll에는 치명적인 단점이 있는데, picker 타이틀을 지원하지 않는다.그래서 core를 수정해 봤다. mobiscroll.core.jsLine : 675 html += '' + (s.display != 'inline' ? '' + '' + s.cancelText + '' + '' + s.titleText + '' + (s.button3 ? '' + s.button3Text + '' : '') + '' + s.setText + '' + '' : '') + ''; 위의 코드를 merge 하고, mobiscroll.. 더보기
[Javascript] input file 이미지 미리보기, 썸네일 보기, Thumbnail /** * 이미지 썸네일을 불러오는 function * @param html : input 필드의 dom을 인자로 받는다. 물론 타입은 file * @param $target : 불러온 이미지를 적용할 jquery 객체. **/ function getThumbnail(html, $target) { if (html.files && html.files[0]) { var reader = new FileReader(); reader.onload = function (e) { $target.css('background-image', 'url(\"' + e.target.result + '\")'); } reader.readAsDataURL(html.files[0]); } } 냉무. 더보기
[Javascript] // 주석제거 정규식. 언어마다 정규식 표현방식이 다르다. 특히 Javascript의 경우, RegExp라는 function을 사용하여 만든다. ( 물론 사용하지 않고도 만들 수 있다. 하지만 Syntax Error 를 경험하게 될것이다.) 기본적인 문법은 다음과 같다. /** * 1.권장하는 방법.. **/ var regExp = new RegExp(pattern,modifiers); //또는. /** * 2.같은 정규식을 만들더라도..Syntax Error가 많이 발생하는 것을 경험했다. **/ var regExp = /pattern/modifiers; 1번방법을 이용하여, 주석을 제거하는 정규식을 만들어 보겠다.("//" 에 해당하는 주석만 삭제된다.) /** * "//"로 시작하고, "\n"(줄바꿈)으로 끝나는 글자(문.. 더보기
[CSS] CSS Property 관련 사이트. 크롬으로 디버깅을 하더라도, CSS에서 지원하는 function들의 code assist 를 지원하지 않는 경우가 많다. 아래의 사이트를 참고하면 보다 편하게 작업할 수 있을 것이다. 링크 : Mozilla CSS Reference 링크 : W3 CSS Reference 더보기
[Javascript] 현재 위치 얻어오기. window.navigator.geolocation.getCurrentPosition(successCallback, failedCallback); 더보기