본문 바로가기
국비수업/프로젝트

[201217] 게시글 좋아요 로직

by 투시팝 2020. 12. 18.

controller에서 firstList라는 이름으로 게시글 리스트를 보내고, 해당 변수를 이용해서 게시글을 뽑아내는 반복문 로직!

 

고민좀 했던 부분이 버튼 내부의 p태그의 id속성이다.

게시글에 따라 버튼의 변화(나중엔 채워진하트, 비워진하트로 표현할 것)가 가시적으로 보여야 했어서

id 부분에 게시글넘버(project_id)를 붙여줬다.

그리고 버튼이 눌렸을 때 활성화되는 함수에 파라미터값으로 id를 보내줬다.

 

 

 

버튼이 눌렸을때 실행되는 함수

나는 게시물단만 처리하는지라, 로직 확인을 위해서 우선 useerId부분에는 임의로 1을 넣어줬다. 

즉 멤버id가 1인 유저가 해당 id의 게시글에 이미 좋아요를 눌렀더라면, 좋아요 취소가 되고

좋아요를 처음 누르는 것이라면 좋아요로 표시된다.

 

 

그리고 눌렸을때 화면의 html 문자를 새롭게 세팅해주는 것. 여기까지가 jsp단에서 처리한 로직이다.

 

 

 

 

 

 

 

 

 

웹페이지에 처음 들어가면 이렇게 나타난다

세션의 userId를 통해 조건문 처리를 통해 해당 게시글이 좋아요를 누른 글인지 아닌지를 판별해줘서 버튼을 알맞게 set해줘야 하는데, 그 로직은 아직 안짰다. ㅎ

 

 

 

 

 

 

 

 

 

좋아요를 처음 누르는 게시글이라 "like"가 반환되었다.

 

 

 

 

 

좋아요가 눌렸으니 눌렸다고 뜬다

 

 

 

 

 

 

다시 누르면 버튼이미지가 바뀐다.

 

좋아요 값 출력의 경우는..어차피 확인용으로 넣은거라서 뷰단에는 갱신시켜주지 않았다. 

 

 

 

 

 

별거아닌데 해맨거***

 

jstl을 통해 변수를 해당 게시글 id에 넣어주는데 애를 먹었다...

지금생각하면 왜 애먹었지 싶긴한데..ㅎ