Language/JavaScript7

• 

  Symbol Symbol( )심볼은 생성자가 없으므로 new를 사용하여 객체를 생성하지 않는다.Symbol( ) 함수를 호출하면 매번 새로운(고유한) 심볼이 생성된다.심볼은 전역 심볼 레지스트리(Global Symbol Resgistry)란 심볼들이 저장되는 전역공간에 저장된다.const sym1 = Symbol(); const sym2 = Symbol(); const sym3 = Symbol('foo'); const sym4 = Symbol('foo'); console.log(sym1 === sym1); // true console.log(sym1 === sym2); // false console.log(sym3 === sym4); // false일반적으로 심볼은 객체의 프로퍼티 키로 사용된다.JavaScript에.. Language/JavaScript 2023. 7. 11.

• 

  [변수 + “구분자”] = value this[변수 + “구분자”] = value현재 스크립트에서 새로운 변수 값을 할당하여 해당 value 값을 설정 변수1[변수2 + “구분자”] = value선언되어 있는 변수(List 형식)에 Set or Map과같이 새로운 key를 할당해 value값을 설정var test = {}; var transId = "val"; test["_label"] = "test1"; console.log(test); // {_label : "test1"} test[transId + "_label"] = "test2"; console.log(test); // {_label : "test1", val_label : "test2"} transId = "sample"; test[transId + "_label"] = "sam.. Language/JavaScript 2023. 5. 12.

• 

  [JavaScript] ==과 ===의 차이?! ==는 Equal Operator이고, ===는 Strict Equal Operator이다. ==는 a == b 라고 할때, a와 b의 값이 같은지를 비교해서, 같으면 true, 다르면 false라고 한다.(값만 같으면 true이다.) ===는 Strict, 즉 엄격한 Equal Operator로써, "엄격하게" 같음을 비교할 때 사용하는 연산자이다. ===는 a === b 라고 할때, 값과 값의 종류(Data Type)가 모두 같은지를 비교해서, 같으면 true, 다르면 false라고 한다. 값은 똑같이 1이지만 값의 종류가 숫자냐, 문자열이냐에 따라 === 연산자를 사용할 때 결과가 false라고 나온다. var a = 1; var b = "1"; console.log(a == b); // true .. Language/JavaScript 2023. 4. 11.

• 

  Ajax로 form에 있는 데이터 페이지 이동 없이 보내기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 function ajax(){ var formValues = $("form[name=sampleForm]").serialize() ; $.ajax({ type : 'post', url : '/test.jsp', data : formValues, dataType : 'json', error: function(xhr, status, error){ alert(error); }, success : function(json){ alert(json) } }); } Colored by Color Scripter cs 번외 ) form태그 페이지 이동 막기 1 cs 1 cs Language/JavaScript 2023. 2. 1.

• 

  JavaScript 자주 사용하는 정규식 일치시 Ture반환 이메일 체크 정규식 1 2 3 4 5 6 function isEmail(asValue) { var regExp = /^[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_\.]?[0-9a-zA-Z])*\.[a-zA-Z]{2,3}$/i; return regExp.test(asValue); } Colored by Color Scripter cs 비밀번호 체크 정규식(8 ~ 16자 영문, 숫자 조합) 1 2 3 4 5 6 function isPassword(asValue) { var regExp = /^(?=.*\d)(?=.*[a-zA-Z])[0-9a-zA-Z]{8,16}$/; return regExp.test(asValue); } Colored by Co.. Language/JavaScript 2023. 1. 19.

• 

  JQuery의 $( ) 의 의미 jQuery $()의 의미 $()가 의미하는 것은 그냥 이름이 $인 함수 그 자체 해석하자면 $()는 $함수를 호출한 것 인스턴스를 사용자가 생성하지않고 JQuery인스턴스를 대신 만들어서 제공해 줌 1 2 3 4 function$() { return new jQuery(); } cs jQuery 라이브러리 내부 1 window.jQuery = window.$ = jQuery; cs 1 2 $('div').css('border', '4px solid #f00'); jQuery('div').css('border', '4px solid #f00'); cs 내부로 보아 밑에 1행과 2행의 코드는 같다는 것을 알 수 있음 $('div') 의미는 'div'를 매개변수 값으로 $() 함수를 호출한 것 $()함수의 .. Language/JavaScript 2022. 12. 20.

• 

  JQuery event.preventDefault() preventDefault( ) 실행 가능한 이벤트의 진행을 취소시킨다. 모든 이벤트가 취소가 가능한 것은 아님 -> cancelable property에서 확인가능 ex) submit 이벤트가 발생시 action을 진행시키지 않고 페이지에 머물게함(return false를 작성한 것과 같은 효과) Language/JavaScript 2022. 12. 20.