동해둘리의 IT Study

웹사이트 개발시 모바일을 지원하려면 다양한 모바일 기기의 크기에 맞게 작업을 해줘야 합니다. 게다가 모바일 기기는 가로/세로로 변환이 가능하고 사용자가 확대축소 등을 할 수 있기 때문에 , 이러한 다양한 경우에 맞게 크기를 조절해야 합니다. 아래 코드는 널리 사용되고 있는 코드인데, 검색해보면 아주 많이 검색이 되더라구요...... 정확히 원작자가 누구인지는 잘 모르겠습니다. function initScale() { var ress = navigator.userAgent; if (ress.indexOf("Android 1.", 0) > -1 ){ if (ress.indexOf("480", 0) > -1 ) { // 480x800 var per = 0.5226824457593688; } else if(re..

IT공부방/HTML5, CSS 2019. 5. 27. 19:51

크로마키 이미지합성은 유튜브등의 동영상 제작시 사용하는 크로마키보다는 간단한 방법으로 편집이 가능합니다. 예를 들면 왼쪽의 크로마키 사진의 인물을 오른쪽 배경에 합성하여 아래사진 처럼 만드는 것은 포토샵으로도 간단하게 처리가 가능합니다. 포토샵으로 크로마키 이미지를 합성/편집 하는 방법을 순서대로 설명드리겠습니다 1. 배경이미지를 불러옵니다 Load background image 2. 크로마키 이미지를 불러옵니다 Load chroma-key image 3. 크로마키 레이어를 배경 레이어로 드레그 드롭 drag chroma-key image layer into the background image 크로마키 이미지를 불러온 후, 오른쪽 빨간색 동그라미 부분의 레이어를 클릭한 상태로 드래그 하여, 배경 이미지..

IT공부방/그래픽,포토샵,합성,3D 2019. 5. 26. 11:46

반응형으로 제작했을 경우는 상관없겠지만, PC버전 모바일버전을 별도로 제작하는 경우에는 아래 첨부한 이미지의 하단부분에서 보듯이 PC버전을 모바일버전으로 바꾸거나 모바일을 PC버전으로 바꾸는 경우가 있습니다 PC버전, 모바일버전 전환을 위해서는 여러가지 방법이 있습니다만, 그 중의 한가지 방법인 쿠키를 이용한 구현방법을 알아보겠습니다. 우선 아래와 같이 모바일환경에서 접속했을 때, PC환경으로 가기위한 링크를 만듭니다. 그리고 클릭시 실행되는 함수에서 index_gate.html 파일을 하나 만들고 webmb 라는 옵션에 webpage 라고 전달을 합니다. 물론, 모바일에서 PC 로 전환되는 경우라면 webmb 에 pc라는 값을 주면 됩니다. 그 다음에 index_gate.html 파일에서는 webmb ..

IT공부방/PHP 2019. 5. 24. 13:05

jQuery Slider (제이쿼리 슬라이더) 중에서 swiper slider 를 많이들 쓰고 있는데요, 다소 무거운 감이 있긴 했습니다. 또한, 슬라이더를 여러개 사용할 경우에는 자원의 사용이 많아지는듯 해서, 다른 슬라이더를 찾던중에 lightslider 라는 것을 발견했습니다 위 그림과 같이 하단 부분에 작은이미지 (썸네일) 가 보이고, 그걸 클릭하거나 큰 사진의 좌우 이동 버튼을 클릭하거나, 스마트폰에서는 손가락으로 좌우이동이 가능한 jquery slider 입니다. 그리고, 옵션만 바꿔주면 위 사진처럼 썸네일 이미지를 오른쪽으로 배치하고, 화면 이동도 상하(Vertical)로 움직이게 할 수도 있습니다 또한, 위와 같이 여러개의 이미지를 임의로 세팅할 수도 있고, 아래부분에 있는 버튼처럼 다양한..

IT공부방/jQuery, ajax, java 2019. 5. 16. 17:53

PHP 에서 datetime 형식의 값을 읽어와서 화면에 뿌려줄때, 아래와 같이 하면 데이터타입이 다르기 때문에 오류가 나게 됩니다 my_table : 날짜를 저장하고 있는 DB 테이블 예시 start_date end_date 2019-01-26 00:00:00.000 2019-02-26 00:00:00.000 예를들어 위와 같이 DB 에 datetime 형식의 데이터가 들어있을경우, $query = "SELECT start_date, end_date FROM my_table "; $stmt = sqlsrv_query($dbconn, $query); if( sqlsrv_fetch( $stmt ) == false) { die( print_r( sqlsrv_errors(), true)); } $start_d..

IT공부방/PHP 2019. 5. 13. 16:55

PHP에서 MSSQL 에 연동하거나 접속 후 쿼리를 실행하는 과정을 정리해 보겠습니다 MS-SQL 은 IIS 서버와 함께 설치되게 되는데요, 윈도우 운영체제를 기반으로 하고 있기 때문에 대부분 ASP 를 이용하여 코딩을 하게됩니다. 하지만, 원격지 또는 윈도우 상에서 PHP 코드로 접속해야 하는 경우가 있는데요, 이때 PHP코드에서 MS-SQL 서버에 접속하는 방법을 정리해 보겠습니다. 우선 MS-SQL에 접속하기위해 PHP가 사용하는 드라이버는 mssql 과 sqlsrv 두가지입니다 mssql 드라이버가 먼저 사용되었고, 2008년 이후부터는 sqlsrv 드라이버가 제공되고 있는데요, mssql 드라이버는 커뮤니티 기반으로 만들어진 드라이버이고, sqlsrv(SQL Server Dirver for PH..

IT공부방/MSSQL 2019. 5. 3. 14:37

MS-SQL 에서 데이터를 읽어서 브라우저상에 뿌려줬을 때, 한글이 깨져서 보이는 경우가 있습니다. 이때는 캐릭터셋이 맞지 않기 때문인 경우가 많습니다. 이때는 아래와 같이 쿼리를 실행시키면 해당 테이블의 캐릭터셋을 확인하실 수 있습니다. SELECT COLUMN_NAME, CHARACTER_SET_NAME, COLLATION_NAME, DATA_TYPE, CHARACTER_MAXIMUM_LENGTH FROM INFORMATION_SCHEMA.COLUMNS where TABLE_NAME = '테이블명' 아래 링크에 가면 MS-SQL 이 제공하는 캐릭터셋을 보실 수 있습니다 https://docs.microsoft.com/en-us/previous-versions/sql/sql-server-2008-r2/..

IT공부방/MSSQL 2019. 4. 22. 16:12

구글플에이에 출시한 안드로이드 앱이 정상적으로 실행되지 않거나, 지원되는 기기리스트에 있는 기기에서 설치가 안되거나 앱이 보이지 않는 경우, 구글플레이 측에 문의하는 경로가 있습니다 아래 주소로 접속하여 질문을 남기면, 생각보다 빠른 답변을 받아볼 수 있습니다 https://support.google.com/googleplay/android-developer/answer/7218994?hl=ko Google Play Console 지원팀에 문의하기 - Play Console 고객센터 이 도움말이 도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요 support.google.com

IT공부방/안드로이드 Android 2019. 4. 22. 02:31

안드로이드 8.1 오레오 버전의 경우, 푸시메시지를 받으려면 채널을 설정해 주어야 합니다. FirebaseMessagingService.java 파일을 열어 다음과 같이 설정해 주면 됩니다 import android.app.NotificationChannel; NotificationCompat.Builder notificationBuilder = null; NotificationManager notificationManager = (NotificationManager) this.getSystemService(Context.NOTIFICATION_SERVICE); if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) { String channelId = "defaul..

IT공부방/안드로이드 Android 2019. 4. 22. 00:19

PHP에서 별 문제없이 사용하던 코드인데 Undefined index: 라는 오류메시지가 발생하는 경우가 있습니다. 이는 php.ini 의 설정과 관련이 있는 사항인데요..... 미리 선언하지 않은 변수를 사용하는 경우에 아래와 같은 오류가 발생하게 됩니다 Notice: Undefined index: id in C:\inetpub\wwwroot\index.php on line 31 예를들어 아래와 같이 코딩을 했을경우 $sum = $data + 1; $data 를 미리 선언하지 않았기 때문에 data 가 undefined variable 이라고 오류를 출력하게 되는 겁니다. Notice: Undefined variable: data in C:\inetpub\wwwroot\teacher21\index.ph..

IT공부방 2019. 4. 17. 16:15

euc-kr 로 작업된 사이트를 utf-8 로 변환하기 위해 작업을 진행하던 중, utf-8 로 구성된 서버에 mysql 을 설치하고 데이터를 입력해 보니 한글이 깨지는 현상이 발견되었습니다 이상한 것은, HTML 코드 상에서 character set 을 utf-8 로 설정한 후에, 게시판등에서 데이터를 입력하면 DB에 제대로 들어가고, DB에서 읽어온 값도 제대로 브라우저 상에 표출이 되는데, 유독, phpmyadmin 에서만 한글이 깨져보이는 현상이 발생했습니다. 이 때문에 이래저래 검색해 보니, 같은 현상으로 고민하시던 분들도 많고 해결책도 여러가지 였는데, 저의 경우는 아래와 같이 코드한줄을 입력하니 해결이 되었습니다 즉, DB 커넥션 후에 mysqli_query ($dbconn, 'SET NAM..

IT공부방/PHP 2019. 3. 29. 13:38

PHP, ASP 등등을 이용하여 DB 데이터를 HTML 문서에 표출한 후에, 이를 엑셀로 다운로드 받을 수 있도록 하려면, 다음과 같이 하시면 됩니다 1 2 3 4 5 6 7 8 9

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

스마트폰으로 웹사이트를 볼때, 웹사이트 코드에서 스마트폰의 진동을 울리게 할 수 있습니다navigator 객체가 제공하는 vibrate 기능을 이용하면 됩니다. // 작동되는 진동 메소드가 다르므로 통합navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate; function vibrate() {if (navigator.vibrate) {navigator.vibrate(20000); // 진동을 울리게 한다. 1000ms = 1초 } else {alert("진동을 지원하지 않는 기종 입니다.");}} function vibratearray() { if (navig..

IT공부방/jQuery, ajax, java 2019. 3. 19. 08:45

아래와 같은 형태의 날짜선택을 위한 select box 를 CSS 적용하여 기록용으로(개인용)으로 남깁니다 페이지로딩 시 CASE 값을 RECENT 로 넘기게 되면 시작날짜는 3일전 날짜로 세팅이 됩니다 TODAY 로 넘기게 되면 오늘날짜로 세팅이 됩니다 input[type=text], select { width: 90%; height:30px; padding: 3px 3px; margin: 6px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; background-color: white; -webkit-appearance: none; -moz-appearance: none; appea..

IT공부방/기타 2019. 3. 12. 08:04

ajax 로 통신할때는 기본 케릭터셑이 utf-8 로 되어있습니다따라서, euc-kr 로 설정된 서버에서 ajax 를 이용하여 한글로된 데이터를 전달하게 되면 글씨가 깨지게 됩니다 이때는 아래와 같이 캐릭터셑을 euc-kr 로 설정해 주면 해결이 됩니다 contentType: 'application/x-www-form-urlencoded; charset=euc-kr' // 아래에 전달되는 값 중에서 sDesign 에 한글이 들어있습니다 var strLink = "get_factory_price.html?design=" + sDesign + "&uid=" + nUid + "&prodsize=" + nProdSize; $.ajax({ url : strLink, dataType: 'html', contentT..

IT공부방/jQuery, ajax, java 2019. 3. 11. 01:28

자바스크립트로 숫자를 표시할 때 3자리마다 콤마 , 를 넣어주는 함수입니다 function AddComma(num) { var regexp = /\B(?=(\d{3})+(?!\d))/g; return num.toString().replace(regexp, ','); } var nData = AddComma(nData); 정규표현식으로 작성되어 간단하게 사용하실 수 있습니다

IT공부방/jQuery, ajax, java 2019. 3. 10. 23:40