본문 바로가기

JavaScript12

주민등록번호 체크 요즘은 회원가입시 주민번호를 받지 않아서 사용 할 일이 많지 않지만...그래도 사용 할 일이 종종 생기는 듯 하다...그래서 나중에 혹시 사용 할 수도 있으니 일단 메모.. var sum=0; var idNum = new Array(13);// 입력값을 위한 배열 var weighNum = new Array(2,3,4,5,6,7,8,9,2,3,4,5);// 가중치를 위한 배열 var i=0; var id1 = $('#id1').val(); // 주민번호 앞자리 var id2 = $('#id2').val();// 주민번호 뒷자리 if(id1.length != 6||id2.length != 7){// 각각 6자리와 7자리의 숫자인지 검사 alert("no"); return false; } var inputI.. 2016. 1. 15.
Count UP 구현하기 Count UP를 구현하려면 하나의 라이브러리가 필요하다. 특정 숫자 예를 들자면 0 ~ 1,000 까지 순차적으로 카운트가 올라가게 하는 라이브러리이다.github 주소 -> https://github.com/inorganik/CountUp.js 시작 카운트, 종료 카운트, 소수점, 시작 ~ 종료 실행시간 및 여러 설정 등이 가능하다.기본 코드는 아래와 같다. 0시작일시정지초기화 간단한 Demo를 만들어보았다. 0 ~ 3,000 까지 소주점없이 2.5초에 완료 되도록 하였다.시작, 일시정지, 초기화 버튼을 구현하였다. 붉은 코드를 추가후에 (위의 주소에서 다운 받을 수 있다.) 나머지 코드를 추가하면 된다.이를 이용하여 여러가지 용도로 사용 할 수 있을 듯 하다. ※ Demo Code 첨부 2015. 12. 17.
날짜 체크 하기 웹 서비스를 하다보면 오늘 날짜와 특정 날짜를 비교 할 일이 많이 발생한다. (예 : 단발성 이벤트의 경우..) 오늘 날짜를 체크해서 이벤트 일이 지났는지 남았는지 체크해서 이벤트 안내 문구를 보여줘야 하기 때문...서버단에서 처리를 할 수도 있지만 굳이 날짜 체크하자고 서버단까지 갈 필요는 없으니까...클라이언트단에서 처리하도록 한다. 아래 2개의 함수면 처리가 가능하다. function leadingZeros(n, digits) {var zero = '';n = n.toString(); if (n.length < digits) {for (i = 0; i < digits - n.length; i++)zero += '0';} return zero + n;} function getTimeStamp() {v.. 2015. 12. 15.
Swipe 배너 만들기 모바일 페이지에 Swipe 배너를 붙여야 될 일이 발생했다. 구글링을 하던 중 기가막히는 라이브러리를 발견했으니..흔적을 남겨줘야 되겠다 싶어서 글을 작성.. 사이트 구경하기 -> http://www.idangero.us/swiper/ 가벼우면서도 많은 기능을 제공한다. 사용방법 또한 엄청 간단하고, Demo 정리도 잘 되어 있다. 기본적인 사용을 위해서 일단 메인 페이지에서 다운로드를 받는다. 압축을 풀면 Demo부터 종합선물(?) 세트로 다 들어 있다. 간단한 Demo를 하나 만들어보았다. Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 Slide 8 Slide 9 Slide 10 CSS와 JS경로만 잡아주면 바로 실행가능하다. API 문서를 보면 .. 2015. 12. 14.