[React]리액트 메신져 멘션/언급 기능 구현

메신져 프로젝트를 진행하면서 사용자들을 언급하는 기능이 있다면 좋겠다 생각했어요ᓚᘏᗢ 트윗을 보낼 때 @를 이용해서 사용자 ID를 언급한다면 상대방의 알림창에 해당 트윗내용이 보여지게 구현했습니다. 먼저 구현한 부분들을 보여드릴게요 . 기본적인 구현 내용은 "@와 이어붙은 문자열을 멘션내용으로 다룬다!"에요. 좀더 코드적으로 분석해보면 입력받은 문자열에서 @가 포함되어있는 문자열을 걸러내어 @만 잘라내면 됩니다. 좀 황당할 정도로 간단합니다.. ㅎ 세부적인 내용은 코드로 살펴보면서 설명하겠습니다 :D:D import { dbService, storageService } from 'fbase'; import React, { useState } from 'react'; import TextareaAutosi..

2021.04.21