일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- 스택
- Next.js
- 브라우저 동작
- PubSub 패턴
- 자바스크립트 컴파일
- 자바스크립트 객체
- Next/Image 캐싱
- 자바스크립트
- react
- 부스트캠프
- 씨쁠쁠
- 네이버 부캠
- 프로그래머스
- 파이썬 코딩테스트
- 웹크롤링
- 코딩테스트
- 멘션 추천 기능
- beautifulsoup
- 비디오 스트리밍
- git checkout
- React ssr
- 네이버 부스트캠프 멤버십
- Server Side Rendering
- 파이썬
- 파이썬 웹크롤링
- 네이버 부스트캠프
- 자바 프로젝트
- React.js
- c++
- Image 컴포넌트
Archives
- Today
- Total
목록멘션 추천 기능 (1)
코린이의 개발 일지
[mo:heyum] 사용자 멘션 추천기능 구현하기
구현 목표 모헤윰 에디터는 div 태그에 contenteditable 속성을 true로 설정해서 구현했다. 이 에디터에 오른쪽 그림과 같이 커서 오른쪽으로 사용자 멘션 추천 드롭 다운을 띄워줄 계획이다. 사용자 매 입력마다 입력된 글자로 시작하는 멘션 추천 목록을 갱신해준다. 매 입력마다 api요청을 보내는 방식보다 처음에 멘션 대상이 되는 사용자 목록(현재 로그인한 사용자가 팔로잉 하는 유저, 혹은 사용자를 팔로우하는 유저) 전체를 클리아언트에서 저장해두고 멘션 입력시 클라이언트에서 필터링해주는 방식을 택했다. const fetchMentionList = async () => { const response = await httpGet('/user/mentionlist'); allMentionList =..
웹 (web)/모헤윰 프로젝트
2023. 2. 7. 19:12