CLASS/JQUERY7 jquery ui ⚡ jquery ui$(function(){ $("#today").datepicker(); $("#popup").draggable(); $("#popup").droppable({ //다른 오브젝트가 해당 오브젝트 안에 들어오면 작동 drop : function(){ $(this).css("background-color","pink"); } }); $("#popup2").draggable(); $("#menu").selectable(); //선택한 오브젝트를 표시하는 함수(css와 함께 사용) $("#menu2").sortable(); }) datepicker minDate: "0", 오늘부터선택가능maxDate: "7", 선택가능 max 지정 showOn: "both"buttonText: ".. 2024. 6. 20. #5 / 회원가입 data mysql로 전달 1.약관.html -> 2. Backend -> 3. 회원가입.jsp(or .do) -> 4. Backend -> 5. Database 저장=> 회원가입 페이지는 post로 data 전송!! (get은 보안 포기) ⚡ step1 (agree.html) 약관동의 전체선택 (필수)이용약관 (필수)개인정보 수집 및 이용 🔽 backend로 전달 (member_ship.java) member_ship.jsp에 step2 html 코드 복붙 후 핸들링 ⚡ member_ship.java (servlet)public class member_ship extends HttpServlet { private static final long serialVersionUID = 1L; protected .. 2024. 6. 14. #4-1 / jquery 이용 룰렛 제작 ⚡ 룰렛 페이지 제작 var data = ["500포인트","5000포인트","꽝","3000포인트","2000포인트","1000포인트"];var count = 3; //기회 count$(function(){ var arr = new Array(); $rd = 0; $("#gamebtn").click(function(){ if(count =5 && $random=66 && $random=126 && $random=186 && $random=246 && $random306 && $random pc값 무시하고 직.. 2024. 6. 13. #3-2 / backend-data(배열) ▶ jquery를 이용한 배열 출력 👀 backend에서 데이터를 받을경우 해당 데이터는 jquery 아닌 js(전역변수)로 받는걸 권고var data = ""; // " "에 넣어야함!=> ⭐ java에서 원시배열로 script전송에 대한 값을 출력하지 못함 => '강호동','신동엽','유재석','김나래' 로 반복문 돌려 string 으로 전달해 front에서 [ ]에 담으면 배열이됨 (아래 jsp확인) 사실 class배열로 하면 더 쉬움.. ∴ ❗ 백엔드 -> 프론트엔드로 배열 전달시 원시배열이 아닌 class배열로 전달할것을 권고 ❗ ⚡ 원시배열middle14.javapublic class middle14 extends HttpServlet { private static final long serialVersionUI.. 2024. 6. 12. #3-1 / jquery이용한 form + submit ⚡ append를 이용한 채팅 프로그램 건전한 채팅문화를 선도합니다. 전송 => input type button이 아닌 submit에는 id 작성 X !! , click event 안에 return false 작성! 2024. 6. 12. #2 / jquery checkbox ⚡ jquery checkbox - attr 버그발생 전체 동의합니다 [필수]본인 확인 서비스 약관 동의 [필수]통신사 이용 약관 동의 [필수]통신사/인증사 개인정보 공유 동의 [필수]고유식별 정보처리에 대한 동의 attrattribute의 약자 / 태그 속성 가져옴attr 사용시 속성값에 대한 상황을 확인해야만 정확한 핸들링을 할 수 있게된다 / 그냥 코드 소스 속성 수정시 사용 propproperty의 약자 / 메모리 상주 관련 속성 / 브라우저의 메모리 영역 파트를 변경 => checkbox 핸들링할 경우는 prop 사용 2024. 6. 12. #1 / jquery jqueryjquery3.7.1.min.js jquery3.7.1.js 이 둘 차이 : min은 암호화되어있음 (jquery3.7.1.js 얘가 커스텀이 더 쉽다) 2024. 6. 11. 이전 1 다음