동해둘리의 IT Study

HTML 문서내에 아래와 같이 셀렉트박스(selectbox ) 를 사용할 경우 첫번째 선택항목 두번째 선택항목 세번째 선택항목 별도로 CSS 를 설정하지 않을경우 아래와 같이 표기되는데요, 이를 아래와 같이 좀더 크고, 오른쪽에 화살표가 보이도록 변경하려고 할때 사용할 수 있는 CSS 를 알려드립니다 select { width: 200px; padding: .8em .5em; border: 1px solid #999; font-family: inherit; background: url('arrow.jpg') no-repeat 95% 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 여기까..

IT공부방/HTML5, CSS 2019. 3. 10. 15:12

DOCTYPE html> html, body { height:100%; overflow: hidden; } body { margin:0px; } $(document).ready(function(){ var video = document.getElementById('video_player'); var supposedCurrentTime = 0; video.addEventListener('timeupdate', function() { if (!video.seeking) { supposedCurrentTime = video.currentTime; } }); // prevent user from seeking video.addEventListener('seeking', function() { // guard a..

IT공부방/jQuery, ajax, java 2019. 3. 6. 16:07

php 로 개발할때, 로그인 정보등의 사용자 정보를 저장해야할 필요성이 생길 때 사용하는 것이, 쿠키(cookie) 와 세션(session) 입니다 쿠키와 세션이 다른점은 저장되는 위치입니다 쿠키는 사용자의 PC에 저장이 되기 때문에 사용자의 PC가 바뀌거나 고장나게되면 해당 정보가 사라지게 되고, 정보유출의 우려도 있습니다만, 세션은 사용자 정보를 서버에 저장하고 사용자에게는 서버에 저장된 키값만 저장하게 됩니다 세션의 사용방식은 다음과 같습니다 먼저 session_start() 함수로 세션을 시작하겠다는 것을 명시합니다 그 후에 $_SESSION[] 를 이용하여 세션을 설정해 주면 됩니다 세션정보를 사용하고자 할때는 다음과 같습니다 로그아웃 등의 상황이 발생하게 되면 세션을 종료해야 하는데요, 이때는..

IT공부방/PHP 2019. 3. 6. 09:21

php 에서 비밀번호를 암호화 하거나 복호화 할때 사용하는 함수가 있습니다. password_hash 함수와 password_verify 함수가 그것인데요, password_hash 함수는 암호화 할때 password_verify 함수는 복호화 할때 사용합니다 다만, 이 함수는 php 버번 5.3.7 이상일 경우에 한해서 사용이 가능합니다.그 이하 버전에서 사용하고자 할 경우에는 별도로 include 해줘야 합니다 include 할 파일은 아래에 링크를 걸어두었습니다. php 버전 5.3.7 이상일 경우에는 내장함수로 지원하기 때문에 별도로 include 할 필요가 없습니다. 회원가입시에 입력받은 아이디를 DB에 저장할 경우 아래와 같이 사용하시면 됩니다. 그리고 로그인 화면에서 입력받은 비밀번호를 DB..

IT공부방/PHP 2019. 3. 5. 16:47

지난 번에 포스팅 했던 swiper slider 기본사항은 아래 링크를 확인하시기 바랍니다https://doolyit.tistory.com/120?category=645855 위의 포스팅을 참조하여 HTML 문서내에 이미지 슬라이드를 표현하게되면아래와 같이 이미지가 겹쳐나오는 경우가 있습니다 이럴때는 이미지 크기를 DIV 에 꽉 차도록 100% 로 주면 해결이 됩니다 아래소스는 다이나믹 블릿을 적용하고, 현재 슬라이드 번호를 표시해주는 전체 예제코드 입니다 DOCTYPE html> Swiper demo html, body { position: relative; height: 100%; } body { background: #eee; font-family: Helvetica Neue, Helvetica, ..

IT공부방/jQuery, ajax, java 2019. 3. 3. 13:25

Swiper Slider 라는 것이 있습니다. HTML 문서내에서 상하/좌우 슬라이딩 기능을 제공해주는 슬라이더 API 인데요 아래 사이트에 가면 자세한 사항을 보실 수 있습니다 https://idangero.us/swiper/ 아래와 같이 페이지 넘버링이 지원되는 형식도 있구요 블릿형태로 제공되는 방식도 있고, 아래와 같이 상하로 스크롤되는 방식도 있습니다 그리고 아래 것은, 스크롤바가 움지이는 방식입니다 기본적으로 swiper slider 를 사용하려면 아래와 같의 하면 됩니다 우선, css 파일을 넣어주고 js 파일도 넣어주고 화면에 보여질 부부은 다음과 같이 세팅합니다 Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 ..

IT공부방/jQuery, ajax, java 2019. 3. 2. 17:35

로딩이미지는 대량의 데이터를 보여줄때 많이 사용하게 되는데요, 지난 시간에는 AJAX 통신할때 loading 문구를 보여주는 걸 알아봤습니다만, 이번에는 HTML 문서내에 데이터가 많을경우에 사용할 수 있는 간단한 로딩 이미지 보여주는 방법을 알려드립니다 페이지가 로딩될때 위와같은 로딩 이미지를 보여주고자 할 경우, 다음과 같이 사용하시면 됩니다 Loading ... 일단, 위와 같이 로딩 이미지를 태그내에 위치시키고 아이디를 loading_image 라구 명명합니다 그리고, 페이지 하단부분에 아래와 같이 코드를 넣어주면 됩니다 이렇게 하면, 페이지 로딩이 모두 완료된 이후에 로딩바가 사라지게됩니다 document.all.loadingBar.style.display='none';

IT공부방/HTML5, CSS 2019. 2. 28. 15:15

php 날짜함수 중에서 지정된 날짜로부터 일정기간 간격의 날짜를 구하는 함수가 있습니다 date_interval_create_from_date_string() 위 함수 인데요, 함수명만 봐도 이해가 될정도로 함수명이 친절합니다 함수에 전달되는 인자값은 datetime 형식을 사용하시면 됩니다.date_interval_create_from_date_string(datetime) 위 함수는 date interval 방식의 결과값을 리턴하게 되는데요, 아래와 같이 date_add 함수와 함께 사용하면 좋습니다 마이너스(기준일로부터 이전일)도 가능합니다아래와 같이 사용하면 지정일로부터 일주일 전 날짜가 출력됩니다

IT공부방/PHP 2019. 2. 26. 11:44

mysql 쿼리를 실행했을 때 각종 오류를 확인할 수 있는 함수입니다 mysqli_connect_errno() 함수를 이용하여 DB 연결이 잘 되었는지 확인할 수 있고, mysqli_error() 함수를 이용하여 쿼리에 오류가 있는지 확인이 가능합니다.

IT공부방/PHP 2019. 2. 22. 09:57

안드로이드 플레이 스토어는 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

크롬, 익스플로러 등의 브라우저에서 현재 펼쳐진 화면의 폭을 읽어올때는아래와 같이 읽어올 수 있습니다만, 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