Thumbnail
6월 감사 할인 20% 중(D-5)
BEST 개발 · 프로그래밍 웹 개발
Slack 클론 코딩[실시간 채팅 with React!]
(4.9)
16개의 수강평 ∙ 501명의 수강생

20%

31,680원

39,600원
지식공유자 : 조현영
총 44개 수업˙총 10시간 43분
평생 무제한 수강
수료증 발급 강의
입문 초급 중급이상 대상
내 목록 추가 872 공유
조현영 프로필
백엔드 강좌가 곧 공개됩니다.
조현영 17일 전

Nest+TypeORM 강좌가 곧 인프런에 올라갈 예정입니다. 이번주나 다음주 정도로 예상합니다.

실제 서비스를 배포해서 sleact.nodebird.com에 올려두었습니다.

조현영 프로필
슬랙 클론 코딩 IE 대응방법 알려드립니다.
조현영 1달 전

IE 대응 관련 질문을 주신 분이 계셔서

https://github.com/ZeroCho/sleact/tree/master/front

여기에 소스 코드 올려두었습니다.

또는

https://github.com/ZeroCho/sleact/commit/48701cebb15a924ae2fb621c07f937d9104fab92

여기서 변경점을 체크하세요.

참고로

react-custom-scrollbars를 사용하면 npm i 나 npm update할 때마다 오류나므로 react-custom-scrollbars-2 쓰시면 됩니다.

다른 댓글 보기(1)
조현영 프로필
이미지 드래그 업로드 영상 제작 완료
조현영 3달 전

이미지 드래그 업로드하는 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)
조현영 프로필
보너스 영상 추가 제작 안내
조현영 3달 전

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

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

추가 제작 예정입니다!

6월 감사 할인 20% 중(D-5)

20%

31,680원

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