javascript 썸네일형 리스트형 날짜 유효성 체크 날짜 유효성 체크 (정규표현식)- 2월 29,30,31일은 체크 하지 못 함. 13월은 체크할 수 있음. 9월 31일은 체크하지 못 함.- 2017-01-01 형식임. 2017-1-31 처럼 월이 1이면 에러검출 됨. var format = /^(19[7-9][0-9]|20\d{2})-(0[0-9]|1[0-2])-(0[1-9]|[1-2][0-9]|3[0-1])$/; if(!format.test(startDate.value)) { alert("시작일은 2010-02-01 형식으로 입력해야합니다.\r\n(1970-01-01부터 2099-12-31까지 검색 가능합니다.)"); return false; } else if(!format.test(endDate.value)) { alert("종료일은 2010-02-.. 더보기 Aptana 설치 Aptana(압타나) Plugin 설치 javascript는 개발자에게 정말 애먹이는 존재인가 보다. 별의별 plugin을 설치해봐도 맘에 쏙드는 Editor를 찾아보긴 힘들다. Aptana는 예전에 한번 설치해보고 좀 무거운거 같아 지웠다가 그나마 제일 낫다고 해서 다시 설치해본다. Eclipse 사용하는 사람들은 VS보다 가볍다고 하지만 이런 저런 플러그인 설치하다보면 정말 가벼운가하는 의심이든다. 좀 된다하는 프로젝트 좀 열어 놓고 있으면 메모리 올라가는게 기가 막힐 정도다. 노브툭도 울트라급 정도 사용해야지.. 회사에서 쓰는거니 좋은건 필요 없다는 생각으로 저렴한것 구입했다가는 속이 터질 것이 명확하다. 참조 Url : http://krksap.tistory.com/160http://downloa.. 더보기 jQuery 정리 jQuery 정리 정리 방법 1. 다른 소스를 보고 이해할 수 있도록 기본적인 selector 사용법, ajax를 정리한다. 2. 잘 정리되어 있는 jQuery 함수를 정리한다. 3. 유용한 플러그인을 정리한다. 브자우저에서 동작하는 클라이언트 오픈소스 라이브러리 장점 - 크로스-브라우저를 지원한다. - 크로스-브라우저를 지원한다. - 크로스-브라우저를 지원한다. 많은 장점이 있겠지만 크로스-브라우저를 지원한다라는 이유 하나만으로도 당연히 사용해야 하겠다. HTML 문서는 다양한 태그들로 구성되어 있고, 태그들은 class를 연결로 CSS를 사용한다. 이러한 HTML 문서를 좀 더 간편하게 분석하고, 변경하기 편하게 하는 툴정도로 이해하자. 물런 ajax 처럼 비동기 통신을 위한 기능도 포함하고있고, 더.. 더보기 javascript 정리 JavaScript 정리 jQuery를 학습하기 전에 JavaScript를 정리하고자 한다. 배열 선언 - push 메서드를 사용하면 배열의 가장 마지막에 요소를 추가하므로 당연 배열크기가 늘어 나게된다. 따라서 javascript의 동적배열을 구성할 수 있겠다. - for in 구문 역시도 봐 두기 바란다. window.onload = function() { testArray(); } testArray = function() { var str = ""; var arr1 = new Array("aa","bb","cc");// 배열선언 방법 1 var arr2 = ["aa","bb","cc"];// 배열선언 방법 2 var arr3 = new Array(3);// 배열선언 방법 3 arr3[0] = "aa.. 더보기 JSON.parse, JSON.stringify JSON.parse, JSON.stringify 브라우저에서 지원해주고 있음. 따라서 브라우저 특성을 탐. IE8+, Firefox3.1+, chrome, opera10, safari4 JSON.parse : String 개체를 JSON으로 변환JSON.stringify : JSON개체를 String개체로 변환 더보기 서버 Dara Call Ajax나 JSON을 통해서 Server에 데이터를 요청하는 몇가지 방법을 정리함. 1. Ajax 이용해서 FileUpload 2. $.getJSON 이용하는 방법 $.getJSON("/sboard/getAttach/"+bno, function(list) { $(list).each(function(){ var fileInfo = getFileInfo(this); var html = template(fileInfo); $(".uploadList").append(html); }); }); 3. Ajax 이용해서 데이터전송 $("#replyAddBtn").on("click", function(){ var replyerObj = $("#newReplyWriter"); var replytextObj = $("#n.. 더보기 JSDT 설치 JSDT 설치 Mars 버전에서 JSDT 설치를 할려고 했는데 marketplace에서 JSDT, JQuery로 검색을 했는데 나오질 않았다. Install New Sortware에서 'https://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite' 로 연결해 보았는데 해당 url이 연결이 안된다. 먼가 좀 이상해서 구굴링 해봤더니 Mars버전은 아직 정식버전이 아니라서 그렇단다. 그래서 하위 버전인 luna버전을 설치했다. 똑 같다. 낚인거 같다. https://svn.codespot.com/a/eclipselabs.org/jsdt-jquery/updatesite 이 url이 먼가 문제가 있는것 같다. 브라우저로 연결해 봤더니 404에러다. 이래저.. 더보기 Node.js 이용해서 간단한 CRUD 만들기 Node.js를 이용한 간단한 CRUD 만들기 1. 필요한 모듈을 설치한다.- 모든 모듈은 이클립스 워크스페이스로 지정된 위치에서 실행한다.- 확인은 워크스페이스에 node_modules 라는 폴더가 생성되고 해달 폴더안에 다ㅇㄴ로드 된다. - connect 모듈 다운로드 받는다.- connect 모듈은 node를 위한 미들웨어 프레임워크이며, 웹서버 구축하는데 사용된다.- 명령어 : npm install connect- 마지막에 세미콜론은 없다.- connect 미들웨어에는 하기의 미들웨어가 포함되어 있다.query 미들웨어 logger 미들웨어cookieParser 미들웨어session 미들웨어errorhandler 미들웨어next 미들웨어static 미들웨어 - MySQL 모듈 설치- 당연한 얘기지.. 더보기 Node.js - 자바스크립트 기반 서버사이드 플랫폼 Node.js - Node.js는 자바스크립트 기반으로 만들어진 서버사이드 플랫폼이다.- 웹서버 역할을 할 수 있다.- 응용프로그램(독자적 실행가능한)을 만들 수 있다. 사용처- 입출력이 잦은 어플리케이션 : 딱 머라고 선정하기는 어렵다. 않쓰는게 나을 듯.- 데이터 스트리밍 어플리케이션 : 스트리밍 관련 서비스(동영상, 음악 서비스)- 데이터를 실시간으로 다루는 어플리케이션 : - JSON API 기반 어플리케이션 : JSON API는 요근래 전부 다루니 특정짓기 어렵다.- 싱글페이지 어플리케이션 : 제품 홍보, 스타관련 홈페이지등등.. 많이 복잡하지 않고, 속도가 필요한 곳에 사용하기 좋은 듯 싶다. 1. 설치 1. Node.js 설치- http://nodejs.org 현재 4.4.7 버젼임.- 설치.. 더보기 JavaScript Template Engine - Handlebars JavaScript Template Engine - Handlebars 반대로 Server Side Template Engine이라고 할 수 있다. 구글링으로 javascript template engine 순위를 보니 2016년 1위가 Mustache 2위가 포스팅하고자 하는 Handlebars다. Handlebars는 Mustache에 헬퍼개념을 도입한 Mustache 확장형 템플릿이라고 생각하면 되겠다. 머 대개 거창하게 들리지만 Handlebars 템플릿이 하는 건 반복작업 즉 루핑돌면서 각각 알맞게 대입 시켜주는 것이라고 생각하자. 먼저 Handlebars template을 사용하기 위해서는 jQuery라이브러리가 필요하다. 예제 1) - 대입하여야 할 변수는 {{ }}에 쌓여있다. {{대입하여.. 더보기 이전 1 다음
