React 자동완성 정리, 실활용 사례

horiz.d·2023년 3월 23일

최근 코테준비를 위한 자구,알고리즘을 공부하며 Trie라는 새로운 자료구조를 배우고 구현해봤음.
Trie는 검색창 자동완성 등, 문자열을 키로 하는 탐색 트리의 일종으로 자동완성에 주로 사용되는 자료구조다.

자동완성은 실제로 많은 곳에 활용되고, 실제로 내 프로젝트에 어떻게 도입할지 고민했던터라 관심을 가지고 실제 리액트 프로젝트에서의 구현 혹은 일반적인 적용법을 조사하고 기록한다.


  1. React 직접 구현: https://velog.io/@beanlove97/React-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%EA%B8%B0%EB%8A%A5

  2. React: https://velog.io/@gbwlxhd97/%EA%B2%80%EC%83%89%EC%B0%BD-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-%EB%A7%8C%EB%93%A4%EA%B8%B0-featreact

  3. React : https://velog.io/@boyfromthewell/React-%EA%B0%84%EB%8B%A8%ED%95%9C-%EA%B2%80%EC%83%89%EC%96%B4-%EC%9E%90%EB%8F%99%EC%99%84%EC%84%B1-UI-%EB%A7%8C%EB%93%A4%EA%B8%B0

  4. 트라이 작동 구조 : https://azderica.github.io/til/docs/dev/system-design-interview/ch13/

profile
가용한 시간은 한정적이고, 배울건 넘쳐난다.

0개의 댓글