본문 바로가기

Front-end/Javascript

NodeJs / Yarn 설치하기 설치하기 전 읽어보기npm에 대하여 (참고문서: https://docs.npmjs.com/getting-started/what-is-npm)npm은 javascript 개발자들에 의해 공유와 재사용을 쉽게할 수 있도록 만든 패키지 매니저 프로그램입니다.npm의 주요기능 (참고: https://velopert.com/241)NPMSearch에서 탐색 가능한 node.js 패키지/모듈 저장소Node.js 패키지 설치 및 버전/호환성 관리를 할 수 있는 커맨트라인기반 유틸리티 Yarn에 대하여 (참고문서: http://www.eloquentwebapp.com/yarn-new-package-manager-javascript/)npm 이라고 하는 기존에 널리 사용되고 있는 javascript 패키지 매니져의 단점..
javascript- 성능향상 코딩법 (링크) http://blog.monitis.com/index.php/2011/05/15/30-tips-to-improve-javascript-performance/ http://www.yourhtmlsource.com/optimisation/imageoptimisation.html 작성 중
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 리스트 / 디바이스별 미디어 쿼리 / 모바일 기기 체크 자바스크립트 코드|작성자 제무