* 처음 해야할 단계
1. 사용자 정보가 담긴 테이블을 표현하는 클래스(객체) -> VO 객체
2. db액세스를 전담(CRUD 작업)하는 객체 -> DAO 객체
- 환경설정 필요
- 라이브러리 (jdbc드라이브, ibatis드라이브)
- 소스폴더 (resources / META-INF / ibatis / mappers) -> 파일(ibatis-config.xml, users.xml)
* insert 구문 작성시
- default 값이 설정되어있지 않은 애들을 채워줌
* 입력값을 전달하는 방법
1) jsp?보낼값
action=register.jsp?name=value&name=value
2) 폼태그 안의 내용들
action=register.jsp
<form>
<input name=id>
<input name=password>
</form>
* 이벤트 핸들러
return false -> 기본이벤트 실행 방지, 이벤트 버블링(전파) 방지
* 아이디체크 jsp
contentType = text/plain
* 싱글턴 UserDao userDao = UserDao.getInstance();
값을 정하는 vo객체 제외하고 기능 구현하는 객체에는 모두 싱글턴
(굳이 여러번 만들 필요 없으니까)
* $(this)
이벤트가 발생하는 곳에서 값도 가져와야돼
$(":input[name=id]").keyup(function(){
let userId = $(this).val();
})
* jQuery의 메소드
- 아래의 메소드들은 반환값이 문자열 혹은 boolean값이다. (jQuery의 메소드 체이닝 불가능)
$("선택자").text()
$("선택자").html()
$("선택자").val()
$("선택자").attr("속성명")
$("선택자").prop("프로퍼티명")
$("선택자").hasClass("클래스속성값") boolean값 반환
- 아래의 메소드들은 검색된 엘리먼트가 포함된 jQuery 객체 반환 (jQuery의 메소드 체이닝 가능)
$("선택자").text("텍스트 컨텐츠")
$("선택자").html("html 컨텐츠")
$("선택자").val("값")
$("선택자").attr("속성명", "속성값")
$("선택자").prop("프로퍼티명", "프로퍼티값")
$("선택자").addClass("클래스속성값 클래스속성값")
$("선택자").removeClass("클래스속성값 클래스속성값")
$("선택자").toggleClass("클래스속성값 클래스속성값")
$("선택자").empty()
$("선택자").remove()
$("선택자").append(엘리먼트 혹은 html콘텐츠)
$("선택자").prepend(엘리먼트 혹은 html콘텐츠)
$("선택자").after(엘리먼트 혹은 html콘텐츠)
$("선택자").before(엘리먼트 혹은 html콘텐츠)
$("선택자").next()
$("선택자").prev()
$("선택자").parent()
$("선택자").parents()
$("선택자").closest('선택자')
$("선택자").find('선택자')
$("선택자").filter('선택자')
$("선택자").eq(숫자)
'수업내용 > Javascript & jQuery' 카테고리의 다른 글
[2022.12.08.목] 자바스크립트 관련 (0) | 2022.12.08 |
---|---|
[2022.12.07.수] 소스트리 이용해서 깃 commit, push, pull 하기 (0) | 2022.12.07 |
[2022.12.5.월] jQuery를 이용한 AJAX (0) | 2022.12.05 |
[2022.12.02.금] jQuery DOM 돌아다니기 (0) | 2022.12.02 |
[2022.12.1.목] jQuery HTML DOM 조작 (조회, 변경, 추가, 삭제) (0) | 2022.12.01 |