콘텐츠로 건너뛰기
Home » javascript » Page 2

javascript

정규식을 사용한 비밀번호 유효성 검사

정규식의 그룹 패턴 중에 Look-around라는 게 있는데, 특정 패턴의 앞/뒤로 만족하는 패턴이 있는 경우에만 해당 패턴을 만족시키는 케이스를 말한다. 예를 들어 apple(?=s)applesapple만 매칭되고 apple이나 appled는 매칭되지 않도록 하는 것이다. 이를 활용하여 비밀번호 유효성 검사에 정규식을 활용할 수 있다. 예를 들어,

  1. 6자리 이상
  2. 1개 이상의 영어 대문자
  3. 1개 이상의 숫자

라는 조건을 만족해야 한다면 저 전진 검색 패턴을 활용하면 된다.
더 보기 »정규식을 사용한 비밀번호 유효성 검사

자바 스크립트 날짜 계산 방법

자바스크립트에서 날짜 계산하기. 흔하게 사용하는 것인데 잠깐 생각이 안나서 메모. 두 날짜의 차이 날짜 객체를 빼면 밀리세컨드 값이 나온다. var a = new Date(2014, 4, 10); var b = new Date(2014, 4, 12); var c = b – a; console.log(c/(24 * 3600 * 1000)); 몇일 전 혹은 몇일 후 구하기 var today = new Date(); today.setDate(today.getDate() + 3); console.log(today.toLocaleString());

초경량 MVC 자바스크립트 프레임워크 Mithril

Mithril

Mithril은 경량 웹 프론트엔드용 MVC 프레임워크이다. 이 분야에서 가장 인기있는 프레임워크 중 하나인 AngularJS의 경우 JS소스코드의 용량도 만만치 않고, 템플릿을 컴파일하여 렌더링하는 초기 로딩 시간이 상당한데, Mithril의 경우 gzipped로 압축 전송되는 용량이 4kb에 불과하며, HTML마크업상에서 템플릿을 컴파일하지 않고 스크립트 레벨에서 프론트엔드 객체를 생성하거나, 엘레멘트를 그냥 가져오는 방식이라 동작 속도 또한 매우 빠르다.
더 보기 »초경량 MVC 자바스크립트 프레임워크 Mithril

마크 다운을 PDF 문서로 변환하기

마크 다운을 HTML 문서로 변환하고, 다시 HTML 문서를 PDF로 변환하는 과정을 거치면 PDF 파일을 얻을 수 있다. HTML 파일을 PDF로 만드는 데는 파이썬으로 제작된 xhtml2pdf라는 패키지가 있긴 하지만 동작이 좀 불안정하거나 한글이 제대로 렌더링 되지 않는 (한글을 제대로 랜더링하는 방법은 있는데, 이 경우 CSS가 제대로 적용되지 않는다.) 등의 문제가 있어서 웹킷 엔진으로 렌더링하는 것과 같은 결과를 얻을 수 있는 PhantomJS를 사용하기로 결정했다.
더 보기 »마크 다운을 PDF 문서로 변환하기

[자바스크립트] 한글의 초성, 중성, 종성 분리하기

예전에 objective-C에서 유니코드 한글의 초,중,종성을 구하는 코드를 만든 적이 있는데, 자바스크립트에서는 String 객체의 charCodeAt() , fromCharCode()라는 두 개 함수를 가지고 유니코드 문자의 코드 값을 구하거나 그 반대의 동작을 할 수 있는 걸 발견하고, 자바 스크립트 버전으로 만들어 보았다.
더 보기 »[자바스크립트] 한글의 초성, 중성, 종성 분리하기

이미지의 크기를 알려주는 북마클릿

이미지 사이즈를 체크해서 title 속성으로 넣어주는 스크립트. 북마클릿으로 만들어서 손쉽게 웹페이지의 이미지들의 가로/세로 크기값 및 CSS에서 지정한 가로/세로 값을 툴팁으로 알려줌. 일일이 인스펙터에서 확인하기 귀찮아서 만듬. javascript:/*Lastest Version*/ (function(){     var latestVersion = ‘1.8.2’;     var jQueryEnabled = false;     if(window.jQuery === undefined || window.jQuery.fn.jquery < latestVersion){         var script = document.createElement(‘script’);         script.src = ‘http://ajax.googleapis.com/ajax/libs/jquery/’+latestVersion+’/jquery.min.js’;         script.onload = script.onreadystatechagne = initMyjQuery;         document.getElementsByTagName(‘HEAD’)[0].appendChild(script);     }     else {         initMyBookmarklet();     }     function initMyjQuery(){         if($ === undefined){             $ = jQuery;         }         jQueryEnabled = true;         initMyBookmarklet();     }     function initMyBookmarklet(){         var ai… 더 보기 »이미지의 크기를 알려주는 북마클릿

20110228 :: 가볍고 간단한 브라우저 확장, 북마클릿 만들기

사실 팁이라고 하기에도 부끄러운 간단한 장치지만 살짝 소개해봅니다. 북마클릿 : Bookmarklet 북마크[1. 익스플로러 사용자에겐 ‘즐겨찾기’라는 이름이 더 익숙하지만, 대부분의 다른 브라우저들은 북마크(책갈피)라고 하니 이렇게 부르도록 합니다.]는 보통 인터넷 주소(http:// 로 시작하지요)를 저장해둡니다. 하지만 웹 주소 대신에 자바스크립트를 등록해 두고 쓸 수도 있습니다. 페이스북 공유 북마클릿과 같은 것들이 대표적이지요. 별도의 플러그인을 설치하지 않고서도 간단히 웹 브라우저에 부가적인 기능을 더할 수 있고 또 (대부분) 브라우저 별 특성을 타지 않기 때문에 제가 무척 좋아하는 방식이기도 합니다. 이러한 북마클릿을 북마크 도구모음 (북마크가 표시된 툴… 더 보기 »20110228 :: 가볍고 간단한 브라우저 확장, 북마클릿 만들기