HTML, JAVASCRIPT9 전체 input (text, checkbox, radio 등) + textarea + select 비활성화 function disableAllInputs() { var form = document.getElementById("sampleForm"); // 모든 input, textarea, select 요소 선택 var elements = form.querySelectorAll("input, textarea, select"); // 모든 요소 비활성화 elements.forEach(function(element) { element.disabled = true; }); } 2025. 2. 13. ajax 전송 시 serialize() 사용할 때 체크 안 한 checkbox 값 넘기기 ajax 전송 시 serialize()를 사용하는데 체크박스를 체크 안 해도 id는 서버로 넘겨야하는 문제가 발생했다... 그래서 체크 안 한 checkbox 값을 강제로 넣어서 보내기로 했다 먼저 form을 serialize()해서 formData 변수에 담아준다. 그리고 전체 form에서 체크박스를 검색한 후에 체크가 안 되어 있으면 강제로 formData 변수에 값을 넣어 주었다. 그리고 이렇게 완성된 formData를 리턴받아서 ajax에서 사용하면 끝~ 1 2 3 4 5 6 7 8 9 10 11 function fn_setCheck(form, unChkVal){ var formData = $(form).serialize(); $(form).find("input[type='checkbox']")... 2024. 2. 7. 화면구현 프로젝트 최종 포트폴리오 1. 교육처 : 넥스트아이티교육센터(대전) 2. 포트폴리오 템플릿 출처 : 미리캔버스 3. 구현 내용 요약 (상세한 내용은 포트폴리오 참고) - 회원 CRUD, 로그인과 로그아웃(세션), 게시판 CRUD와 페이징, API 활용(네이버 데이터랩) 및 차트화 4. 재밌었던 점 : 평소 관심 있었던 전통주를 주제로 홈페이지를 만들 수 있어서 재미있었다. 머릿속으로 구상한 내용을 화면으로 최대한 표현해냈고 수업시간에 배웠던 Ajax나 API도 다양하게 활용하여 수업시간에 배웠던 내용을 다시 복습하는 시간이 되었다. 5. 어려웠던 점 : SPRING에 대한 기본 지식이 부족한 상태로 전자정부프레임워크를 사용하여 홈페이지를 만들었기 때문에 MVC를 구현하는 부분에서 부족함이 많았다. 또한, Ajax나 API를 적용.. 2022. 7. 12. javascript - for문을 활용하여 트리 만들기 *로 삼각형과 트리 만드는 문제는 잊을만하면 다시 돌아오는 것 같다ㅋㅋㅋ 나중에 JSTL 배울 때도 또 만들었다는거... 끝냈다 싶으면 끝없이 살아 돌아오는 트리를 만들어 보자. 트리를 만들기 전에 더 쉬운 for문 문제를 풀고 싶다면 구구단을 표에 넣는 것부터 먼저 해보자. 아래 링크를 통해가면 볼 수 있다. 구구단 표에 넣기 그러면 이제 *로 트리를 만들어 보자. 먼저 출력결과는 아래와 같다. (사실 트리라기보다는 직각삼각형과 역직각삼각형 그리고 정삼각형이라고 부르는 것이 더 정확할 것 같다. ) 어쨌든 위와 같은 출력결과를 위해 하드코딩을 한 내용은 아래 더보기를 누르면 확인할 수 있다. 더보기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 *.. 2022. 6. 14. javascript - for문을 이용하여 표 안에 구구단 출력하기 for문을 이용하여 표 안에 구구단을 출력하는 문제 선생님이 하드코딩으로 만든 구구단을 보고 그걸 for문으로 만들어 보았다. 먼저 출력 결과부터~ 위와 같은 출력결과를 위해 하드코딩하려면 엄청 길게 써야 한다. 아래 더보기를 눌러 확인! 더보기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90.. 2022. 6. 13. 이전 1 2 다음
