Delia's Note

lodash 는 자바스크립트에서 유용하게 사용할수있는 유틸리티 라이브러리다. 빈문자열 체크부터 다양한 기능을 갖고있는 배열과 오브젝트를 위한 유용한 유틸리티다. 예전에는 isEmply 나 isNull 같은 함수를 만들어서 사용했지만 이제 로대시 하나면 끝. 없으면 일이안되는 모듈. Lodash _.defaults({ 'a': 1 }, { 'a': 3, 'b': 2 });_.partition([1, 2, 3, 4], n => n % 2);DownloadLodash is released under the MIT license & supports modern environments. Review the build differences & pick one that’s right for you.Installati..

자바스크립트 이메일 유효성 검사 var emailStr = $("#txt_email").val(); // input 의 이메일 값 추출 (jquery)var format = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/;if(emailStr.search(format) == -1){// 형식에 어긋남alert("이메일 형식에 맞게 입력해 주세요");$("#txt_email").focus(); //해당 input으로 포커스 이동return false;}

input file 초기화 시키기 jquery로 form 을 초기화 시킬 때 $(":file").val(""); 로는 완전히 초기화 시킬 수 없다. 다음과 같이 해주도록 한다. /*** input type="file" 초기화 시키기 **/ var files = document.getElementsByName("Upload"); files[0].select(); document.selection.clear; ajax 처리가 많은 요즘은 꼭 메모해 두어야 할 듯 ㅠ

자바스크립트에서 포맷을 맞춰 날짜를 가져오기란 참 귀찮은 일이다.그래서 이렇게 쓴다. 어디서 퍼왔는지 기억나지 않아 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ아래와 같이 선언해 놓고 (자바스크립트 가장 상단에 넣는게 좋겠지..), 그냥 불러다 쓰면된다.Date.prototype.format = function(f) { if (!this.valueOf()) return " "; var weekName = ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"]; var d = this; return f.replace(/(yyyy|yy|MM|dd|E|hh|mm|ss|a\/p)/gi, function($1) { switch ($1) { case "yyyy": return d.getFullYea..

node.js 에서 express 3을 이용하여 프로젝트를 진행하던중차장님이 설정하신 app.js 부분에서 의문발생.. app.use(function(err, req, res, next){ if (~err.message.indexOf('not found')) return next();res.status(500).send(error.ER_API_SERVER); }); 검색해서 찾아 보니, 이건 비트 연산자라고 한다.원문글을 긁어와서 적어보겠당.원문 : http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=74574 C 언어와 마찬가지로 비트로 부정하는 연산자입니다. 예를 들면, 브라우저는 대부분 32비트니 32비트 정수죠. 9 =..

책과 각종 구글링으로 얻은 얕은지식으로 [본인이 이해한 대로] 작성하였습니다. node.js 는 자바스크립트로 만들어진 서버측 언어이다.우리가 흔히 사용하는 자바스크립트는 각 브라우저에서 동작되는 클라이언트 언어이고, php, asp, java 등등은 서버에서 동작하는 서버 언어이다.그래서 웹페이지에서 소스보기 했을때 보여지는 것이 브라우저가 인식할 수 있는 클라이언트 언어인 것이다.서버언어는 소스보기 했을때 보여지지 않는다.node.js 도 마찬가지다. 개발언어는 자바스크립트와 거의 비슷하지만, 서버언어 이기때문에 소스보기 했을때 코드가 보이지 않는다. node.js 의 가장 큰 특징은 이벤트 기반 이라는 것.이벤트 기반이라는 것이.. 웹페이지의 버튼에 onclick 이벤트를 걸어놓고 클릭 시에 어떤작..

변수값의 undefined 까지 검사하는 isEmpty(), isNotEmpty() 함수 구현. 엄청 유용하다!common.isEmpty() 로 사용var common = {isNotEmpty : function(_str){obj = String(_str);if(obj == null || obj == undefined || obj == 'null' || obj == 'undefined' || obj == '' ) return false;else return true;},isEmpty : function(_str){return !common.isNotEmpty(_str);}}

* 텍스트를 선택하는 부분은 jQuery 이용. // 드래그(선택) $('.copyTarget').select(); var realText = $('.copyTarget').html(); // 복사 window.clipboardData.setData('Text', realText); 근데 해보니깐.. IE만 되는듯? 윈도우에서 사용하는 클립보드를 이용하기 때문인것 같다.

/* 마우스 이벤트 */ click마우스 버튼 클릭시 발생 dblclick마우스 버튼 더블클릭시 발생 mousedown마우스 버튼을 눌렀을 때 발생 mouseup마우스 버튼을 눌렀다 뗐을 때 발생 mouseover마우스 커서를 올려놓았을 때 발생 mouseout마우스 커서를 올려놓았다가 밖으로 나갈 때 발생 mousemove마우스 커서를 움직일 때 발생 /* 키보드 이벤트 */ keydown키보드가 눌려있을 때 발생 keyup키보드가 눌려있다가 떼는 순간 발생 keypress키보다가 눌리는 순간 발생 HTML이벤트 load페이지를 전부 다 읽어들인 후에 발생 unload페이지로부터 빠져나갈 때 발생 abort페이지를 읽다가 사용자의 중지 요청에 의해 중단되는 경우 발생 error페이지를 읽다가 오류에 의..

encodeURI() / decodeURI() 최소한의 문자만 인코딩합니다. ; / ? : @ & = + $ , - _ . ! ~ * ' ( ) # 이런 문자는 인코딩하지 않습니다. http:// ... 등은 그대로 나옵니다. encodeURIComponent() / decodeURIComponent() 알파벳과 숫자 Alphanumeric Characters 외의, 대부분의 문자를 모두 인코딩합니다. http:// ... 가 http%3A%2F%2F 로 됩니다. escape() / unescape() 예 전부터 있던 오래된 함수입니다. encodeURI() 와 encodeURIComponent() 의 중간 정도의 범위로 문자를 인코딩합니다.