강의

멘토링

로드맵

BEST
Programming

/

Front-end

Slackクローンコーディング[Reactによるリアルタイムチャット]

Slackサービスを模倣しながら、本格的なReactウェブ開発を始めてみましょう!会員登録、ログイン、ルーム作成、そしてリアルタイムチャットまで!

難易度 中級以上

受講期間 無制限

  • 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

ChromeからハングルにDMを送信すると2回送信されるトラブルシューティング

Chromeでエンターを打つときにチャットが2回行く問題を防ぐには、ChatBoxのonKeydownChatコードを次のように修正してください。関連リンクです。

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]);

ありがとう、Chanhyung Leeに行ったことがありますか?

コメント