HTML, JAVASCRIPT8 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. javascript - setInterval 활용하여 카운트다운 멈추기 조건 1. 카운트다운 시작 값은 100입니다. 2. 숫자는 1씩 줄어들며, 줄어드는 시간은 0.1초입니다. 3. 30이 되면 카운트다운이 멈추도록 하세요. 4. 줄어드는 도중에 마우스를 클릭해도 카운트다운이 멈추도록 하세요. 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 setInterval span{ font-size: 50px; } 숫자를 100부터 카운트하며 30초가 되면 멈춥니다. 100 let span_1 = document.getElementById("span_1"); let countS = parseInt(span_1.text.. 2022. 5. 19. 이전 1 2 다음
