22강(게시판 상세화면 만들기)

기존에 만들어 뒀던 get 메소드를 활용할 것. 불필요한 어노테이션 제거

 

 

 

 

싹 제거해줌

 

 

이렇게 바꿔주자.

 

List를 복사해서 detail을 만들어 줌. 상세페이지 디자인 역시 bootstrap을 이용한다.

 

 

 

 

얘로 골라주자.

 

 

이렇게 코드를 바꿔주자.

 

 

실행해보면 안됨. 뭐가 문제일까.. 오류의 해답을 찾았다. Html 띄어쓰기가 잘 되어있지 않았기 때문에 발생한 오류였다. 삽질삽질

 

 

 

모델을 추가해주자.

 

 

지금 당장은 아주 간단한 화면이 나온다.. 이제 등록, 수정, 삭제 버튼을 만들어보자.

 

 

 

 

이 버튼을 사용하자.

 

 

일단 버튼은 이 두 가지 추가.

 

 

메시지 프로퍼티에도 추가.

 

 

 

잘 적용이 됐다.

 

 

저기에 mt-2 를 입력해주면

 

 

칸이 살짝 띄워져서 보기좋다. 이제 버튼을 a태그로 바꿔주자

 

 

기존에 만들었던 form을 복사해주자.

 

 

이렇게 수정화면을 만들고

 

 

등록화면을 만들어주면 된다. 이제 수정화면을 null 처리를 해주자.

 

 

 

요렇게 만들고 화면 진입이 되는지 확인하자. 오류가 났다.. 또 오타가 문제였다 조심하자 제발 ㅠㅠ

 

 

화면이 잘 나온다. 야호

 

 

수정을 하게 되면 히든값으로 보드 시퀀스를 던져 줘야한다. 안 그러면 새로 등록이 되기 때문..

 

 

요렇게 해주면 된다.

 

 

수정이 잘 된다.. 이제 다시 새로 하나 등록 해보려는데 에러가 난다…

 

boardSeq는 int인데 등록할 때는 board가 null이므로 empty값이 된다. 그래서 spring에 에러가 발생함. 해결방법은 다음과 같다.

 

 

잘 해결됐다. 이제 list 화면에 등록 버튼을 만들어보자.

 

 버튼을 달아주고 확인해보자

 

 

잘 달렸다.