경호의 개발일기장

가장 익숙하며 검증된 for문으로는 let i = -1; for ( i=0 ; i < xxx.length ; i++ ) { console.log(i): }; 가 있다고 생각합니다. 다만, 주어진 변수가 배열인 경우 for of 문을 사용해보았는데 나쁘지 않았습니다. 앞으로 많이 사용해보면서 차이점을 느끼게 된다면 업데이트 하도록하겠습니다. for of 문은 다음과 같습니다. let arrayColor = ['red', 'green', 'blue']; for ( color of arrayColor ) { console.log( color ); // 'red', 'green', 'blue' 이렇게 하나씩 출력됩니다. }; 전통전인 for문으론 인덱스값을 사용하고싶을때 단순히 i를 호출하면 되었습니다. 그런데..

디자인 시안을 준 외주업체가 있다. 문제는 회원가입 부분이였다. 최근들어 폼 검증을 form의 기본검증으로 하고있었는데 구조를 미리 만들고 디자인 시안을 보니까 input 태그 바로 밑에 빨간 글씨가 상황 별로 나타나야 하는 것이였다. (사실 이건 어느 곳에서든 쉽게 봤을 법한 UI이다.) 나는 submit이 일어날 때 form의 기본검증에서 해당 input의 오류코드를 캐치하여 상황별로 빨간글씨를 생성해야하는 과제가 생긴 것이다..! https://developer.mozilla.org/en-US/docs/Web/API/HTMLObjectElement/validationMessage https://developer.mozilla.org/ko/docs/Web/API/ValidityState 위 두 링크를..

1. 마크업 대분류 (시,도) 중분류 (구,군) 2. 스크립트 3. 잡담 지역변수 CityArray, CountArray의 항목들은 정확하지 않을 수 있습니다.

//전체체크, 000, 2021-04-01 function fnCheckAll(label){ let table = $(label).closest('table'); let checkboxes = $(table).find('tbody input[type="checkbox"]'); $(checkboxes).each(function(){ if (!$('#ordercheck').is(':checked')) { $(this).prop('checked',true); } else { $(this).prop('checked',false); }; }); }; 해당 게시글은 너무 구려서 업데이트 될 예정입니다. 업뎃..!!(2021-07-02) //전체 약관동의 클릭 시, 박경호, 2021-07-02 function fnO..

try { 하고싶은함수(); } catch (e) { alert(e.message); }

1. 스크립트 $(document).ready(function() { $('.loginArea input').on('keydown', fnEnterListen); }); function fnEnterListen(e) { if (e.keycode == 13) { alert('엔터가 감지됨'); }; }; 2. 잡담 사실 엔터키를 감지하려고 할때는 그 기능이 검색엔터나 로그인엔터인 경우가 많은데 submit을 이용한 코딩을하면 굳이 해줄 필요가 없습니다. 저는 코딩할때 자바스크립트는 무엇이든 해내는 마법처럼 느껴져서 안되면 스크립트로 구현해내면 되겠지 하는 마음이 있었습니다. 다만, 이런 생각은 원래 HTML5(무엇이 되었든)가 기본적으로 제공해주는 기능을 간과하여 웹표준에 맞지 않은 코딩을 할 수 있다는 ..

옵션에 lang: 'ko'를 추가했더니 안되었습니다. locale: 'ko'를 추가했더니 되었습니다. (하.. 공식문서에서도 lang을 쓰라고 하는디.. 삽질하다가 완료)

스크립트