12 댓글 기능 구현(4) 쓰기,수정 버튼 만들기

댓글 기능 구현(4)

⑥ 뷰(UI) 작성 & 테스트

- 댓글 쓰기 버튼 만들기

test.jsp(쓰기 버튼 만들기)

>> 임시로 입력 받을 <input> 태그를 만들어 주었다

 

>> 기존의 SEND버튼이 쓰기 버튼의 역할도 한다

 

결과 확인

>> 쓰기가 생성되었다

 

>> stringify로 문자열로 변환하여 CommentController.java의

@RequestBody CommentDto commentDto에 전달된다

 

 

- 댓글 수정 버튼 만들기

test.jsp(수정 버튼 만들기)

 

>> 주의할점은 class=modBtn 과 id=modBtn 다르다는 것에 유의하자

 

>> 여기서 this는 “.modBtn"을 의미

 

>> 참고

 

결과 확인

>> 수정 버튼을 누르면

① comment의 내용이 comment: <input>에 전달된다

② 수정(“#modBtn”) 버튼에 cno의 값이 전달된다

 

 

test.jsp

>> 쓰기랑 비슷하지만 url에 bno의 값이 없다

 

 

CommentCotroller.java

>> 추가해 주지 않아 계속 오류가 발생했었다

>> 테스트이기 때문에 asdf로 사용했다

 

결과 확인

>> 수정버튼을 누르면 comment=ㅇㅇㅇ → comment=ㅇㅇ1로 변경되는걸 확인 할 수 있다