KOSTA 교육 54일차(Semi-Project, Ajax, jQuery, update)

19. 1. 22(화)

 

실습 내용

 

1. Update

---

1. Update

• Drag를 이용하여 Post를 이동 시 DB에 반영될 수 있도록 한다.

 

• 담을 객체인 DTO를 생성하고 post가 새롭게 c_no를 받아 수정이 된다.
• 이 때 old_c_no는 이미 움직이고 기존에 있었던 c_no가 되겠고 여기서 and로 p_no를 가져와서 움직인 Post를 알아야 한다.

 

• update로서 DTO를 파라미터 값으로 선언하고 int 타입을 가진다.

 

• Mapping 후 commit 한다.

 

• session에서 p_no를 가져온다.
• getParameter로 new, old 두 c_no를 가져온다.
• 객체를 생성하여 set으로 담은 후 dao로 Mapping 한다.

 

• service 객체 생성 후 메소드를 호출한다.
• ajax 통신을 하기 위해 return은 null값으로 보낸다.

 

• Ajax 통신 후 Controller를 거친 후 출력된다.

 

• dragula 라이브러리를 사용하였다.
• p_no는 find를 사용하여 p_no를 가져온다.
• if문을 사용하여 만약 기존 위치가 움직인 위치가 다르다면 update를 실행해야 하기 때문에 Ajax를 통신한 메소드를 통신한다.
• 해당 Ajax는 data값을 파라미터로 가진 메소드로서 url은 Controller로 이동하고 Post 방식의 메소드를 가진다.

 

• 좌 : 움직이지 않은 기존 상태
• 우 : 움직인 후 DB가 바뀌고 저장된 상태

오늘 실습 간 느낀점

오늘은 가장 헷갈렸던 Post이동시 DB가 이동되는 기능을 구현하였다.
지금까지 내가 했던 기능들의 최종판 같은 느낌이 들었다.
객체파일 생성부터 Ajax 구현까지 정말 감이 잘 안왔고 심지어 프론트적인 부분도 신경을 써야해서 생각할 부분이 많았다.하지만 강사님과 주변의 도움을 받아 결국에는 구현할 수 있었고 구현한 후에는 뿌듯함을 느꼈다.

 

내일이면 중간 프로젝트가 끝이 난다. 아직 많은 기능들이 남았고 구현하고 싶은게 많지만 내일 최대한 잘 마무리 하고 발표를 할 예정이다.
마지막 내일까지 화이팅!!