동해둘리의 IT Study

안드로이드 플레이 스토어는 PC에서 검색해 보면 링크를 알 수 있으나, 아이폰의 경우 PC 상에서는 검색이 안되어 링크를 알 수가 없었습니다. 이를 확인하는 방법입니다 https://itunes.apple.com/app/id1450494816 위와 같이 https://itunes.apple.com/app/ 까지는 동일하고 그 뒤에 id1450494816 부분에 해당 앱의 ID를 적어주시면 됩니다. 앱의 ID를 알아내는 방법은 다음과 같습니다. 아이폰에서 아래 동그라미 부분의 아이콘을 클릭합니다. 그 후에 [앱 공유하기] 를 클릭합니다. 그 다음 아래와 같이 링크복사를 하면 해당 앱 설치URL 이 복사됩니다 참고로 저 동해둘리가 직접 운영하는 '성공하는 중이다' 카페를 소개드립니다. 각자의 분야에서 성공을..

IT공부방/하이브리드앱 2019. 2. 1. 22:59

하이브리드앱 개발시 웹앱에 로드되는 페이지 내에요,현재 접속한 기기가 안드로이드 인지, 아이폰 인지 확인하는 방법입니다. 만약, 아이폰인지 안드로이드 인지만 확인하려면, 위 코드의 모바일로 접속한 경우 내에 구분코드를 넣으시면 됩니다. 저는, PHP 코드로 개발중이라 다음과 같이 구분하여 처리했습니다

IT공부방/하이브리드앱 2019. 2. 1. 22:41

안드로이드 출시후에 어떤 폰에서는 아이콘이 제대로 보이지만, 또 어떤 폰에서는 안드로이드 기본아이콘으로 보여지는 문제가 발생했습니다 확인해보니 비교적 오래된 폰에서는 잘 보이는데, 최신 폰에서는 오른쪽 이미지와 같이 안드로이드 기본아이콘으로 보인다는 것을 알 수 있었습니다. 이는 안드로이드 8.0 부터 변경된 사항 때문에 그렇습니다. https://developer.android.com/guide/practices/ui_guidelines/icon_design_adaptive 위 링크를 클릭하여 확인해 보면 변경사항을 알 수 있습니다. 간략히 말하자면 아이콘 모양을 사각형, 둥근사각형 등으로 디자인해서 그것을 설치하는 게 아니라, 배경이미지와 전경이미지 두개만 등록해 주면, 안드로이드 런처에서 알아서 보..

카테고리 없음 2019. 1. 28. 18:26

크롬, 익스플로러 등의 브라우저에서 현재 펼쳐진 화면의 폭을 읽어올때는아래와 같이 읽어올 수 있습니다만, var nHeight = window.outerHeight;var nWidth = window.outerWidth; 아이폰/ 아이패드 등에서 열었을 때에는 위 값이 0으로 되는 경우가 있습니다.이럴때는 아래와 같이 사용하면 제대로 읽어올 수 있습니다 var nWidth = $(window).width() ; 아울러, 접속환경이 아이폰인지 확인하려면 아래와 같이 확인하면 됩니다 if (( ress.indexOf("iPhone",0) > -1 ) || ( ress.indexOf("itouch",0) > -1 ) || ( ress.indexOf("ipod",0) > -1 )){ }

IT공부방/아이폰,앱스토어 2019. 1. 26. 21:52

웹뷰 (Webview) 에서 HTML 문서를 로드한 경우, HTML 문서내에 있는 이미지를 수정해서 업로드 했는데, 정작 웹뷰(webview) 에서는 변경된 이미지가 보이지 않고 기존 이미지가 여전히 보이는 경우가 있습니다. 이럴때 쉽게 해결할 수 있는 방법은 이미지 뒤에 랜덤숫자를 달아주는 겁니다. 예를 들어 왼쪽 이미지를 오른쪽 이미지로 변경하여 FTP 로 업로드 했을때 웹브라우저나 모바일에서 봤을 때는 변경된 이미지로 바뀌어 보이지만, 웹뷰에서는 기존 이미지가 그대로 보이는 경우가 있습니다. 이때는 아래와 같이 이미지 파일명 뒤에 임의의 값(랜덤값)을 붙여주면, 웹뷰가 새로운 데이터로 인식을 하기 때문에 이미지를 새로 불러오게 됩니다.

IT공부방/하이브리드앱 2019. 1. 19. 19:18

아래와 같이 게시글을 공유하는 경우에, 해당 게시글의 주소를 클립보드에 복사하는 경우가 있습니다. 아래 이미지의 공유하기 버튼을 클릭하면 공유창이 뜨게되고, 그 안에서 공유버튼과 주소를 클립보드에 복사하는 버튼을 두는게 일반적입니다. 아래 이미지는 공유하기 버튼을 클릭했을때 뜨는 팝업창입니다. 빨간색 동그라미 부분에 있는 URL복사 버튼을 클릭했을 때 현재 페이지의 주소를 복사하는 코드를 만들어 보겠습니다. // 팝업 내에서 URL 복사 버튼을 클릭하면 CopyUrlToClipboard() 함수를 호출합니다.URL 복사 // 아래 함수는 URL 복사 버튼 클릭시 실행되는 함수 입니다. function CopyUrlToClipboard() { var obShareUrl = document.getElemen..

IT공부방/jQuery, ajax, java 2019. 1. 14. 17:54

PHP 페이지에서 FCM PUSH 메시지를 보내는 경우, 캐릭터셑의 종류에 따라 오류가 발생하는 경우가 있습니다 JSON_PARSING_ERROR: Unexpected token END OF FILE at position 0 예를 들어 PHP 쪽 페이지의 문자셑이 euc-kr 인 경우 위와 같은 에러메시지가 발생되고는 하는데요, 이때는 발송하기 전에 보내는 문자를 utf-8 로 변경해 주여야 합니다 아래와 같이 title 과 message 를 보낸다고 할경우, 각각의 변수를 iconv 함수를 이용하여 utf-8 로 변경한 후 발송하면 됩니다. $sTitle = $_POST['title'];$sTitle = iconv("euc-kr","utf-8",$sTitle); $sMessage = $_POST['me..

IT공부방/안드로이드 Android 2019. 1. 11. 18:56

안드로이드 웹뷰 (Webview) 를 이용하여 페이스북 로그인시 브라우저(크롬)에서는 제대로 동작을 하는데, 웹뷰에서는 안되는 경우가 있습니다. 로그인 상태를 확인해보면 connected 값이 나오지만, 아래와 같은 메시지가 뜨기도 하고you are not logged in. please login and try again facebook 다음과 같은 메시지가 뜨기도 합니다. Unsafe JavaScript attempt to initiate navigation for frame with URL 이때, getLoginStatus 의 결과값을 확인해보면 unknown 이 나오는 걸 볼 수 있습니다. 이와 같은 현상이 생기는 이유는 두가지로 볼 수 있습니다 1. 서로다른 도메인이 연결되는 mixed cont..

IT공부방/하이브리드앱 2018. 12. 18. 05:32

하이브리드앱 개발시 주로 사용되는 웹뷰 (Webview) 에서 소셜로그인 적용시,카카오/ 네이버 등은 팝업방식이 아니라 문제가 안되지만,페이스북은 팝업방식을 사용하기 때문에 문제가 발생하게 됩니다 왜냐하면 웹뷰 (Webview) 는 기본적으로 팝업을 지원하지 않고, 하나의 window 로만 동작하기 때문입니다 기본적으로, 웹의 HTML 문서내에서 페이스북 로그인을 처리하기 위해서는 페이스북 개발자 사이트를 참조하면 됩니다. https://developers.facebook.com/docs/facebook-login/web 페이스북 개발자센터의 소스를 사용하게되면 팝업이 뜨면서 로그인이 처리되게 됩니다. 이때, 팝업이 뜨지 않게 하려면 아래와 같이 하면 됩니다.앱ID 부분은 페이스북 개발자센터에서 앱 등록..

IT공부방/안드로이드 Android 2018. 12. 18. 04:52

여러개의 테이블에서 검색한 결과를 한번에 뿌려주어야 하는 경우가 있습니다 예를들어, 검색할 때에 3개의 게시판에 있는 내용을 모두 검색하여 한 화면에 뿌려주는 경우입니다. 이럴때는 단순히 UNION 함수만 사용하면 됩니다. SELECT subject FROM A_TABLE WHERE subject like '%검색어%' UNION SELECT subject FROM B_TABLE WHERE subject like '%검색어%' UNION SELECT subject FROM C_TABLE WHERE subject like '%검색어%' 이렇게 하면 A_TABLE, B_TABLE, C_TABLE 의 검색결과를 한번에 얻을 수 있습니다. 검색결과를 리스트 형태로 뿌려주는 경우, 제목을 클릭하면 각각의 테이블 ..

IT공부방/기타 2018. 12. 13. 15:44

일정시간 간격으로 이미지를 변환, 전환 시키는 javascript 코드입니다. 기본적으로 setTimeout() 함수를 사용하게 됩니다. setTimeout() 함수는 아래와 같이 일정시간이 지나면 함수내에 기록된 동작이 일어나게 됩니다. setTimeout(function(){ alert("Hello"); }, 3000); 두번째 인자로 기입된 3000(milliseconds) 즉, 3초가 지난후에 alert("Hello"); 함수가 실행되는 방식입니다. 실행되는 함수를 외부에 작성한 후에 호출해도 됩니다. var myVar; function myFunction() { myVar = setTimeout(alertFunc, 3000);} function alertFunc() { alert("Hello!"..

IT공부방/jQuery, ajax, java 2018. 12. 13. 11:54

요즈음 영상광고나 홍보물에서 많이 사용되는 모션그래픽을 쉽게 만들 수 있는 프로그램 입니다 아래 링크에서 다운로드 받을 수 있습니다. https://www.nchsoftware.com/animation/ko/index.html 사용설명은 아래 유튜브 동영상을 참고하시기 바랍니다 https://www.youtube.com/watch?v=_YYfsfi-gKs&feature=youtu.be

IT공부방/개발환경,오픈소스 2018. 12. 5. 19:24

회원가입시 이메일을 체크하는 Javascript 정규식 입니다. 함수로 만들어서 이용하시면 편리합니다 // 이메일이 잘못되었는지 확인하는 함수 function CheckEmail(str) { var reg_email = /^([0-9a-zA-Z_\.-]+)@([0-9a-zA-Z_-]+)(\.[0-9a-zA-Z_-]+){1,2}$/; if(!reg_email.test(str)) { return false; } else { return true; } } 로그인 버튼을 클릭했을 때 실행되는 함수 function GoToEnroll() { var obEmail = document.getElementById("email"); if (!obEmail.value) { alert("이메일을 입력하세요!"); obEma..

카테고리 없음 2018. 12. 2. 19:59

로딩이미지는 파일을 업로드/ 다운로드 하거나 페이지의 더보기 버튼을 클릭했을때 등등 다양한 상황에서 사용이 됩니다. 이때 사용되는 움직이는 로딩이미지를 만들어주는 사이트를 알려드립니다. 아래 사이트에 접속하시면 됩니다.http://www.ajaxload.info/ 접속하신 후 Indicator type 을 클릭하시면 여러가지 다양한 모양의 움직이는 로딩이미지가 나타납니다. 원하는 로딩이미지를 선택하신 후에 배경색과 전경색을 선택하시고 아래에 있는 Generate It 버튼을 클릭합니다. 그러면 Preview 화면에 선택한 움직이는gif 로딩이미지가 표시됩니다. Preview 화면 아래쪽에 있는 Download it 버튼을 클릭하시면 바로 다운로드 받으실 수 있습니다.

IT공부방/HTML5, CSS 2018. 11. 11. 13:41

HTMl5 로 코딩을 하는경우, 동적으로 화면의 요소들을 컨트롤 해야하는 경우가 많습니다. 팝업형태의 DIV 태그를 사황에 따라 보여준다거나 많은 리스트를 보여주지만, 사용자의 선택에 따라 일부분만 보여주어야 하는 경우 동적으로 HTMl 요소들을 컨트롤 해야합니다. 이럴때 흔히 사용하는 Style Property 가 바로 display와 visibility 입니다. display 는 none 이나 block, inline 등의 값을 사요할 수 있고 visibility 는 hidden, visible 값을 사용하게됩니다. 하지만, 이 두가지 property는 중요한 차이점이 있습니다. 위 그림에서 보는바와 같이, display 를 사용하는 경우 B 를 display:none 으로 처리했다면, B 가 안보이..

IT공부방/HTML5, CSS 2018. 11. 8. 23:52

html태그나 div 태그를 사용하는 경우, 해당 태그에 접근하기 위해서 id 값이나 name 값을 사용하는 경우가 많습니다. 호랑이 독수리 원숭이 아래 그림을 클릭하시면 w3school 에서 제공하는 Global attributes 설명페이지로 링크됩니다. 참고하세요

IT공부방/HTML5, CSS 2018. 11. 8. 23:33