Spring Framework

• VO를 사용하지 않고 Map<String, String>을 이용하여 데이터를 전달할 수 있어, VO가 필수적인 객체는 아니지만 일반적으로 VO, DTO를 만들어서 데이터를 담아줌

• "WEB_INF" 파일은 소스들을 숨겨주는 기능을 하기 때문에
  index.jsp는 web-app 파일에 생성

AJAX(Asynchronous JavaScript And Xml)

• JavaScript에서 지원하는 비동기 통신 모듈
• 비동기 통신 모듈을 이용하면 화면의 전체가 아닌 원하는 화면 부분만 변경할 수 있다.
• 기존 기본적인 JavaScript에서 비동기통신을 할 때는 XMLHTTPRequest라는 객체를 직접 사용하여 소스코드를 구성했기 때문에 코드가 매우 복잡하고 어려웠음
  -> Jquery에서 제공하는 AJAX module은 코드 구성을 매우 편하게 할 수 있게 됨
• $.ajax({설정값들}); 로 호출(매개변수로 객체를 보내줌)
• Jquery AJAX에서 리턴 값은 jqXHR(jquery XMLHTTPRequest)
• ajax 호출 시 일반적으로 서버에서 json 데이터 형식으로 데이터를 반환

Jquery AJAX 설정 값들

• url: '요청 주소'('/user/join.do') - 필수값
• type: - 메소드 타입 설정(기본값: 'get', 'post', 'put', delete'
• async: - 동기/비동기 방식 설정(기본값: true)
  (true-비동기 / false-동기)
• data: - 요청 주소로 넘겨줄 파라미터. 필수값
  문자열, 배열, 객체 형식으로 설정.
  문자열은 직접 url encoding 진행(한글이나 특수문자 unicode로 변환해야 함)
  문자열: "keyword=%EC%98%A43&mode=2"
  배열: [{name: "name", value="int"}, ...]
  객체: {name: "bame", value="int"},
• contentType: - 요청 주소로 넘겨주는 파라미터의 데이터 형식을 지정
  • 기본값: apllication/x-www-form-urlencoded
    => url encoding이 된 form data 형식)
    • form.serialize(); : apllication/x-www-form-urlencoded형식으로 변환
  • application/json, html, etc... 등 설정 가능

---

콜백 함수 영역

• success: function(data) {매개변수로 오는 data 서버에서 보내준 반환 값, ajax 통신이 성공했을 때 실행될 동작}
• error: function(e) {console.log(e); ajax통신이 실패했을 때 실행될 동작}

MyBatis의 동적쿼리

• 전달받은 파라미터의 조건에 따라 다른 쿼리를 실행할 수 있다.

<if test="searchKeyword == 'a'">
	SELECT * FROM T_BOARD
</if>
<if test="searchKeyword != ''">
	SELECT * FROM T_BOARD
</if>

SELECT * FROM T_BOARD
	WHERE 1=1
    <if test="searchKeyword == 'a'">
        AND BOARD_TITLE LIKE '%a%'
    </if>
    <if test="searchKeyword != ''">
        WHERE BOARD_TITLE LIKE '%%'
    </if>

• 동적쿼리를 조건절(WHERE AND 구문)에 붙일 때 주의사항
  • 항상 참인 WHERE 1=1로 WHERE 구문을 정의
  • 동적 쿼리는 AND 구문으로 붙여준다.