Feat/home mention and hashtag

[kimyoungyin]

개요

기존 텍스트에서 멘션과 해시태그 링크를 추가한 문자열 Fragment를 반환하는 StringFragmentWithMentionOrHashtagLink 를 구현하였습니다. 원래 hook으로 만들려 했으나, 문자열과 Link를 동반한 컴포넌트 형태로 변경하였습니다,

작업사항

파일 위치 src/components/common

• 넘겨줄 prop: raw string, mentions, hashtags
• return: Fragment
• 스타일: 내부에서 a 태그는 파란색, text-decoration: none 처리

주요 변경 로직

• 정규식 ([@#][^\s#@]+)/g을 활용하여 해시태그(#)와 멘션(@) 형태를 기준으로 나눈 배열을 생성후 map을 통해 차레로 렌더링한 덩어리를 Fragment로 묶어 반환합니다.
• 스타일링은 크게 필요 없고 독립적으로 재사용성을 높이기 위해 내부적으로 Styled Link 컴포넌트를 형성하여 포함시켰습니다.