아이니그마

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

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

글+댓글을 같이 들고 오자 프런트는 서버 댓글 버튼 같은 경우는 댓글 파트에서 봐보자! 백엔드 서버 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..

이 토이 프로젝트도 마지막 장에 들어왔다 게시판을 이제 만들건데 글쓰기는 이전에 일부 구현했다 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) 글쓰기 썸네일..

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

이제 대망의 삭제를 할 건데 게시글이 삭제될때 게시글만 삭제되면 안 되고 사진/내용/댓글 모두 삭제시키려고 한다 이미 사진삭제하는 함수는 만들어 놨으니 글/댓글부터 삭제해주는 함수를 만들자 commentdao native쿼리를 이용해서 게시글 번호로 관련된 댓글들을 한 번에 삭제할 수 있게 해 주자 commentservice dao를 불러주는 함수이다 boardservice Listalreadyimages=new ArrayList(); uploadimageservice.deleteImage(alreadyimages, bid); 이전 함수를 호출해서 빈 배열을 준다 이렇게 되면 기존 사진의 배열이 비어있으므로 db의 사진 정보가 그대로 deleteimages배열에 들어가서 그대로 delete문으로 들어가게..

장문의 글이 될 거 같다 정말 어려웠다 글 수정을 구현하려고 했다 1. 글 수정 2. 사진수정 사진수정이 고비였다 해본 적도 없고 검색해도 뭔 말인지 모르겠는 글만 나왔다 그러던 중 "사진 수정은 모든 사진을 지웠다 다시 넣는다" 라고 써져있는 글을 봤고 아이디어를 얻었다 아이디어는 이렇다 기존 사진을 따로 처리하고 새로운 사진은 넣어주기만 하면 되네? html 처음 보는 거였다 contentEditable="true"를 써야 사진이 출력 가능했다 textarea는 더 이상 쓸 필요가 없다 false시 수정 불가하다 js var formData = new FormData(form);를 이용했다 formData.append 정말 신기했다 form안에 없는 정보도 추가해서 보낼 수 있다 getElementB..