📌 게시글 상세보기🏁 Contetnts게시글 작성 후 해당 게시글을 눌렀을 때 보이는 상세 화면이다. 처음 부딪힌 문제는 위지윅을 이용해서 해당 글을 DB에 저장할 때 아래와 같이 태그도 함께 저장이 된다. 이를 화면단에 보여줄 때 Dto를 넘겨 보여주는 방식으로 진행하였는데 HTML에서 아래와 같이 단순 text를 사용하면 해당 p태그도 화면에 같이 노출되게 된다.
따라서 Thymeleaf의
🏁 이미지위 DB 테이블을 보면 제일 아랫줄에 이미지 역시 이 부분이 일반 게시판에 비해 너무 지저분해 보여서
전체적인
사용로직은 DB에서 utext로 내용을 로드시키고 js를 이용해 img태그를 추출한다.
결과 🏁 거래장소거래장소 버튼 클릭 시 DB에 저장되어있는 위도경도를 팝업으로 넘겨 카카오지도에 마커로 표시되도록 하였다.
추가적으로 해당 마커 클릭 시 url을 통해 카카오지도로 이동하여
거래장소
클릭 큰지도보기 클릭 길찾기 클릭 🏁 판매완료 버튼현재 세션에 저장되어있는 회원의 정보(로그인한
username)와 해당 게시물의 작성자가 동일하다면
이때 판매완료 버튼을 클릭 시 ajax를 이용해 api통신을 하게 되고 서비스측에서 해당 게시물의 id를 통해
🏁 게시글 수정 버튼해당 게시글의 수정버튼
클릭 시 html창이 열리고 boardForm과 같은 형식으로 동작된다. 이때 service단에서 |