RATSENO

angular와 vue와 같은 프런트엔드 프레임워크에서 자주 보이는 디렉티브가 있습니다. 이제 나를 볼 수 있어요 저렇게 문자열로 되어있는 조건문을 그냥 js, jQuery를 이용해서 비슷하게 써보고 싶었습니다. 찾아보니 new Function() 생성자를 이용하여 구현할 수 있을 것 같아 사용해보았습니다. 테스트1 테스트2 테스트1 테스트2 data-expression="'테스트2'==='테스트1'" data속성으로 expression을 생성하고 값으로 조건식인 '테스트1'==='테스트1' 문자열을 적어주었습니다. 저 조건식이 실행하여 true일 때 false일 때 style을 변경해 보도록 하겠습니다. 테스트1 테스트2 정상적으로 조건문이 실행되었습니다. 하지만 보안상 문제가 생길 수도 있기 때문에,..

https://ratseno.tistory.com/manage/newpost/?type=post&returnURL=%2Fmanage%2Fposts%2F 위의 URL에서 ?(물음표)뒤에 key=value 형식으로 &로 구분되어 사용되는 Url Parameter를 사용하는 간단한 Util을 만들어보겠습니다. 폴더를 하나 새로 생성하고, test.js 파일을 생성하여 아래 내용을 작성합니다. window.UrlUtil = (function(util){ //Url Parameter Object 반환 //동일한 이름의 parameter는 value에 list로 반환 util.urlParameters = (function(){ var qPos = window.document.URL.indexOf('?'); var ..

var url = "/api?"; url += "pageNo=" + 1; url += "&pageSize=" + 10; 위의 방식처럼 노가다성 코딩 대신 jQuery의 jQuery.param() 함수를 이용하여 url parameter를 쉽게 생성하여 사용할 수 있습니다. var params = { name:"홍길동", title:"홍길동전" }; var str = jQuery.param( params ); var str2 = $.param( params ); console.log(str); console.log(str2); //name=%ED%99%8D%EA%B8%B8%EB%8F%99&title=%ED%99%8D%EA%B8%B8%EB%8F%99%EC%A0%84 //name=%ED%99%8D%EA%B8%..

웹사이트에서 회원가입 등 여러가지 입력 항목에는 다양한 입력제한 들이 적용되어 있습니다. 간단한 예제들을 통해 주로 사용되는 입력값 체크 방법에 대해서 알아보겠습니다. #아이디를 숫자만 입력했을 경우 #아이디가 영문으로 시작하지 않을 경우 #아이디 안에 한글이 포함되어있을 경우 var id = "test테스트"; if(/[ㄱ-ㅎ|ㅏ-ㅣ|가-힝]/.test(id)){ alert("아이디 안에 한글은 포함될 수 없습니다."); } #비밀번호안에 같은문자가 4번 이상 포함되어있을 경우 var pwd = "1111테스트"; if(/(\w)\1\1\1/.test(pwd)){ alert('비밀번호안에 같은문자는 4번 이상 사용할 수 없습니다.'); } #비밀번호안에 연속된 숫자가 4회 이상 포함되어 있을 경우 #비..

jQuery를 사용한 모든 웹페이지는 다음 코드로 시작합니다. $(document).ready()는 문서가 준비되면 매개변수로 넣은 콜백 함수를 실행하라는 의미입니다. jQuery 이벤트 메서드 중 하나입니다. 이 메서드는 비슷한 기능을 수행합니다. 고전 이벤트 모델은 한 번에 하나의 이벤트만 연결할 수 있습니다. 반면에 jQuery의 이벤트 메서드는 표준 이벤트 모델이나 인터넷 익스플로러 이벤트 모델과 마찬가지로 이벤트로 여러개의 함수를 연결할 수 있습니다. 아래의 예제는 실행하게되면 문서가 준비되는 순간 경고창 세 개가 연달아 표시됩니다. $(document).ready() 메서드는 굉장히 많이 사용되므로 jQuery에서는 간단하게 사용할 수 있는 형태를 제공합니다.