Thumbnail
BEST 개발 · 프로그래밍 웹 개발
Slack 클론 코딩[실시간 채팅 with React!]
(5.0)
3개의 수강평 ∙ 283명의 수강생

39,600원

지식공유자 : 조현영
총 43개 수업˙총 10시간 37분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
내 목록 추가 239 공유
조현영 프로필
이미지 드래그 업로드 영상 제작 완료
조현영 28일 전

이미지 드래그 업로드하는 API 소스 코드를 깃헙에 올려두었습니다.

웹소켓 구조의 차이로 Channel과 DM에서 실시간 표시 메커니즘이 살짝 다릅니다.

https://github.com/ZeroCho/sleact/blob/master/alecture/components/Chat/index.tsx

채팅 컴포넌트에서 주소를 인식하는 부분과

https://github.com/ZeroCho/sleact/blob/master/alecture/pages/Channel/index.tsx

https://github.com/ZeroCho/sleact/blob/master/alecture/pages/DirectMessage/index.tsx

채널 페이지 DM 페이지에서 onDrop, onDragOver가 주요 차이점입니다.

안 읽은 메시지 개수 표시하는 것도 올라와 있습니다.

다른 댓글 보기(1)
조현영 프로필
보너스 영상 추가 제작 안내
조현영 1달 전

1. 이미지 드래그&드랍 업로드

2. 좌측 메뉴에 메시지 올 때 숫자 쌓이게

추가 제작 예정입니다!

39,600원

내 목록 추가 239 공유
지식공유자 : 조현영
총 43개 수업˙총 10시간 37분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
수강 전 궁금한 점이 있나요?
문의하기
문의
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스