본문 바로가기

JSP59

초마다 이미지 변경하기 var ObjectArray = []; //이미지 셋팅 ObjectArray[1] = "/resources/images/bell.png"; ObjectArray[2] = "/resources/images/bell2.png"; ObjectArray[3] = "/resources/images/bell.png"; ObjectArray[4] = "/resources/images/bell2.png"; ObjectArray[5] = "/resources/images/bell.png"; ObjectArray[6] = "/resources/images/bell2.png"; ObjectArray[7] = "/resources/images/bell.png"; ObjectArray[8] = "/resources/images.. 2023. 10. 6.
[Javascript]일정 시간마다 이미지 변경하기(setTimeout ,setInterval )         - setTimeout : 일정 시간 후 한번 실행.- setInterval : 일정 시간마다 반복 실행.- clearTimeout : 일정 시간 후 한번 실행하는 것을 중지 한다.- clearInterval : 일정시간마다 반복하는 것을 중지 한다. 2023. 10. 6.
[Javascript]등록일자 경과 시간으로 나타내기 함수 몇초 전몇분 전몇시간 전몇일 전으로 출력하고 싶을 떄가 있다.아래 코드를 참고하자 // 등록일자 시간 나타내기 function convertTimeToRelative(timeInMilliseconds) { const currentTime = new Date().getTime(); const timeDifference = currentTime - timeInMilliseconds; const seconds = Math.floor(timeDifference / 1000); const minutes = Math.floor(seconds / 60); const hours = Math.floor(minutes / 60); const days = Math.floor(hours.. 2023. 10. 4.
부모요소, 자식요소, 형제요소 찾기 부모요소 parent() : 선택한 요소의 부모 요소를 선택한다. parents() : 선택한 요소의 상위 요소를 모두 선택한다. parentsUntil() : 선택한 요소의 상위 요소 중에서 지정한 선택자에 해당하는 요소 바로 이전까지의 요소를 모두 선택한다. closest() : 선택한 요소를 포함한 상위 요소 중에서 지정한 선택자에 해당하는 요소 중 가장 첫 번째 요소를 선택한다. 자식요소 children() : 선택한 요소의 자식 요소를 모두 선택한다. find() : 선택한 요소의 자손 요소 중에서 전달받은 상태에서 해당하는 요소를 모두 선택한다. 형제요소 자식요소에는 siblings(), next(), nextAll(), nextUntil(), prev(), prevAll(), prevUnti.. 2023. 9. 27.
읽기 전용으로 바꾸기disabled,readonly //class가 form-control-user인 요소들을 readonly 처리를 해보자 //$('.form-control-user').prop('readonly', true); $('.form-control-user').attr('readonly', 'readonly'); //비활성 $("#category").attr("disabled","disabled"); //상태도 읽기전용 처리 //$("input[name='condition']").attr('disabled','disabled'); $("input[name='condition']").attr('onclick','return(false);'); //파일 등록 버튼 가리기 $('#bookImage').parent().css("display",.. 2023. 8. 1.
JSP 웹페이지 만들기 10장 연습문제(시큐리티) 1.시큐리티란 무엇인가? -허가된 사용자만이 특정 웹 페이지에 접근할 수 있도록 제한하는 보안기능 2.시큐리티의 두 가지 처리 기법에 대해 간단히 설명하시오. 1) 선언적 시큐리티 : 코드 작성 없이 web.xml파일에 보안 구성을 작성하여 사용자의 인증을 수행하는 방식 2) 프로그래밍적 시큐리티 : request내장 객체의 메소드를 통해 사용자의 권한 부여를 처리하는 프로그래밍 3.FORM 기반 인증 처리 기법으로 로그인 페이지를 작성하는 방법을 설명하시오. -웹 브라우저가 인증 처리에 직접적으로 관여하지 않기 때문에 사용자가 로그인 페이지에서 인증 정보를 직접 입력해야ㅑ 전달됨. 이 때 로그인 페이지에서 form태그의 action속성값, 사용자 아이디와 비밀번호 등 input 태그의 name 속성 값.. 2023. 7. 17.

티스토리툴바