일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 코딩테스트
- 스택
- 웹크롤링
- 비디오 스트리밍
- 네이버 부캠
- git checkout
- PubSub 패턴
- 자바 프로젝트
- 자바스크립트
- 네이버 부스트캠프 멤버십
- 씨쁠쁠
- 파이썬
- beautifulsoup
- 부스트캠프
- 자바스크립트 객체
- 브라우저 동작
- 파이썬 코딩테스트
- 멘션 추천 기능
- React.js
- 네이버 부스트캠프
- 파이썬 웹크롤링
- React ssr
- 프로그래머스
- Next/Image 캐싱
- 자바스크립트 컴파일
- Server Side Rendering
- Next.js
- c++
- react
- Image 컴포넌트
Archives
- Today
- Total
목록멘션 추천 기능 (1)
코린이의 개발 일지

구현 목표 모헤윰 에디터는 div 태그에 contenteditable 속성을 true로 설정해서 구현했다. 이 에디터에 오른쪽 그림과 같이 커서 오른쪽으로 사용자 멘션 추천 드롭 다운을 띄워줄 계획이다. 사용자 매 입력마다 입력된 글자로 시작하는 멘션 추천 목록을 갱신해준다. 매 입력마다 api요청을 보내는 방식보다 처음에 멘션 대상이 되는 사용자 목록(현재 로그인한 사용자가 팔로잉 하는 유저, 혹은 사용자를 팔로우하는 유저) 전체를 클리아언트에서 저장해두고 멘션 입력시 클라이언트에서 필터링해주는 방식을 택했다. const fetchMentionList = async () => { const response = await httpGet('/user/mentionlist'); allMentionList =..
웹 (web)/모헤윰 프로젝트
2023. 2. 7. 19:12