아이니그마

이제 댓글을 출력시켜주면 된다 dao로 가서 페이징을 위해 작성해준다 원리는 게시판 검색 로직과 같다 페이지별 select와 totalpage를 알기 위해 쿼리문을 작성해준다 이제 service로가서 페이징을 위한 준비를 해 주고 controller로가서 댓글도 같이 불러오게 해 주고 기본 페이지는 1로 지정해준다 결과 잘 출력된다! 요새 사실 이런 시스템은 잘 안쓰던데 일단 백엔드 위주의 공부중이니 좀 오래됐지만 ㅎㅎ 이걸로 만들었다! 이제 댓글 삭제 기능을 만들러 가자! 수정보다 삭제가 더 간단하다 그래서 삭제부터 만들자!

잠시 혼란해진 js파일들을 정리해보자 어차피 다 똑같은 전송인데 너무 파일들이 나눠져 있다 현재 무슨 페이지 몇 개 만들었다고 저렇게 js가 많은가 ㅋㅋㅋㅋㅋ 일단 doAjax로 바꿔서 한 번에 다모아 놓자 사실 이런건 시작할 때부터 정해놔야 안위험한데 ㅋㅋㅋ 일단 연습이니까 addeventlistener/window.onload가 현재는 필요없어서 이런 식으로 묶었다 원래 사용자가 자주 돌아다니는 위주나 페이지별로 묶는다고 들었는데 그냥 토이 프로젝트니까 심플하게 묶었다 이제 대망의 댓글을 하러가자!

시스템은 글을 클릭하면 조회수가 올라가면 된다 service로가서 이전 getArticle만 조금 바꿔주면 된다 boardvo.getHit() 로 이전 조회수를 가져와서 boardvo.setHit 다시 set을 해주고 위에 있는 @Transactional 때문에 바로바로 db가 수정이 된다 jpa진짜 아주 편리하다 들어가면 조회수가 늘고 0->1로 db도 바뀌었다 뒤로 가기 해도 1이 되어있다! 이제 다음번엔 게시글 수정/삭제를 만들어보자!

이제 db에 있는 글 내용들을 글 번호로 가져와서 뿌려주면 된다 html 이제 service로 가서 만들어주자 bid를 받아서 번호에 맞는 게시물 내용을 db에서 다 꺼내온다 controller로가서 근데 html에서 /auth/가없으므로 솔직히 나도 th:href는 잘 모르는 거 같다 아직 value나 name 이런 건 그냥 쓰면 되는데 href는 thymealf로 했을 때 좀 다른 거 같아서 저부분은 그냥 복붙 했다 미리 써 논 글들이 잘 들어온다 이제 조회수 기능을 만들어보자!

이제 사진을 보여주는 페이지를 만들자 html index.html에 역시 간단하게 테스트 페이지를 만든다 boarddao로가서 select *from blogboardimage where bid=?1 order by id Asc 를 던져주는건다 임의로 넣어놓은 글 번호에 해당하는 것들을 오름차순으로 가져온다(asc는 생략 가능이다) controller 글 번호를 1번으로 넣어줬으니 1로 해주고 배열로 받아준다음 확인용으로 한번 출력해보고 array로 던져준다 html 이렇게 배열 수만큼 이미지 태그를 만들어준다 검사를 눌러보면 이렇게 사진이 오는걸 알 수 있다 이제 이원리로 글쓰기에 적용하면 되는데 ajax로 넘겨줘야 하는데... 심지어 j쿼리도 아니고 바닐라 js로 짜논 상태라... 좀 찾아봐야겠다 어..

게시판 기능 중에 사진 올리기 기능이 누락됐는데 이유는 아직 ajax로 데이터를 전송하는 법을 몰라서 일단 form으로 시작해보자! html 그냥 index.html에 바로 만들었다 파일을 여러 개 전송하고 싶으면 multiple="multiple" 라고 해주면 된다 restcontroller 원래 서비스로 빼서 해야 는 게 편한데 테스트여서 내 코드가 잘 먹는지 그냥 바로 controller에 넣어놨다 file.get(0).isEmpty()==false 배열의 첫 번째 칸이 비어있지 않다면 System.out.println(file.get(i).getOriginalFilename()+"파일이름"); System.out.println(file.get(i).getSize()+"파일사이즈"); 파일 이름/사..

이제 검색 기능을 만들 건데 제목으로 찾는 검색을 만들 것이다 boardlist 같은 컨트롤러를 하나 더 만들어 준다고 생각하면 된다 controller로가서 제목을 받아주고 똑같이 boardlist로 보낸다 한 페이지만 사용하려고 html에 밑에 search를 따로 또 만들어놨다 이제 직접 페이징을 만들어보자 boarddao로가서 뭐가 많아졌다 like/limit/order by를 따로따로는 쏠 줄 아는데 한꺼번에 같이 저렇게 jpa 쿼리로 쏘는 법을 모르겠다 "select *from blogboard where title like %?1% order by bid desc limit? 2,? 3" blogboard에서 title에? 1가 들어가 있는걸 bid로 정렬해 개수별로 들고 온 더 "select..

자 이제 페이징을 할 텐데 두 가지 방법이 있다 1. jpa가 편하게 제공해주는 기능이고 2. 댓글이나/검색할 때 써야 하는 좀 더 전통적으로 페이징을 하는 건데 둘 다 원리만 이해한다면 구현하기 어렵지 않다 한 번만 이해하면 된다 boardservice로가서 boarddao.findAll(PageRequest.of(page-1, pagesize,Sort.by(Sort.Direction.DESC,"bid"))); 이 간단한 줄이 페이징을 해준다 무슨 뜻 이냐면 page에 맞게 지정한 pagesize만큼 bid를 내림차순 기준으로 정렬해서 보내준다 기가 막힌다 진짜 하나의 놀라운 기능이 또 있다 controller로가서 여기서 개인적으로 느끼는 건데 스프링은 진짜 알면 편하고 모르면 아예 못쓰는 거 같다!..

게시판의 하이라이트에 입성했다 일단 전체 글 한번 불러와 보고 페이징 처리를 하려고한다 그전에 글을 몇 개 넣어보자 이제 이걸 불러오면 된다 boardservice로가서 자체로 제공해주는 boarddao.findAll() 사용해서 전체 게시글을 가져오고 controller로가서 난 array라고 해서 보내겠다 그러면 thymealf에서 array로 받아서 쓰면 된다! jdbc에서 처음에 넘어왔을 때 어 requset.setattributes() 어디 있지 했는데 spring에서는 둘 다 사용 가능하지만 model로 간단히 사용할 수 있는 거 같아서 자주 쓰게 된다 html을 보면 이렇게 each를 사용해서 for문처럼 사용이 가능하다! 이제 페이징을 구현할 것이다 보면 글 순서도 오래된 순으로 나오고 예..

이제 게시글을 쓸건대 boardservice를 만들고 save를 이용해서 넣어준다 편리하다 진짜! restcontroller 만들어주고 고민인 게 여기서도 한번 emailcheck로직을 걸어줘야 할지 고민이다 일단 그냥 가는 걸로! js를 만들어준다 tittle이 contetnt보다 길게썻네..ㅋㅋㅋ 어쨌든 잘 들어온다 음 근데 사실 내용=content는 엄청 길게 들어올 텐데 이제 다음에는 게시판에 글을 삽입하는 걸 해보자!