시스템아 미안해

할당받을 변수를 왼쪽에, 분해할 대상을 오른쪽에 해서 대입하는 형식 1. array[]에 들어있는 값 : element let inputsArray = [ $("#pwd"), $("#name"), $("#empName"), $("#companyCode"), $("#empPhoneNum"), $("#empPwd"), $("#address"), $("#addressDetail"), $("#telNum"), $("#pubPhoneNum") ]; 2. map으로 array를 돌면서 element의 value를 하나씩 빼서 왼쪽의 변수에 할당 let[pwd, name, empName, companyCode, empPhoneNum, empPwd, address, addressDetail, telNum, pubPho..

function checkRmnType(elem){ let rmnTypes = document.querySelectorAll(`input[type=checkbox]`); if(elem.checked == true){ rmnTypes.forEach(rmnType => { rmnType.checked = rmnType.value == elem.value ? true : false; }); selectedRmnCode = elem.value; }else{ selectedRmnCode = -1; } } checkbox의 onclick event attribute에서 호출되는 함수이며, 인자로 this element 전체를 가져온다. 이 함수를 호출하는 checkbox는 같은 분류의 checkbox이기에, 전부 ..

모든 input element를 읽어오고 싶었다. getElementsByTagName('input')으로는 forEach가 돌지 않아서 querySelectorAll('input')로 forEach를 돌리니 모든 element가 가져와졌다. querySelector는 CSS 쿼리 형태의 선택자를 통해 원하는 노드를 선택할 수 있다고 한다. 예를 들어 querySelectorAll('input[type="text"]'처럼 css쿼리형태로 원하는 type을 선택할 수도 있다는 것! 하지만 querySelector()와 querySelectorAll()은 CSS 쿼리문을 파싱 하는 전처리 과정이 필요하기 때문에 getElement~~보단 속도가 느리다고 한다. 출처 : https://blogpack.tist..

success : function(html){ $("body").empty().html(html); } jsp를 ajax의 인자로 담아와 동적으로 부분 페이지를 깔아줄때 만약 불러온 페이지의 CDN이 동작하지 않는다면 success : function(html){ $.getScript('${ pageContext.request.contextPath }/resources/js/ckeditor/plupload/plupload.full.min.js'); $.getScript('${ pageContext.request.contextPath }/resources/js/ckeditor/plupload/jquery.plupload.queue/jquery.plupload.queue.min.js'); $.getScrip..

1. dataType : success function 에 전달될 argument 의 형태를 지정하는데 사용. 2. file 전송을 위해 ajax에 contentType: false, processData: false 옵션을 추가한다. 2-1. processData : false > DOM documnet 또는 기타 처리되지 않은 파일을 보낼때 false로 지정한다. (일반적으로 서버에 전달되는 query string 형태 방지) 2-2. contentType : false > "multipart/form-data"로 전송되게 할때 false로 지정한다. function saveBoard() { var form = $("#dataForm")[0]; //FormData : js에서 지원, 과 같은 효과를 ..

JavaScript에서 변수 선언 방식인 var, let, const 의 차이점에 대해 알아보자. 1. 변수 선언 방식 우선, var는 변수 선언 방식에 있어서 큰 단점을 가지고 있다. var name = 'bathingape' console.log(name) // bathingape var name = 'javascript' console.log(name) // javascript 변수를 한 번 더 선언했음에도 불구하고, 에러가 나오지 않고 각기 다른 값이 출력되는 것을 볼 수 있다. 이는 유연한 변수 선언으로 간단한 테스트에는 편리 할 수 있겠으나, 코드량이 많아 진다면 어디에서 어떻게 사용 될지도 파악하기 힘들뿐더러 값이 바뀔 우려가 있다. 그래서 ES6 이후, 이를 보완하기 위해 추가 된 변수 선..