artstroke 게시판(7)

1. 게시판 삽입
2. 게시판 삭제
3. 게시판 수정
4. 게시판 상세페이지 <─★
5. 좋아요
6. 팔로잉(작가에 대해서만)

게시판 상세페이지(2)

게시판 상세페이지

4-1. 팔로우
4-2. 좋아요
4-3. 댓글

게시판 좋아요

좋아요 기능은 게시판에 대한 추천 기능을 생각하면 편하다.
좋아요를 눌러 하트를 활성화하면 게시판의 선호지수가 높아져서 베스트 게시글에 올라갈 수 있는 수치가 올라가는 수순이다.

구현

왼쪽 아래에 좋아요 기능이 활성화 되어있다.

이 기능은 좋아요한 사람의 List를 가져와서 그 리스트의 숫자를 count한다.

이제 그 기능의 구현 코드를 살펴보겠다.

이 기능은 비동기적으로 구현되어야 하기 때문에 ajax를 통해 구현되었다.

좋아요 버튼을 눌러서 이벤트리스너를 준다. 눌렀을 시, isMemberLiked를 사용한다. 이건 follow의 변수와 비슷한 맥락으로 전의 내용과 내용물만 바꿔주고 똑같은 구성으로 만들어주면 된다.

• ajax를 통해 좋아요 버튼을 활성화

• ajax를 통해 좋아요 버튼을 비활성화

넘겨줄 값은 boardCode와 boardId, memberId다. 받을 VO는 BoardDetail이지만 자유롭게 설정해서 vo를 만들면 된다.

가져온 vo를 가져오면 이제 적용시켜보자.
좋아요 insert의 경우

서비스와 dao, mapper를 통해 좋아요 테이블에 insert시키면 된다. 하지만 나같은 경우 팀원의 바램으로 count값을 update를 통해 board테이블에 컬럼을 추가해 그곳에 조회수까지 만들어두었다.

result = service.selectGoodList(detail);
detail.setBoardGood(result);
int temp = service.updateBoardGood(detail);

이렇게 하여 좋아요의 활성화와 비활성화를 구현하였다.