[개인프로젝트 #1] 4. 게시글 수정 View 생성

프로젝트에 참고한 책: '스프링 부트와 AWS로 혼자 구현하는 웹 서비스'

 

Book Reivew 페이지 오른쪽 하단에 update 버튼을 만들었는데, 그 버튼을 누르면 해당 책 정보를 수정할 수 있는 페이지로 넘어간다. 

이미 저장되어 있는 정보를 불러와야하는 게 save와는 달랐다. 체감상 저장기능보다 구현하기 어려워서 시간이 꽤 걸렸던 부분이었다 

 

templates 패키지에 bookshelf-update.mustach 파일을 생성하고 코드를 작성한다.

bookshelf-id.mustache 구현할 때처럼 객체(?)를 받아서 객체 정보를 표시하는 방식으로 작성했다 

수정이 다 되었을 때 '수정완료' 버튼을 누르면 완료되고, delete버튼도 있어서 해당 책을 삭제할 수 있다 

 

bookshelf-id.mustache는 다음 링크에서 확인가능하다

https://github.com/heyazoo1007/bookproject/blob/master/src/main/resources/templates/bookshelf-update.mustache

 

화면을 다 구성했으면 수정 기능을 할 수 있게 index.js 파일에 update()를 작성한다 

자세한 정보는 다음 링크에서 확인 가능하다 

https://github.com/heyazoo1007/bookproject/blob/master/src/main/resources/static/js/app/index.js