수업내용/Javascript & jQuery

[2022.12.12.월] 복습1 프로젝트 준비, 회원가입

주니어주니 2022. 12. 12. 10:21

 

 

* 처음 해야할 단계 

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(숫자)