4/20

1. 페이지네이션 검색 기능 추가(Criteria, board)

(1) 키워드 변수 추가 (Criteria)

(2) 키워드로 검색한 게시판 리스트(페이징)을 가져오기, 키워드로 검색한 게시물 총 갯수 가져오기 (BoardMapper, mapper.xml, BoardMapper, BoardService, BoardServiceImpl, BoardController)

(3) view 작성 (list.html)

• th:value

(4) 스크립트 작성(list.html)

• searchButton.addEventListener(‘ ’, 함수) : searchButton 을 클릭했을 때 이벤트 추가
• .value : 앞의 변수의 입력 값
• .trim() : 공백제거

(5) 페이지네이션 a태그를 전부 자바스크립트 요청으로 바꾸기

• document.querySelectorAll
• pageLinks.forEach ( function(link) {} ) : pageLinks 에 들어있는 여러 태그들을 link라는 이름으로 하나의 태그마다 함수를 달아준다
• preventDefault()

(6) 키워드로 검색한 게시물을 클릭 후 목록 버튼을 눌렀을 때 키워드가 초기화 되는 문제 해결하기 (list.html, get.html)

1)게시글 제목 태그 클래스 추가
2)게시글 제목 태그 스크립트 변수로 모두 선택
3)제목 태그에 이벤트 달기 ( 키워드 변수, 페이지 숫자 변수, 주소이동)

• .textContent :

4)목록 ,수정 버튼 href 에 페이지 숫자 정보 알려주기
5)컨트롤러에서 get과 modify 에 Criteria 객체 추가
6)목록, 수정 버튼 클래스 주기
7)스크립트로 keyword 정보 주기

• ‘ [[ ${ } ]] ’ :