채팅 기능 만들기

ㄱ. 3 클라이언트가 어떠한 서버로 웹소켓연결을 하고

ㄴ. 4 클라이언트들이 메시지를 서로 송수신하기전에 일딴 어떤 동일한서버로 구독을하고

ㄷ. 2 채팅 기록을 조회하여 대화방을만들고

ㄹ. 1 채팅 메시지를 송수신할 수 있다

웹소켓 연결과함께 구독( ㄱ , ㄴ )

성공

이제 메시지 송수신 입니다

우선 버튼을 만들어

chatbox 컴포넌트를 만들어서 메시지전송누르면 팝업으로뜨도록

버튼에 함수추가

컴포넌트에 api 기능 넣자

1. 채팅기능 불러오기

2. 서버연결 및 메시지 구독 (생각해보니 홈이아니라 그냥 여기서하면될 일 이였음)

3. 메시지 전송

5와 3의 대화 성공!

신고하기 합시다

신고내용을 저장할 변수

신고 api 요청

신고버튼

신고팝업

성공입니다.

본인 정보 수정 페이지를 만들어봐요

회원탈퇴 옆에 개인정보 수정 버튼 만들기

버튼클릭시 mypage/EditInformation 로이동

mypage/EditInformation 컴포넌트 만들기

사용할 변수들

api요청

굿

이제 짜잘한거 수정하자

comment.email과 loaclStorage.emal 일치할때만 수정 버튼뜨도록했음

UI좀 이쁘게 바꿔볼까요

그전에 새로운 api가 추가되버림..

컴포넌트추가하고

좋아요 게시글도 추가

리엑트에 관리할 객체 추가

좋아요 게시글 불러오기 api

탭에추가

굿

클릭하면 해당 게시물 url로이동 board.id이용하도록 만들었어요

할일 들어왔습니다 저희팀 다른 프론트분이랑 제꺼 합치기

일단 zip 받아서 제꺼에 붙히는식으로 하겠습니다

저희 팀원분프로젝트 입니다 일단 구조확인좀 해야할 것 같아요

일단 npm install

저번에 저희팀꺼 따로관리하려고 폴더를 만들어두긴했었어요 그럼일단 컴포넌트부터 옮겨봐요

파일구조가 완전히 다르므로 그대로 갖다 붙히고 라우팅 하는 식으로 해볼께요

하려고했는데 팀원분이 채팅 실시간 채팅이 안된다고 채팅부터 해달라고 부탁을 하시네요 ok

실시간이 안되네요??

그래 반갑다라니 굉장히 무래하네요

해결했어요 어떻게했느냐??

팝업창을 따로 컴포넌트에서 관리하게 했더니

해당팝업창이 계속 초기화되는문제가발생했음

그냥 팝업창을 따로 관리하지않고 해당 컴포넌트에서관리하도록함

complete

오늘은 여까이

내일은 통합과 배포를 진행할 예정입니다