fullfish의 개발자 도전기

  • 홈
  • 글쓰기
  • 태그
  • 방명록

하이라이트검색 1

fuzzy검색의 highlight와 가중치 적용

참고 : https://taegon.kim/archives/9919 [JS] 한글도 지원하는 퍼지 문자열 검색 UI 작업을 하다보면 목록을 검색해야 할 때가 많다. 그런데 사람의 기억이라는 게 정확하지 않아서 혹은 전부 입력하기 귀찮아서 개떡같이 일부만 입력해도 찰떡같이 원하는 결과를 보여주는 UI taegon.kim Highlight 적용 검색을 한 글자를 빨간색으로 반환 가중치 적용 원래 db상 '과일먹자'가 '과자냠냠'보다 id값이 빨라서 상단에 위치했는데 유저가 좀더 찾기를 원했을만한 단어가 위로가게 가중치 적용 빨간색으로 색 바뀌는부분 코드 exports.chageRed = (data, search) => { const regex = createFuzzyMatcher(search); const ..

코딩 공부/검색 2022.05.11
1
더보기
프로필사진

  • 분류 전체보기 (248)
    • 코딩 테스트 (109)
      • 알고리즘 문제 푼거 모음 (1)
      • 알고리즘 공부 (22)
      • 프로그래머스 level1 (56)
      • 프로그래머스 level2 (28)
      • 기타 (1)
    • 코딩 공부 (50)
      • 코드스테이츠 TIL (22)
      • 공부 (16)
      • 보안 (6)
      • 검색 (6)
    • nomadcoder (13)
      • Vanilla JS (4)
      • React JS로 영화 웹 서비스 만들기 (1)
      • React JS 마스터클래스 (6)
      • Typescript로 블록체인 만들기 (2)
    • Project (54)
      • mini-project (3)
      • codestates-first-project (9)
      • codestates-final-project (29)
      • arduino (8)
      • unity (2)
      • fullmemo (3)
    • RN (12)
    • 기타 (8)
      • 비공개 (0)
      • 기타 (8)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

글쓰기

티스토리툴바