2023/02/08 - 2023/02/09

4. 다음과 같이 자바스크립트에 data안에 valueList안에 서버에 값과 동일하게 적어준다.

5. 정상적으로 select안에 들어갔다. 형식은 SQL에서 CONCAT을 이용하였다.

6. 같은방법으로 검색항목에 DB값을 넣어보자.

7. 날짜 초기화하기

8. 검색항목 완성

9. 검색항목값을 서버로 보내 SQL읽어오기

id설정한val()값을 프로파티에 넣어준다. 프로파티의 이름은 반드시 서버의 이름과 같아야 한다!

checkBox의 경우 프로파티를 string으로 설정해서 true일때는 1 false일때는 0으로 값을 보내주었다.

서버부분 프로파티의 이름이 일치하는걸 확인할 수 있다.

10. 자바스크립트에서 받은 entity를 SQL문에 가져가자!

문법중에 SQL-Sserver처럼 <>이 있는데 !=과 같다.

11. 파라미터값 설정

IDictionary의 key, value형태

12. sql로 얻은값을 list로 저장하자.

이때 프로파티값에 저장하는 값은 SELECT문의 컬럼명이다. 반복문으로 순서대로 들어간다!

13. List값을 자바스크립트로 넘겨준다.

받아온 값을 table id를 가져와 add로 넣어준다.

14. 1차 구현완료

15. 각 tr부분 클릭시에 메세지 표시

클릭 할 열을 쉽게 알기위해 class에 tble-hover을 추가해준다

table-striped가 적용되어 있는경우 hover이벤트가 작동되지 않기때문에 remove해준 후 table-hover add해주기!

16. 메세지 표시를 위해 테이블에 message컬럼을 Select에 추가

17. 테이블에 tr클릭시에 메서드 실행

18. 메세지 표시 부분인 textArea에 val값에 추가해준다

완성

어려웠던점

SQL에서 자꾸 예외처리가 되는데 sql-server에서는 이상없이 작동되는데 자꾸 예외처리가 되어서 시간이 오래걸렸다.

원인은 안에 공백칸이 달랐다. 일본어는 전각과 반각이라는 문자를 사용하기때문에 문자가 다르게 인식되었다 ㅠ