목록웹개발/Js & Jquery (83)
써먹는 웹개발
※ 환경은 전자정부 프레임워크 4.16 버전입니다. (poi는 4.1.2버전 사용) 1. JSP 1 2 3 4 5 6 파일선택 Colored by Color Scripter cs 2. JS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function upload(){ const form = $('#uploadForm')[0]; const formData = new FormData(form); $.ajax({ url: "/upload.do", type: 'POST', data: formData, processData: false, contentType: false }).done(function(data){ ... }); } Colored by Color Scripter cs 3. JAVA -..
1 2 3 4 5 6 7 8 9 10 11 12 13 $.ajax({ type : "POST", url : "/url.do", data: {"code" : $("#code").val()}, contentType: 'application/x-www-form-urlencoded; charset=utf-8', dataType : "json", success : function(data) { ... }, error:function(request, status, error){ ... } }); Colored by Color Scripter cs $("#code").val()이 undefined여서 에러난 것으로 값이 정상적으로 들어오니 에러가 발생하지 않았음
이슈사항 : checked에 관해서 attr을 썼는데 체크해제해도 체크상태로 기억하고 있어서 이슈가 생김 해결방법 : form 요소의 disabled, selected, checked와 같은 속성값을 확인 또는 변경하는 경우는 .prop()을 사용하는 것을 권장한다. 출처 : https://ojava.tistory.com/133
기존 window.open(url,name,option); 변경 후 window.open('',name,option); document.form 네임.target = name; document.form 네임.method = post; document.form 네임.action = 페이지; document.form 네임.submit(); 주의사항 - 메서드 방식이 post 일때만 가능하며, get 방식일때 사용할 수 없습니다. ※ 시냅스 뷰어에서 작동 안되었음 출처 : http://www.jlancer.net/board/article_view.jsp?article_no=687&board_no=11
에러 메시지 1 2 (index):1 Uncaught ReferenceError: 함수명 is not defined at HTMLButtonElement.onclick ((index):1) cs 원인 : 로드되었을 때 존재하지 않는 태그는 이벤트를 걸 수 없다. 해결방법 1 2 3 $('.부모 이름').on('click', '.걸고 싶은 대상', function() { 넣을 소스; }); Colored by Color Scripter cs 출처 : https://truecode-95.tistory.com/169
1. 현상 : 레이어팝업 창 열기(+닫기) 횟수만큼 클릭 이벤트 호출되는 현상 2. 원인 : 이벤트 unbind를 먼저 해야된다. 3. 이론 : jquery 1.7버전 이후부터 unbind 대신 off 사용가능 4. 해결방법 : 소스 - 수정 전 1 $(document).on("click","버튼 선택자",function(event){...}); cs - 수정 후 1 $(document).off("click","버튼 선택자").on("click","버튼 선택자",function(event){...}); cs - 소스 중복 제거 : 추천 방법 1 팝업 선택자.find("버튼 선택자").off("click").on("click",function(){...}); cs ※ event.stopPropagation..
1. 합계 : for문 1 2 3 4 5 6 7 let numbers = [1,2,3,4]; const size = numbers.length; let sum = 0; for(let i=0;i prev + cur);sum;Colored by Color Scriptercs
1. DRY : don't repeat yourself - 중복 코드 작성을 하지 말아라. - 공통된 코드는 하나의 함수로 만들어 다른 곳에서 참조할 수 있게끔 하는 것이 좋다. 2. KISS : Keep it simple, stupid - 단순하고 간결하게 디자인해라. - 프로젝트에서 요구되는 요건정의를 이해하라. 3. YAGNI : You Ain't Gonna Need it - 정말로 필요할 때까지 작성하지 마라. - 추후에 필요할 것 같은 기능이나 코드가 있더라도 예측하여 미리 추가를 해놓지 마라. 방해 또는 버그 발생할 가능성으로 이어짐 4. 일관성 - 변수나 선택자 규칙을 동일하게 처리해야됨 1) 규칙 불일치 const itemList = document.querySelect(".itemList..