[React, Typescript] 채팅 프론트엔드 구현 (3편)
오늘은 마지막 단계인,5. 채팅 데이터에서 채팅 내용이 개행됐을 경우, 처리를 통해 화면에서도 개행 처리 해줌.6. 조합문자(아직 완성되지 않은 문자, 예를 들어 한글, 중국어, 일본어 등)을 사용할 경우, 채팅 입력 시 마지막 글자가 중복 처리되는 것을 막기 위해, 조합상태를 감지하는 로직 구현.부분을 구현하는 과정을 포스팅하려고 한다. 5. 채팅 데이터에서 채팅 내용이 개행됐을 경우, 처리를 통해 화면에서도 개행 처리 해줌.messages 상태변수의 채팅 데이터에서 채팅 내용이 개행됐을 때, '\n'을 태그로 변경처리하여 실제 채팅 컴포넌트 화면에서도 개행처리가 될 수 있도록 설정해줄 것이다.ChattingComponent.tsx 파일에 formatMessage라는 메세지 포멧팅 함수를 정의한다...
2024. 8. 1.
