Gray CHA

입력값에 URL 주소만 허용해야 하는 상황이 발생했을 때, 정규식을 통해 간편하게 유효성 검사를 처리할 수 있으며, 유효성 검사 정책에 따른 커스터마이징도 가능하니 살펴보도록 하겠다. 정규식 사용 아래와 같이 URL 입력값에 대한 정규식 처리로 원하는 유효성 처리를 수행하였다. # URL value var url = $("#url").val(); # 정규식 표현 셋팅 let regex = /^(http(s)?:\/\/)([^\/]*)(\.)(com|net|kr|my|shop)(\/)/gi # 유효성 처리결과 console.log(regex.test(url)); 선언한 정규식에 대한 해설은 다음과 간다. 예시1> /^(http(s)?:\/\/)([^\/]*)(\.)(com|net|kr|my|shop)(\/..

== Equal Operator / 변수값(value)을 기준으로 비교연산 한다. console.log(1=="1"); // true console.log(0=="0"); // true console.log(1==true); // true console.log(0==false); // true console.log(null==undefined);// true === Strict Equal Operator / 변수값(Value)과 자료형(Type)을 기준으로 비교연산 한다. console.log(1==="1"); // false console.log(0==="0"); // false console.log(1===true); // false console.log(0===false); // false cons..

비구조화 할당 배열 안에 있는 값을 쉽고 간결하게 사용할 수 있는 문법 구조입니다. 기존 방식 보다 선언이 쉬우며, 가독성이 높습니다. // 기존 배열 문법 구조 const array = ['a', 'b', 'c']; const one = array[0]; const two = array[1]; const three = array[2]; console.log(one);// a console.log(two);// b console.log(three);// c // 비구조화 문법 구조 const array = ['a', 'b', 'c']; const [one, two, three] = array; console.log(one);// a console.log(two);// b console.log(three)..

Math.random 0 ~ 1 사이의 랜덤한 숫자를 반환합니다. 단, 1은 포함되지 않는 부동소수점의 수를 발생 시키기 때문에 정수형 데이터로 변환해야 합니다. Math.random(); // 함수 실행 시, 아래와 같은 결과값 반환 0.787910016396766 0.9811818120683229 0.018731720450270606 0.26159482631296616 0.4618645356440654 0.5720506552882538 0.8146460036266621 Math.floor 입력값을 내림한 가장 작은 정수값을 반환 합니다. Math.floor(-1.7) : -2 Math.floor(-1.5) : -2 Math.floor(-1.3) : -2 Math.floor(-1) : -1 Math.f..

jQuery scrollTop 메서드를 이용하여 간단하게 스크롤 상단이동 기능을 구현할 수 있다. 아래와 같이 선택자에 지정한 후, scrollTop 메서드에 value 값을 지정하여 사용하면 된다. scrollTop(value) // 기본 설정 $('html').scrollTop(0); animate를 이용하여, 스크롤 이동 속도를 조절 할 수 있다. // 빠르게 $('html').animate({scrollTop : 0}, 100) // 느리게 $('html').animate({scrollTop : 0}, 500) scrollTop() 메서드만 선언할 경우는 현재 스크롤의 수직 위치 정보를 반환는다.