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

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