동해둘리의 IT Study

문자셑이 서로다른 두개의 서버간에 데이터를 주고받을 경우가 생겨서 고민하던 중 utf-8 서버에서 보낸 캐릭터셋을 euc-kr 서버의 DB에 저장할때 변환하여 저장하는 방법으로 해결했습니다 간단하게 아래의 함수를 이용하면 됩니다. $data = iconv("EUC-KR", "UTF-8", $data);

IT공부방/PHP 2018. 2. 25. 19:47

카페24쇼핑몰 호스팅을 이용하여 쇼핑몰을 운영할 경우,제공되는 스마트디자인 관리툴을 이용하여 디자인수정 및 소스수정을 하게됩니다 이때, [모듈추가] 버튼을 이용하여 쇼핑몰내에서 사용되는 각종 모듈을 추가하거나 수정해서 사용하게 되는데요 아래와 같이 모듈을 추가했는데도 화면상에는 아무런 변화가 없는 경우가 있습니다. 하지만, 다른 아이디로 로그인 해서 같은 페이지를 보게되면 아래와 같이 모듈정보가 Display 되는걸 볼 수 있습니다. 스마트디자인을 이용할 경우에는 관리자 아이디로 로그인 하게 되는데, 위에서 추가한 회원정보수정모듈 ( myshop_benefit ) 모듈의 경우에는 회원정보 수정기능이 들어있는데,관리자의 회원정보수정은 관리모드에서만 가능하기 때문에 이런현상이 생기는 것입니다. 따라서, 스마..

IT공부방/퍼스트몰, 카페24 쇼핑몰 2018. 2. 25. 19:05

1. 이미지를 가운데 정렬 2. 특정 엘리먼트를 상하좌우 정렬할때3. 둥근사각형 만들때 4. 특정 DIV 를 토글시킬때 1. 이미지를 가운데 정렬 2. 특정 엘리먼트를 상하좌우 정렬할때 3. 둥근사각형 만들때 4. 특정 DIV 를 토글시킬때 function ToggleDetailSearch(){var nDetailState = document.getElementById('detailSearch').style.display; if ( nDetailState == "none" ){document.getElementById('detailSearch').style.display = 'block';}else{document.getElementById('detailSearch').style.display = 'no..

IT공부방/기타 2018. 2. 4. 12:22

360도 이미지를 볼 수있는 jQuery 소스 (VR 파노라마뷰어, 이미지뷰어) 아래 사이트에서 제공하는 소스를 활용하여 360도 이미지를 볼 수 있는 jQuery 소스를 만들어봤습니다 https://pannellum.org/ 모바일에서 가로/세로 변경 및 SCALE 변경에 따라 화면이 잘 보일 수 있도록 하는 코드도 추가했습니다

IT공부방/jQuery, ajax, java 2017. 8. 5. 14:24

CSS 속성중에서 z-index 라는 값이 있죠.... This is a heading 예를 들어, 위와 같이 코딩했을 경우, 엘리먼트가 엘리먼트보다 위에 표시되게 됩니다. 엘리먼트가 엘리먼트보다 먼저 코딩되어 있기 때문에, 정상적이라면 나중에 코딩된 엘리먼트가 위에 올라가는게 맞지만, z-index 속성을 -1 로 주었기 때문에, 이런 상황이 생기게 됩니다. 이번 포스팅에서 강조하려고 하는 것은, CSS 로 설정된 z-index 값을 javascript 를 이용하여 동적으로 변경시키는 것입니다. 이때, 흔히 하기 쉬운 실수가 바로 아래와 같이 코딩하는 것입니다. 하지만, 이렇게 하면 z-index 가 제대로 작동하지 않고 ERROR 가 발생하게 됩니다. 보통, style 속성을 변경하고자 할때 아래와 ..

IT공부방/HTML5, CSS 2017. 2. 3. 22:03

웹서핑 할 때, 어떤 브라우저를 사용하시나요? 익스플로러? 크롬? 마이크로소프트의 인터넷 익스플로러 점유율은 특히나 우리나라에서 독보적으로 1위를 차지했었는데요... 이제는 우리나라 에서도 더 이상 1위가 아닙니다. 현재 브라우저 점유율 1위는 바로 구글에서 개발한 크롬 (Chrome) 브라우저 되시겠습니다 저는, 블로그 포스팅할 때도 크롬을 많이 사용하는데요, 크롬 브라우저를 사용해서 포스팅을 하면 편리한 점이 많습니다. 사진 첨부할 때 이미지 미리 보기가 가능하고요, 방금 전에 첨부했던 폴더가 기억되어 있어서.. 매번 클릭을 몇 번씩 해야 하는 익스플로러 보다 훨씬 편하죠 암튼, 오늘 크롬 브라우저를 사용하면서 활용할 수 있는 팁 한가지 알려드립니다. 웹서핑을 할 때, 브라우저는 쿠키/이미지/사용기록..

IT공부방/개발환경,오픈소스 2017. 2. 2. 16:05

PHP 함수 중에서, 특정 디렉토리의 내용을 읽어오기 위한 함수 readdir() 1234567891011121314 Colored by Color Scriptercs 위와 같이 opendir 함수를 이용하여 $dir 에 지정된 images 폴더를 읽게되면 디렉토리를 제어할 수 있는 핸들(Directory handle) 이 반환됩니다 이 핸들을 이용하여 readdir($dh) 함수에 전달하면 디렉토리 내의 폴더와 함수를 읽어오게 됩니다. opendir() 후에는 closedir() 함수로 핸들을 잠가주게 됩니다. 위와 같이 할 경우, 폴더내의 파일명이 아래와 같이 표시되게 됩니다 filename: cat.giffilename: dog.giffilename: horse.gif linux계열의 경우 아래와 ..

IT공부방/PHP 2017. 1. 3. 23:02

javascript 로 url 에서 경로와 파일명을 분리하기 위한 코딩 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 var sOriginImgUrl = "http://www.naver.com/test/study/myfilename.doc"; var arSplitUrl = sOriginImgUrl.split("/"); // "/" 로 전체 url 을 나눈다 var nArLength = arSplitUrl.length; var arFileName = arSplitUrl[nArLength-1]; // 나누어진 배열의 맨 끝이 파일명이다 var arSplitFileName = sImgUrl.split("."); // 파일명을 다시 "." 로 나누면 파일이름과 확장자로 나..

IT공부방/jQuery, ajax, java 2017. 1. 2. 23:22

1. 처음으로 발견되는 문자열 위치 찾는 함수 indexOf() javascript 코딩시에, 특정 문자열에서 원하는 문자/문자열을 찾을 때 사용하는 함수로 indexOf() 함수를 사용합니다. array.indexOf(item, start) ParameterDescriptionitemRequired. The item to search forstartOptional. Where to start the search. Negative values will start at the given position counting from the end, and search to the end. var str = "Hello world, welcome to the universe."; var n = str.indexO..

IT공부방/jQuery, ajax, java 2017. 1. 2. 21:59

저는 편집기를 제작 중인데요,편집기를 이용하여 메뉴도 만들고 컨텐츠도 만들게 되는데,이때 각각의 슬라이드를 이동하거나 불러오는 경우가 있습니다 이럴 경우, 각 편집화면의 모든 엘리먼트, 또는 특정 엘리먼트를 불러오거나 집어넣는 작업을 하게 되는데요, 이럴때, 특정 프레임이나 DIV 내에 있는 모든 엘리먼트/ 또는 특정 엘리먼트를 돌면서(loop) 작업을 하는 코드 입니다. var c = g_obCurSlide.childNodes; // 현재 편집중인 슬라이드의 모든 자식노드(childnode)var i; for (i = 0; i < c.length; i++) // 모든 자식노드를 loop{var obChild = c[i].childNodes; // 자식노드 하나를 가져온다. for (k = 0; k < ..

IT공부방/jQuery, ajax, java 2017. 1. 2. 18:12

PHP 코딩작업중......파일을 업로드 하거나, 파일을 불러서 보여줄 때 가 종종 있는데요... 아래 함수는, 특정 파일이 서버의 특정 위치에 존재하는지 확인하는 함수입니다. 위와 같이 코딩할 경우, text.txt 파일이 현재 디렉토리에 있으면 1을 반환합니다. 특정 위치를 지정하고자 할 경우에는 경로를 지정해 주면 됩니다. 저의 경우는 메뉴편집기를 제작하면서, 작업하던 메뉴를 파일형태로 저장했었는데요,편집기를 처음 열었을 경우에, 이미 저장된 메뉴가 있는지 확인하여 있을경우에는 기존에 편집했던 메뉴을 불러오는 방식으로 코딩에 활용했습니다. //##########################################################//# 이미 저장된 메뉴파일이 있을 경우에 불러온다 /..

IT공부방/PHP 2017. 1. 2. 14:49

javascript 문자열 함수중에 substring 함수가 있는데요저는, 파일확장자를 구별해서 사용할대 자주 사용을 하게 됩니다. 보통, 아래와 같이 사용하고는 하죠...... var nLength = filename.length;var sExtension = filename.substring(nLength - 3, nLength ); if ( sExtension == "mp3" ) { }else if ( sExtension == "jpg" ) { }else {} 뭐, 기술적으로 어려운건 아니지만, 가끔 코드찾아보기 귀찮을때가 있어서 블로그에 남겨봅니다.

IT공부방/jQuery, ajax, java 2016. 10. 3. 16:39

blueimp jQuery FileUpload 를 사용하여 파일업로드를 할 때에, 인자값을 전달할 수 있습니다. 바로 아래의 formData 를 이용하는 방법인데요 $('#fileupload').fileupload({ url: url, autoUpload: true, dataType: 'json', done: function (e, data) { $.each(data.result.files, function (index, file) { //$('').text(file.name).appendTo('#files'); }); }, formData: {sUserVAlue: 'NO'} }).on('fileuploaddone', function (e, data) { $.each(data.result.files, f..

IT공부방/jQuery, ajax, java 2016. 10. 1. 18:08

페이지 내에있는 특정 엘리먼트를 모두 선택하여, 각각의 엘리먼트에 원하는 동작을 하고 싶을 때 사용하는 함수이다. $("button").click(function(){ $("li").each(function(){ alert($(this).text()) });}); Coffee Milk Soda 위와 같이 코딩했을 경우, 페이지 내의 모든 li 엘리먼트가 each 함수에 의해 하나씩 선택이되며, 각각에대하여 alert() 함수가 실행되게 된다. 이는, 모든 엘리먼트를 선택하는 데에도 사용하지만,특정 엘리먼트 중에서 특정 id 를 가진 엘리먼트를 제외할때도 사용할 수 있습니다. $("li").each(function(){ if (this.id != "exception") { alert($(this).text..

IT공부방/jQuery, ajax, java 2016. 9. 17. 13:49

DIV 태그를 사용할때, DIV 태그 내의 엘리먼트를 가운데 정렬하는 방법입니다. 안녕하세요 위와 같이 margin:0 auto; 속성을 세팅하게되면, 자신을 둘러싸고 있는 DIV 엘리먼트의 중간에 정렬이 됩니다.

IT공부방/HTML5, CSS 2016. 9. 15. 10:47

Audio / Video 재생을 위한 jQuery 플러그인인 jPlayer 를 이용하여 MP4 타입의 동영상을 플레이 할 경우, 아래와 같이 mp4 키를 이용하여 코딩하면 오류가 발생합니다. $(document).ready(function(){ $("#jquery_jplayer_1").jPlayer({ ready: function () { $(this).jPlayer("setMedia", { title: "my title", mp4: "http://www.bbhq.com/vfiles/mine.mp4", poster: "http://www.bbhq.com/vfiles/mine.png" }); }, swfPath: "/jp", supplied: "mp4" }); jplayer 에서는 mp4 키를 제공하지 않..

IT공부방/jQuery, ajax, java 2016. 9. 14. 17:11