Spring boot kim's Shop/게시판 5

Springboot 게시판만들기!(4)댓글 수정/삭제!

댓글 등록은 스킵하고! 수정/삭제를 봐 보자! 프런트 서버 js만 보면 된다 html은 달라진 게 없다 댓글 페이징에 쓰이는 함수들이다 댓글 버튼 함수들이다 서버에게 요청하는 함수들이다 백엔드 서버 insert update delete 거의 게시글 등록/수정/삭제랑 판박이다 설명은 스킵! confrimwrtier를 utillService로 빼주면 좋을 거 같다 옥에 티는 역시 수정 시 summer노트로 textarea를 주는데 역시 글자만 추출하는 방법을 아직 몰라서 그냥 구색만 해 논 것이다! 테스트 등록 12개를 등록했다 페이지 이동 url이 1인 이유는 최초 입장 시에만 page를 파라미터로 받고 그 뒤로는 자바스크립트에서 연산이 이뤄지기 때문이다 사실 들어올 때도 그냥 1로 해서 주면 되는데 그냥..

Springboot 게시판만들기!(3)게시물 수정/삭제

이제 게시물 수정 삭제를 만들건대 다시 한번 summernote가 필요하다 프런트 서버 사진 올리는 함수는 jslib로 뺐다 그리고 수정 요청을 하면 글자 수 체크를 해야 하는데 summernote에서 글만 빼오는 방법을 아직 모른다 그래서 패스! 백엔드 서버 글 수정 boardService 글을 조회한다 articleDto articleDto=articleDao.findById(tryUpdateArticleDto.getBid()).orElseThrow(()>new IllegalArgumentException("존재하지 않는 게시글입니다")); 로그인 정보를 가져온다 userDto userDto=userService.sendUserDto(); 로그인이메일=작성자인지 검사한다 confrimUpdateArt..

Springboot 게시판만들기!(2) 게시글+댓글 불러오기!

글+댓글을 같이 들고 오자 프런트는 서버 댓글 버튼 같은 경우는 댓글 파트에서 봐보자! 백엔드 서버 restcontroller dto service 페이징 시작 지점 구하기 int first=utillService.getFirst(nowPage, pagesize); 글+댓글+댓글 총 몇 개 인지 구하기 ListgetArticleinters=articleDao.findByBidJoinComment(bid, bid,first-1,pagesize).orElseThrow(()->new IllegalArgumentException("존재하지 않는 게시물입니다")); 전체 페이지 구하기 int totalPage=utillService.getTotalpages(getArticleinters.get(0).getTota..

Springboot 게시판만들기!(1) 글목록 구현

이 토이 프로젝트도 마지막 장에 들어왔다 게시판을 이제 만들건데 글쓰기는 이전에 일부 구현했다 https://cordingmonster.tistory.com/153?category=1046973 Springboot 게시판만들기!(1) 글쓰기 summernote 연동하기 이제 에디터를 연동할 건데 ckeditor5/summernote 둘 다 성공했지만 결국 summernote를 선택했다 이유는 ckeditor5 이미지 업로드 시 쿠키를 던져야 하는데 그걸 아직 하는 법을 모른다 그거만 알면 ckeditor5 cordingmonster.tistory.com https://cordingmonster.tistory.com/154?category=1046973 Springboot 게시판만들기!(2) 글쓰기 썸네일..

Springboot 게시판만들기!(1) 글쓰기 summernote 연동하기

이제 에디터를 연동할 건데 ckeditor5/summernote 둘 다 성공했지만 결국 summernote를 선택했다 이유는 ckeditor5 이미지 업로드 시 쿠키를 던져야 하는데 그걸 아직 하는 법을 모른다 그거만 알면 ckeditor5를 사용할 거 같다 summernote 부트스트랩/j쿼리가 있어야 사용이 가능하다 프런트 서버 testarea를 만들어준다 js summernote연동 $('#summernote').summernote 인터넷에서 복붙 했다 많이 있다 이미지 업로드 function uploadSummernoteImageFile(file, editor) 결과 부트스트랩이 붙으니까 급 글씨체가 이뻐졌다 ㅋㅋ 여담으로 ckeditor5를 쓰고 싶다면 헤더에 ckeditor5 cdn을 하고(공..