주니어 개발자 모몽'-' 주니어 개발자 모몽'-'

거래처에서 IE에서 호환이 안된다고 연락이 와서 코드를 수정하다 'SCRIPT1014: 유효하지 않은 문자입니다.' 오류를 발견했다. 오류가 난 부분 코드를 확인하니 `를 사용한거 말고는 없었다. 구글링을 해보니 IE는 `(템플릿 리터럴)을 지원하지 않는다고.... IE는 템플릿 리터럴(`)를 사용할 수 없음! `를 사용하는 부분 모두 찾아서 변경해야 한다..

preventDefault(); 이거 하면 한글은 IE 만 됨 => 크롬에서 안됨 $(selector).keydown(function(e) { if ((e.shiftKey || (e.keyCode 57)) && (e.keyCode 105)) { e.preventDefault(); }); Chrome 숫자만 입력 가능 // 글씨가 써졌다 사라짐 function setInputOnlyNumber(selector) { $(selector).on('keyup', function (e) { var str = $(this).val(); $(this).val(str.replace(/[^0-9]/gi, '')); }); } // 안보임 안써지는 거..

jQuery-ui.js 이용 jsp No. 이름 나이 전화번호 1 홍길동 30 010-1234-1234 2 임꺽정 25 010-2222-2222 3 이몽룡 17 010-8888-1234 js$("#searchInput").on('change keyup paste', function() { var currentVal = $.trim($(this).val()); $('#personInfoTable > tr').hide(); var temp = $('#personInfoTable > tr > td.search:contains("' + currentVal + '")'); $(temp).parent().show(); }); js 설명change로 input값이 변경될때 이벤트 발생keyup로 키보드로 입력을 할때..

IE 11에서 value가 없을 경우 자동으로 1부터 시작된다. 또는 01, 02 같은 문자는 숫자로 변경되어 1, 2로 되어 작동한다. 전체 A B C D 전체 A B C D A B C D A B C D 해결방법 - 1 이럴경우 해결하기 위해서는 커스텀 테이터 속성를 사용한다. 전체 A B C D A B C D value값 가져오기 // javaScript document.getElementById('selected_list').getAttribute('data-value'); //jQuery //data('dataName'): 해당 커스텀데이터속성의 값을 반환(dataName은 속성 'data-'를 제외한 이름) $('#selected_list').data('value'); // attr('attrN..

.css() .css()로 선택한 요소의 css 속성값을 가져오거나 style 속성을 추가 css 속성값 가져오기 -- 속성값 가져오기 .css( propertyName ) -- 예시 $('h1').css('color'); css 속성 추가/변경 -- 속성 적용하기 .css( propertyName, value ) --예시 $('h1').css('color', 'red'); 다수의 속성 한번에 변경하기 -- 속성 여러개 적용 -- 예시 1) Object 사용 $('h1').css( {'background-color':'black', color:'red' } ); -- 예시 2 $('h1').css( 'background-color', 'black' ).css( 'color', 'red' ); 참고 더보기..

jQuery? $()? jQuery 생성자 함수 $() 팩토리(공장)함수 내부적으로는 new JQuery() 를 init 하여 공장처럼 찍어냄 함수를 호출하는 것 제이쿼리 기본 문법 $(선택자).동작함수(); 달러($) 기호: 제이쿼리 의미. 제이쿼리에 접근할 수 있게 해주는 식별자 선택자를 이용하여 원하는 HTML 요소를 선택하고 동작함수를 정의하여 선택된 요소에 원하는 동작 설정 $() 함수 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해주는 역할 $() 함수를 통해 생성된 요소를 제이쿼리 객체(jQuery Object)라고 함 참고 더보기 "$", TCPSCHOOL, tcpschool.com/jquery/jq_basic_syntax , 2020-11-02 tistory, "$()"..

== != Equality 연산자(동등 연산자) 사전적 의미) equality 평균, 균등 느슨한 동등 비교. 강제형변환 예시) 1 2 3 4 5 6 7 123=='123' // true '123'=='123' // true false==false // true false==0 // true false=="" // true false==null // false false==undefined // false false==NaN // false cs ===, !== Identity 연산자(일치 연산자) 사전적 의미) identity ID, 신원, 신분, 정체 엄격한 동등성 비교. 타입과 값 둘다 같아야 함 예시) 1 2 3 4 5 6 7 123==='123' // false false===false // t..

HIghCharts란? 순수 JavaScript로 작성된 차트 작성용 소프트웨어 라이브러리 HighCharts 홈페이지 www.highcharts.com/