본문 바로가기

Front-end

JavaScript-Math.abs() 를 이용한 절대값 구하기 음수 값이나 특정 값을 Math.abs() 함수를 이용하여 절대값으로 변경할 수 있습니다. var a = -1; console.log(a); // -1 a = Math.abs(a); console.log(a); // 1
JavaScript-특정 문자열이 JSON 인지 확인 / 파악하기 특정 문자열이 JSON 문자열 형식인지 파악하기 이것은 어떠한 데이터를 JSON Object 로 변환하기 전 확인할 때 사용할 수 있습니다. var response = false; try { response = jQuery.parseJSON('response from server'); } catch (error) { console.log("is not JSON type String or else); } if(respone && typeof response =='object') { //It is JSON } else { if(response === false || response == null) { //the response was a string "false", parseJSON will convert ..
Javascript-Tomcat header size 제한 설정 요즘 나름 대용량 데이터(binary, JSON)를 클라이언트에서 제어하는 일련의 프로젝트를 진행 중인데.. 클라이언트에서도 이 큰 데이터로 인해 문제가 생겨 며칠 전 해결 했지만 …(이전 포스트 참고: javascript memory leak = http://devbada.tistory.com/317) 오늘은 클라이언트에서 서버로 전송할 때 큰 데이터가 전송이 되지 않는 문제를 발견하였습니다. 원인은 서버에 제한된 HTTP Header POST size!!!!! Tomcat 에서는 server.xml 의 Connector 항목에 아래와 같이 maxPostSize 를 추가하시면 됩니다. 그리고 eclipse 에서는 추가한 서버의 server.xml 에 아래와 같이 maxPostSize 를 추가하시면 됩니..
JavaScript-Memory leak 해결하기, 메모리 누수 해결하기 1) 함수내의 지역변수은 함수가 끝날때 null 처리 func_a = function() { var vdata = 1; ....... ....... vdata = null; } 2) return 값이 있는 function 에서는 finally 로 처리 func_b = function() { try { var vdata = 1; ....... ....... return vdata; } finally { vdata = null; } } http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=63407&sca=&sfl=wr_name%7C%7Csubject&stx=%BA%A5%C1%F6&sop=and 3) Flash & Object 형태..
JavaScript-jQueryUi-Slider 의 Handler 를 여러 개 생성하기 * 사용에 필요한 라이브러리 jQuery Library jQuery Ui Library jQuery UI 에서 Slider 를 사용하는데, 기본적으로 제공되는 slider handler 는 1개 이지만, 이를 여러 개 생성하여 사용할 수 있습니다. Html 에 위와 같이 slider 를 하나 만들고 아래와 같이 스크립트를 작성해서 사용할 수 있습니다. $(function () { // the code belows assume the colors array is exactly one element bigger than the handlers array. var handlers = [25, 50, 75]; var colors = ["#ff0000", "#00ff00", "#0000ff", "#00ffff"]..
JavaScript-User Agent 리스트 / 디바이스별 미디어 쿼리 / 모바일 기기 체크 자바스크립트 코드 --UserAgent 리스트 http://user-agents.org/ --디바이스별 미디어쿼리 http://www.stuffandnonsense.co.uk/blog/about/hardboiled_css3_media_queries/ --모바일기기 체크 http://blog.naver.com/PostView.nhn?blogId=nowwarfare&logNo=140127178015 [출처] [JavaScript] User Agent 리스트 / 디바이스별 미디어 쿼리 / 모바일 기기 체크 자바스크립트 코드|작성자 제무
JavaScript-Array to JSON 변환하기 JavaScript 에서 아래와 같은 Array 형식의 데이터를 JSON 으로 변환할 수 있습니다. [1]. JSON.stringify() 를 사용하기 위해서 아래의 라이브러리를 사용합니다. >>> https://github.com/douglascrockford/JSON-js/blob/master/json2.js [2]. 그리고 아래와 같이 사용할 수 있습니다. var yourArray = { url: "http://www.google.com", realWidth: 60, realHeight: 80, realVCm: 20, realHCm: 15 }; var myJsonString = JSON.stringify(yourArray); [3]. 또한 변환한 JSON 데이터는 jQuery 라이브러리를 사용하여 ..
JavaScript-Drag n Drop 예제 사이트 ★ Drag n Drop 에 대한 괜찮은 예제 사이트를 하나 소개 합니다. https://hacks.mozilla.org/2009/07/html5-drag-and-drop/ http://decafbad.com/2009/07/drag-and-drop/api-demos.html#newschool http://msdn.microsoft.com/en-us/library/ie/ms536744(v=vs.85).aspx