댓글 정보는 게시글 목록 조회할때 같이 온다고 합니다.
댓글이 작성되면 페이지를 새로고침 하도록 합니다.
그럼 또 게시물 전체 조회 api를 요청하겠죠
comment , commentnickname 나오도록 합니다.
성공
팀원분이 본인이 만든 글에만 수정버튼이 뜨도록 만들어달라고 수정 요청 하셨어요
localstorage에서 email 불러와서 게시물의 email과 일치할때만 버튼이 뜨도록 하면 될 것 같아요!
굿
엊그제 하려고 했던 댓글 수정,삭제,좋아요,좋아요 취소 만들어요
일단 UI만 만들고
댓글불러올때 콘솔을 확인해보니 cmtId값도 따로불러오네요
댓글 수정할때 cmtId와 content를 파라미터로 보내줘야 할 것 같아요
이미 만들어뒀던 댓글 작성 팝업 컴포넌트를 댓글 수정 컴포넌트와 함께 사용하도록하면 될것 같아요
댓글작성(작성 파라미터) -> 댓글작성 팝업
댓글수정(수정 파라미터) -> 댓글작성 팝업
이런식으로 하면 될 것 같아요
컴포넌트를 추가합니다 isEditing -> 작성인지 수정인지 확인하는 플래그
플래그와 cmtid가있으면 api요청이다르게
플래그값에따라 ui다르게
성공
댓글 좋아요 , 댓글 좋아요 취소 api
좋아요 요청 코드입니다.
좋아요 취소 요청코드 입니다.
성공
마이페이지 수정부터 해야할것같아요
작성자 이름을 클릭할 수 있도록하여 그사람의 mypage로 이동하도록 만들어요
이런식으로 만들얘정
next js 라우터를 활용하여
작성자 클릭시 mypage에 작성자email정보와함께 마이페이지로이동하도록
성공
urlemail,localemail 과 if문사용해서 일치하는경우에만 마이페이지 렌더링되도록
필요할 것 같은 부분부터 수정하면서 진행하겠습니다
마이페이지 누르면서 url에 본인 email보내도록만듬
!!주의 localstorage에 userEmail이라고 저장되어있음
성공
email url에 맞게 팔로워와 팔로잉이 뜨도록
이런식으로 mypage가 나오도록하려면 일단 컴포넌트 구조를 좀 바꿔야할 것 같아요
FollwersSection 하위구조에 3개의 팔로워 팔로잉 작성한 게시물이 나오록 합니다.
따로따로 관리하기위해 기능별로 폴더를 만들었어요
선택된 탭에따라 팔로우와 팔로워를 랜더링하도록 상위폴더에서 만들었습니다.
성공 그런데 게시판도 추가해야함 이런..
전체 게시물 요청하는 api이용하면 될 것 같아요
전체 게시물을 가져옴
그다음에 일치하는 url만 나오도록함
이제 해당 게시물누르면 해당 게시물 상세 url로 이동하도록
로직추가
성공
닉네임 누르면 해당 유저 마이페이지로 이동하도록
이부분은 새로 컴포넌트를 만들어야 할듯함
일단 이메일 파라미터 보내면 닉네임 게시글 팔로워 팔로잉 뜨도록
위에서 요청했던 api를 한번씩 다시 사용해서 갯수만나오도록
이제 버튼추가
팔로워버튼 클릭하면 요청가도록
팔로우 안되있으면 팔로우 뜨고 이미되어있으면 언팔뜨도록
굿
이제 홈페이지 이미지 불러오는 부분
그다음 마지막 기능이될 채팅기능만 남았다....
그리고나서는 ui꾸미고 수정수정
내일 사용할 채팅기능 개념잡기
일단 웹소켓을 사용하면 양방향 통신이가능해짐
그럼원래 서버에서 클라이언트에게 단방향이였는데
웹소켓을통하면 클라이언트에서 서버로도 메시지를 보낼수있으니까 양방향이되는거고
응용하면 클라이언트에서 서버로 메시지를보내서 서버에서 다른 클라이언트에게 메시지를보내는
채팅기능을 만들수 있다는말이네?
ㅇㅇ 맞아
왜냐하면 기존에는 클라가 서버로 요청보내면 응답받는 형식이였기때문에
클라이언트가 서버로 응답만을 받을 수 있었어
명세서를 보면 내일 만들구조가 대충 이런거라는말이지??
순서대로 적자면
일단
3 클라이언트가 어떠한 서버로 웹소켓연결을 하고
4 클라이언트들이 메시지를 서로 송수신하기전에 일딴 어떤 동일한서버로 구독을하고
2 채팅 기록을 조회하여 대화방을만들고
1 채팅 메시지를 송수신할 수 있다
뭐가될지 모름