개발자

특정 문자열 맨션 기능을 넣고 싶습니다. (이미지 참조)

2023년 06월 09일조회 122

안녕하세요, 다름이 아니라 회사 업무중 댓글 기능을 만들고 있습니다. 특정 댓글의 대댓글 작성시 해당 댓글의 사용자의 아이디를 textarea 또는 다른 tag를 사용하여 맨 앞에 두고 배경색을 다르게 하고싶은데, 구글링을 해도 오토맨션기능은 많은데 제가 원하는 기능은 아직 찾지못했습니다. 혹시 아래 조건에 부합하는 좋은 코드 있으면 감사하겠습니다. 프레임워크는 리액트 입니다. 1. 특정 사용자 아이디가 맨 앞에 와야한다. 2. 맨 앞에 온 아이디의 배경색을 지정할 수 있어야한다. 3. 아이디를 맨 앞 또는 백스페이스로 한번 클릭시 아이디가 삭제되어야한다. 4. 정상적인 textarea처럼 사용자가 입력한 값을 받고 submit할 수 있어야 한다. 이미지는 유튜브 댓글을 참고한 것 입니다. 제가 원하는 기능이 저것 입니다.

이 질문이 도움이 되었나요?
'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.
profile picture
익명님의 질문

답변 1

정재용님의 프로필 사진

react-mentions 패키지를 한번 써보시는건 어떨까 싶습니다.(https://www.npmjs.com/package/react-mentions) 사용법이 간단하고 직관적 이어서 적용 하시는데, 큰 무리가 없을것 같아요. 다만 스타일적인 부분이나, 기능적인 부분에서 커스터마이징이 엄청 유연한 편은 아니어서, 적용하시기 전에 데모 사이트에서 한번 확인해 보시면 결정하시면 좋을듯 합니다. https://react-mentions.vercel.app/

지금 가입하면 모든 질문의 답변을 볼 수 있어요!

현직자들의 명쾌한 답변을 얻을 수 있어요.

또는

이미 회원이신가요?

목록으로
키워드로 질문 모아보기

실무, 커리어 고민이 있다면

새로운 질문 올리기

지금 가입하면 모든 질문의 답변을 볼 수 있어요!