소개
이 프로젝트에서는 Vue.js 를 사용하여 동적 메뉴 트리 검색 기능을 구축하는 방법을 배우게 됩니다. 이 프로젝트는 JSON 파일에서 보조 메뉴 데이터를 가져오고, 퍼지 검색 기능을 구현하며, 페이지에 필터링된 메뉴 트리를 표시하는 것을 포함합니다.
👀 미리보기
🎯 과제
이 프로젝트에서 다음을 배우게 됩니다:
axios라이브러리를 사용하여 JSON 파일에서 보조 메뉴 데이터를 가져오는 방법- 사용자 입력을 기반으로 메뉴 항목을 필터링하는 검색 기능을 구현하는 방법
- 일치하는 텍스트를 강조 표시하여 필터링된 메뉴 트리를 페이지에 표시하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다:
- Vue.js 를 사용하여 동적이고 대화형 사용자 인터페이스를 개발할 수 있습니다.
- JSON 파일에서 데이터를 가져와 비동기 데이터 가져오기를 처리할 수 있습니다.
- 사용자 입력을 기반으로 데이터를 필터링하는 퍼지 검색 기능을 구현할 수 있습니다.
- 계층적 메뉴 트리 구조를 표시하고 일치하는 텍스트를 강조 표시할 수 있습니다.
