Front-End10

• [javascript] Form data를 json 객체로 저장하는 법 참고 사이트 javascript : FormData (HTML5 개체)를 JSON으로 변환하는 방법 HTML5에서 항목을 어떻게 변환합니까?폼 다타JSON의 개체? 해결책은 jQuery를 사용하지 않아야합니다. 또한 단순히 전체를 직렬화해서는 안됩니다폼 다타개체,하지만 키 /값 항목 만. www.python2.net ajax로 formData를 보낼때 json 객체로 바꿔서 보내고 싶다면?! var object={}; //formData를 json 객체로 바꿔줌. formData.forEach(function(value,key){ object[key]=value; }); console.log(JSON.stringify(object)) $.ajax({ type: "POST", url: 'do_select_.. Front-End/Javascript 2022. 9. 7.

• [css] 로딩 팝업 원할 때 띄우기 html : 팝업을 띄울 div에 style="display:none;" 을 적어둠 css: 원할 때 $('#loadings').show(); 을 해주고 다시 $("#loadings").hide(); 로 숨겨준다. # html 코드 Load Table 로딩 팝업입니다. # css 코드 if(!li.parent().hasClass("on")){ $('#loadings').show(); setTimeout(function() { $("#loadings").hide(); },400); } Front-End/CSS 2021. 6. 21.

• [javascript] form 입력값 중복 검사 - Set (배열 중복 검사) 사용자가 입력한 input 태그 값을 form 으로 받고, 이를 중복 검사 하고 싶을 경우 나는 input 값들을 배열로 저장한 후 Set으로 배열 중복 검사를 하였다. var a =[ 1, 1, 4, 5 ]; var set_a = new Set( a ); => set_a = [ 1, 4, 5 ] 로 중복 없는 배열이 됨!! // parameter duplicate -start var param_arr =[]; for (var i = 1; i Front-End/Javascript 2021. 2. 24.

• [javascript] 부트스트랩 모달창 초기화 모달 창 끄기 전에 입력했던 값이 계속 남아있을 때 이를 초기화 해주고 싶다면? // 모달 창 닫기 버튼 클릭 시 $(document).on("click", ".modal_close",function(){ $(".modalBtns").removeClass("on"); $('#form_box')[0].reset(); -> 이거 추가! $(this).parents(".modal_layer").fadeOut("fast"); }); 모달 창 닫기 버튼 누르면 창 닫히기 전에 사용자가 입력한 값 초기화 됨! Front-End/Javascript 2021. 2. 17.

• [HTML] 다른 페이지 이동 시 원하는 위치로 가도록 페이지 이동을 할 때, 새로 이동하는 페이지의 특정 위치로 이동 하고 싶다면! 1. 우선 새로운 페이지의 html에서 이동하고 싶은 위치에 id 를 추가해준다. 2. 현재 페이지에서 호출하는 곳에 아래와 같이 id를 붙여주면 됨! 실행 모습 각 알고리즘 항목을 클릭하면 해당 알고리즘들만 모은 페이지로 이동하고, 아래 알고리즘 리스트를 보여주는 위치로 이동하는 것을 볼 수 있음. Front-End/HTML 2021. 2. 17.

• [javascript] setTimeout 순서!!!! (반대로 하자!) blog.naver.com/tmondev/220937034820 자바스크립트의 비동기 처리과정 들어가며안녕하세요. 티몬에서 이제 1년차가 된 신입 개발자입니다! 그 동안 업무를 하면서 배운 것들이 많... blog.naver.com 문제 상황) loading이미지를 띄우고 페이지를 이동시키고 싶었는데 아무리 setTimeout을 설정해도 내가 생각했던 것과 같이 동작이 되지 않음.. 구글링을 계속 해보다 위 블로그를 발견하고 드디어 해결했다 !!! ㅜㅠㅠ 운영체제 시간에 배웠던 개념이였다... 댑악,,, 수정 전) // 1번 setTimeout(function() { $("#loading").hide(); },5000); // 2번 setTimeout(function() { location.href = .. Front-End/Javascript 2021. 1. 29.

• [javascript] 정규표현식 - 모든 특수 문자 제거 모든 특수문자를 '_' 로 변경 var n_key = key.replace(/[\{\}\[\]\/?.,;:|\)*~`!^\-_+@\#$%&\\\=\(\'\"]/gi,"_"); Front-End/Javascript 2021. 1. 29.

• [HTML] form을 ajax로 submit 할 때 새로고침 방지 django 문제 상황) js파일에 전역변수를 두고, 함수 실행마다 전역변수의 값을 바꿔주는 식으로 버튼 눌리는 순서를 제어하고 싶었음 form 태그의 onsubmit으로 자바스크립트 함수를 호출하고, 해당 js 함수에서 view 함수로 ajax를 통해 보냈더니 화면이 새로고침 되어 js 파일의 전역변수 값이 계속 초기 설정 값으로 바뀜!!!!!!!!!!! 으악 해결) onsubmit으로 두었던 자바스크립트 함수를 submit 버튼의 onclick으로 변경하고, form 태그의 onsubmit은 다음과 같이 변경 ! onsubmit="return false;" Front-End/HTML 2021. 1. 27.

• [JQuery] - checkbox 전체 갯수, 선택한 갯수 1. 전체 체크 박스 갯수 $("input:checkbox[name=param_check]").length; 2. 선택한 갯수 $("input:checkbox[name=param_check]:checked").length 3. 체크 여부 확인 if문 if($("input:checkbox[name=cparam_check]").is(":checked") == true) { ... } Front-End/JQuery 2021. 1. 21.

• [JavaScript] 업로드한 파일 확장자 검사 자바스크립트 정규표현식 사용! // 아래 csv|tsv 부분만 원하는 확장자로 수정하면 됨 if (!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)){ return false; } function data_create() { var form = $("#upload_form")[0]; var formData = new FormData(form); data_file=$('#dataFile').val() if(data_file==""){ //파일이 없을 때 alert('Please upload your file'); return false; }else if(!/\.(csv|tsv)$/i.test($("#dataFile")[0].files[0].name)) { /.. Front-End/Javascript 2021. 1. 11.