강의

멘토링

로드맵

BEST
Programming

/

Front-end

Slack Clone Coding [Real-time Chat with React]

Let's start full-scale React web development by building a Slack clone! From sign-up and login to creating rooms and real-time chat!

(4.8) 97 reviews

2,899 learners

Level Intermediate

Course period Unlimited

  • zerocho
Clone Coding
Clone Coding
React
React
TypeScript
TypeScript
Webpack
Webpack
Babel
Babel
Clone Coding
Clone Coding
React
React
TypeScript
TypeScript
Webpack
Webpack
Babel
Babel

How to fix the problem of sending DM twice in Korean in Chrome

To prevent the chat from going twice when you hit enter in Chrome, modify the onKeydownChat code in ChatBox as follows. Here is a related link.

https://www.inflearn.com/questions/923570/dm%EC%9D%B4-%EB%91%90%EA%B0%9C%EC%94%A9-%EB%B3%B4%EB% 82%B4%EC%A0%B8%EC%9A%94

https://velog.io/@o1_choi/isComposing

const onKeydownChat = useCallback((e) => { if (!e.nativeEvent.isComposing && e.key === 'Enter') { if (!e.shiftKey) { e.preventDefault(); onSubmitForm(e); } } }, [onSubmitForm]);

Thank you Chanhyung Lee.

Comment