동해둘리의 IT Study

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

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

jQuery 함수 중에서, Prepend() 함수는 특정 엘리먼트 바로 앞에 원하는 엘리먼트를 넣는 함수이다 $("button").click(function(){ $("p").prepend("Prepended text"); }); This is a paragraph. 예를 들어, 위와같이 코딩했을경우, 태그 바로 앞쪽에 Prepended text 가 삽입되게 됩니다. 온라인에서 바로 확인하려면 아래 링크를 클릭하시면 됩니다. http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_prepend

IT공부방/jQuery, ajax, java 2016. 9. 14. 16:32

jQuery 플러그인 중에서, Audio / Video 재생시 사용할 수 있는 플러그인이 jPlayer 입니다 가장 큰 장점은 Internet Explorer 5 버전에서조차 실행할 수 있다는 것입니다. 아래 코드는 jPlayer 가 제공하는 샘플코드 중에서, 불필요한 부분은 제거하고, 가장 단순한 형태로 편집한 jPlayer 샘플입니다 playstopmutemax volume repeat Update RequiredTo play the media you will need to either update your browser to a recent version or update your Flash plugin. jPlayer 를 다운로드 받은후에 압축을 해제해보면, example 폴더나 dist 폴더 등..

IT공부방/jQuery, ajax, java 2016. 9. 12. 10:28

jQuery UI 에서 제공하는 resizable 함수를 이용하면 아래와 같이 쉽게 이미지 크기변경 코드를 작성할 수 있습니다. 이미지를 둘러싸는 DIV 를 만든후에 그 안에 image 를 100% 로 설정한 후 넣어주면 됩니다.DIV 주변(이미지주변)에 마우스가 위치하면 커서가 크기변경용 커서로 변경이 되며,클릭 후 드래그 하면, 이미지 크기를 변경할 수 있다.

IT공부방/jQuery, ajax, java 2016. 9. 8. 16:54

이미지를 퍼센트 %로 줄여서 보여주는게 아니라, jQuery 를 이용하여 이미지의 크기를 실제로 줄여버리는 코드참고 http://www.jqueryscript.net/demo/Dynamic-Image-Resizing-Plugin-with-jQuery/example/

IT공부방/jQuery, ajax, java 2016. 9. 8. 16:36

JavaScript 에서 문자열내의 특정 문자를 변환하고자 할 때, replace() 함수를 사용하게 되는데, javascript 의 replace() 함수는 문자열내에서 처음 발견되는 문자만 변환하게 됩니다. 1 2 3 4 5 var sOriginText = " 동해바다 서해바다 남해바다 "; var sConvertedText = sOriginText.replace("바다","산"); alert(sConvertedText ); cs 위 코드를 실행하게되면 결과값이 동해산 서해산 남해산 이렇게 나오는 것이 아니라 동해산 서해바다 남해바다 와 같이, 처음 발견되는 동해바다의 '바다' 만 '산' 으로 바꾸게 됩니다. 문자열 전체의 문자를 바꾸고 싶은경우 아래와 같이 코딩하면 가능합니다. 1 2 3 4 5 6..

IT공부방/jQuery, ajax, java 2016. 9. 8. 14:02

jQuery 파일압축/풀기 플러그인 JSZip jQuery 를 이용하여 파일을 압축하거나, 압축파일을 열거나 할때 유용하게 사용할 수 있는 플러그인 입니다. 자료는 아래 링크에서 다운로드 받을 수 있습니다. https://stuk.github.io/jszip/ 저의 경우는 zip 파일을 다운로드 받은후에, dist 폴더에 있는 jszip.js 또는 jszip.min.js 를 include 하여 사용했습니다. 기본적인 예제는 위 사이트에서 제공하는 것을 활용하시면 될듯 하구요..... 저의 경우는 서버에 있는 여러개의 파일을 Array 로 세팅한 후에, Zip 파일로 다운로드 하는 것을 구현해 봤습니다. zip파일 다운로드 GetZipFileBtn 을 클릭하면 DownloadZipFile() 함수를 호출하..

IT공부방/jQuery, ajax, java 2016. 8. 31. 15:49

blueimp jQuery Fileupload Plugin 사용시, 파일명이 중복될때 덮어씌우기 https://github.com/blueimp/jQuery-File-Upload 에서 구할 수 있는 jQuery blueimp Fileupload Plugin 을 사용하면, 파일업로드를 아주 쉽게 구현할 수 있습니다. 기본적으로 설치하여 사용하는 방법은 얼마전에 올린 아래 포스팅을 참고하시기 바랍니다.http://doolyit.tistory.com/38 이번 포스팅에서 확인할 부분은, 업로드하는 파일명이 중복되는 경우에 대한 처리입니다. 플러그인 설치후에 upload handler 가 설치되어 있는 server 폴더를 보면 UploadHandler.php 가 있는데요 (PHP 의 경우)그 파일을 보면 아래와..

IT공부방/jQuery, ajax, java 2016. 8. 30. 19:44

jQuery FileUpload Plugin 파일업로드시 업로드 위치 동적변경하기 https://github.com/blueimp/jQuery-File-Upload 에서 구할 수 있는 jQuery blueimp Fileupload Plugin 을 사용하면, 파일업로드를 아주 쉽게 구현할 수 있습니다. 기본적으로 설치하여 사용하는 방법은 얼마전에 올린 아래 포스팅을 참고하시기 바랍니다.http://doolyit.tistory.com/38 오늘 포스팅의 주제는, 파일업로드를 할때... 동적으로 파일업로드되는 위치를 변경하는 방법입니다.예를 들자면, 로그인한 사용자에 따라서 별도로 업로드 폴더를 생성해야 하는 경우 사용할 수 있겠죠.... jQuery File Upload Plugin 을 사용하는 경우, Up..

IT공부방/jQuery, ajax, java 2016. 8. 30. 16:47

Javascript 와 CSS 를 이용하여 만든 PopUp 창 띄우는 에제입니다. Javascript 와 CSS 를 이용하여 PopUp창을 띄우는 예제입니다 팝업내에 표시되는 내용입니다 본 포스팅은 아래 포스팅을 참고했습니다. http://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup

IT공부방/jQuery, ajax, java 2016. 8. 25. 16:07

JavaScript 에서 소숫점 이하자리까지 계산하는 경우, 오류가 생기는 경우가 있습니다. 아래와 같은 경우 인데요 1 2 3 4 5 6 7 8 9 var fVal_1 = "0.6"; var fVal_2 = "0.3"; var fResult = parseFloat(fVal_1) + parseFloat(fVal_2); alert(fResult); // 0.899999999999 로 표시됨 cs 위의 경우 fResult 값은 0.9 가 정답이지만, 0.8999999999999 로 표시되는 것이다. 이때, 아래와 같이 toFixed() 함수를 이용해주면 됩니다. 1 2 3 4 5 6 fResult = fResult.toFixed(2); alert(fResult); // 0.90 으로 표시됨 Colored b..

IT공부방/jQuery, ajax, java 2016. 8. 23. 12:44

* ajax 로 폼데이터 서버전송 후 파일생성 및 DB저장, serialize() ajax 로 폼데이터를 전송한 후 DB에 저장하는 방법은 serialize() 를 이용하여 많이 사용하는데요, 저는, 해당 데이터를 서버로 전송하여 파일로 생성하는 코드를 만들어 보았습니다. ajax_save.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 $.ajax({ type : "POST" , async : true , url : "save_todb.php", dataType : "html" , timeout : 30000 , cache : false , data : $("#sav..

IT공부방/jQuery, ajax, java 2016. 8. 9. 11:32

향후, 참고를 위해 좋은 자료가 있는 포스팅을 기록으로 남김니다. 자료출처 : http://cafe.naver.com/jjdev/1714 [step1] mysql database:ksmart member table [step2] nodejs server 코드 // mysql dbms연결var mysql = require('mysql');var client = mysql.createConnection({ user:'root', password:'java1234', database:'ksmart'});var http = require('http');var express = require('express');var app = express();app.use(express.static('public'));app..

IT공부방/jQuery, ajax, java 2016. 8. 5. 17:28