회원가입 화면에서 비밀번호 입력 조건을 제어할 때 정규식을 사용할 수 있습니다. 하단의 정규식은 같은 문자가 3번 이상 반복될 경우를 제한하는 정규식입니다. const regex = /([A-Za-z0-9`~!@#\$%\^&\*\{\}\-_=\+\\|;:'",\./\?])\1{2,}/g; if(!regex.test("패스워드") { // 정규식 조건에 만족하지 못할 경우 처리 // ex) alert("같은 문자가 3번 이상 반복될 수 없습니다."); return false; }

회원가입 화면에서 비밀번호 입력 조건을 제어할 때 정규식을 사용할 수 있습니다. 하단의 정규식은 길이 10자 이상, 20자 이하여야 하고 숫자, 영어, 특수문자를 각각 1개 이상 포함해야 하도록 했습니다. const regex = /^(?=.*[`~!@#\$%\^&\*\(\)\{\}\[\]\-_=\+\\|;:'",\./\?])(?=.*[a-zA-Z])(?=.*[0-9]).{10,20}$/g; if(!regex.test("패스워드") { // 정규식 조건에 만족하지 못할 경우 처리 // ex) alert("비밀번호는 10자 이상, 20자 이하여야 합니다."); return false; }

호이스팅이란 자바스크립트 코드가 실행되기 전에 선언한 변수, 함수들의 메모리 공간이 할당되는 것입니다. 선언과 동시에 초기화를 하더라도 호이스팅 시점에는 모두 undefined로 초기화됩니다. var이나 function 등은 undefined로 초기화되지만, let과 const는 메모리 공간만 할당될 뿐, undefined로 초기화되지 않습니다. 예시입니다. var로 선언하여 변수를 출력하는 코드입니다. 첫 번째는 undefined로 출력되지만 두 번째는 "Hello"로 초기화되어 출력되는 것을 볼 수 있습니다. 이번에는 let으로 선언했습니다. let으로 선언하면 호이스팅 시 초기화되지 않으므로 첫 번째 줄에서 에러가 나타납니다. 변수 선언 코드들이 코드의 최상단으로 이동하여 코드가 실행되는 개념이 아..

비밀번호가 유효하게 작성되었는지 확인하는 방법입니다. 아래 함수는 비밀번호가 8~20자 사이에 길이를 갖고 있고 영문 대소문자, 숫자, 정규식에 나열되어 있는 특수문자에 포함될 경우 true를 리턴하는 함수입니다. 글자 길이가 8자 미만, 20자 초과 이거나 공백, 정규식에 없는 특수문자가 입력되었을 경우 false가 리턴됩니다. 정규식에 쓰이는 특수문자들은 그냥 쓰면 안 되므로 앞에 \를 붙여줘야 합니다. function checkPassword(pw) { var regexPw = /^[A-Za-z0-9`~!@#\$%\^&\*\(\)\{\}\[\]\-_=\+\\|;:'",\./\?]{8,20}$/; if(!regexPw.test(pw)) { alert("8~20자 영문 대소문자, 숫자, 특수문자를 사용..

function fn_beforeunload() { window.onload = function() { var isBeforeunload = false; $("input").on("propertychange change keyup paste input", function() { isBeforeunload = true; });$(window).on("beforeunload"). function() { if (isBeforeunload) return ""; }); (function ($) { var originalVal = $.fn.val;$.fn.val = function (value) { var res = originalVal.apply(this, arguments); if (this.is("inpu..

Swiper 참조 swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 이미지 슬라이더 구현 시 사용하는 모바일에 최적화되어 있는 js입니다. 무작정 사용하시면 5버전 이상일 거라 IE에서는 isNaN 함수 사용하는 부분에서 오류가 나므로 작동을 하지 않습니다. 이럴 땐 IE를 사용하지 못하게 하거나 swiper의 버전을 4버전 이하로 낮춰야 합니다. 아래 사이트 들어가서 4버전 이하의 zip을 다운로드하셔서 dist 폴더..