현박이 개발블로그

꽤나 많은 input 데이터들을 저장해야하는 일이 있었다.평소에 하듯이 ajax 로 직렬화를 한 후 post로 데이터를 넘기는데 큰 이상이 없었는데 데이터를 확인해보니 일정 이상 input 데이터가 들어오지 않고 짤려있었다.특별한 오류도 화면에 나오지 않았던터라 문제없는줄 알았으나 아니였던 것... 일단 확인해볼것은 메모리 문제사실 메모리문제면 처리하는 동안 화면도 멈출테고 완료 메세지도 return이 되지 않겠지만 확인해보면 결과 역시 메모리문제는 아니였다. memory limit를 무한대로 줘도 그대로였다. 두번째로는 POST 용량제한 다른 언어는 모르겠다만 작업한 php에서는 post 로 받아올때 용량제한이 걸려있다. 사실 이것도 warning이 뜨는것으로 알고있었으나 혹시나 하는 마음에 확인해본결..

간단한 css로 만든 로딩바 javascript부분 function loading_bar_start(callback){ let maskHeight = $(document).height(); let maskWidth = window.document.body.clientWidth; let mask = ""; let loadingImg = ''; let loadingLocationX = maskWidth/2 - 100; //화면 중앙에 로딩이미지 띄우기위한 x,y let loadingLocationY = maskHeight/2 - 100; //이미지 크기에따라 -100 부분조절(테스트했던 이미지가 200*200 이라서 -100) loadingImg += ` `; loadingImg += " "; $('body..

post할 데이터가 배열에 많이 할당되는 경우가 생겼다. ​ html에서 name이 배열 형태로 되어있는 데이터를 ajax를 이용해서 서버로 post하는데 많은 데이터를 넘겨야되는 일이 있었다. 몇 십 건까지는 문제없었지만 200건이 넘어가는 순간부터는 배열이 넘어가지 않았다. 아마 서버에서 post받는 양이 제한되는듯 하다. 서버를 건드릴수가 없어서 jquery를 수정해봤다. 기존ajax $.ajax({ url: '/url', type: 'post', dataType: 'json', data: $('#form').serialize(), success: function (response) { alert(response.msg); if(response.status=='ok'){ self.location.r..

체크박스를 전체 선택하고 삭제버튼 누를시 선택한 리스트 삭제하는 코드 html 부분 //전체선택버튼 //리스트쪽 체크박스 javascript 부분 //체크박스 전체 선택 function chk_all(){ if($("#checkbox_all").is(":checked")){ $('.list_check').prop('checked', true); }else{ $('.list_check').prop('checked', false); } } //선택라인 모두 삭제 function chk_remove(){ $.each ($('.list_check'), function (index, value) { let obj = $(value); if(obj.is(":checked")){ let tr = obj.parent(..

javascript에서 formData에 데이터를 append하는 경우 console.log에서 formData를 아무리 찍어도 나오지않는다. 이런경우 아래같이 for문을 돌리면 확인가능하다. //javascript 에서 formData append 확인 방법 for (var pair of formData.entries()) { console.log(pair[0] + ": " + pair[1]); } formData.append 이후 데이터를 확인하고 싶을 때 사용하면 유용할 듯하다

//백슬래시 뒤에 \ 추가 tartgetString.replace(/\\/g,"\\\\"); //백슬래시 제거 tartgetString.replace(/\\/g,""); 백슬래시를 문자열처럼 추가하기 위해서 윗처럼 추가하여 사용 제거하는 경우는 아래처럼 사용

다운로드 받을 파일경로를 알고있을 경우 script로 파일 다운로드 코드 /** * @param uri 다운로드 파일 경로 * @param name 다운받을 파일 명 */ function fileDownload(uri, name){ let link = document.createElement("a"); link.setAttribute('download', name); link.href = uri; document.body.appendChild(link); link.click(); link.remove(); }

회원가입이나 주민번호, 이메일체크 등 에 사용 할 정규식 모음 let name_reg_exp = /^[a-zA-Z가-힣]+$/; //이름 체크 영어 대소문자 및 한글만 허용 let id_reg_exp = /^[a-z][a-z0-9]{3,15}$/; //아이디 체크 영어 대소문자 및 숫자만 허용, 길이 3~15자 제한 let pw_reg_exp = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}/; //비밀번호 체크, 영어 대문자와소문자 하나 이상, 숫자 하나 이상, 특수문자 하나이상, 최소8자 let nick_reg_exp = /^[a-zA-Z가-힣0-9]+$/; //닉네임 체크 영어 대소문자, 한글, 숫자 허용 let acc..

결론부터 얘기하자면 3번 방법인 replace함수를 사용하는게 가장 좋다고 생각한다 ​ 1. input 박스 type을 number로 설정 가장 심플하지만 애매하다. 브라우저에 따라 input 박스에 증감 버튼이 생긴다. 맘에 안듬. 2. 입력된 key값 체크 키 이벤트를 체크하여 텍스트 입력을 받는 방법이다. 1번 방법의 단점은 복사 붙여넣기를 캐치할 수 없다는 점. 2번 방법은 숫자가 순간 보였다가 사라진다는 점. ​ 3. oninput 이벤트 이용, replace와 정규식 활용 oninput 은 input의 값이 변경될 때 발생한다. oninput 이벤트 발생시 value값을 정규식과 replace 함수를 사용하여 바꿔준다. 복사 붙여넣기도 걸러 낼 수 있어서 가장 애용하는 방법이다. /[^0-9...

// 주민/외국인 등록번호 검사 function validRegistrationNumber( rn, type ) { rn = rn.split("-").join(''); if( rn.length !== 13 ) return false; let checkSum = 0; for(var i=0; i>0)*((i%8)+2)); let rrnMatch = (11-(checkSum%11))%10 == rn.substr(12,1); let frnMatch = (13-(checkSum%11))%10 == rn.substr(12,1); if( type === 'rrn' ) return rrnMatch; else if( type === 'frn' ) return frnMatch; else return rrnMatch || ..