Cabi Admin 검색창에 검색어 입력한 모습
이 온보딩 프로젝트의 목표는 입력된 검색어에 따라 결과를 표시하는 간단한 동적 검색 기능을 만드는 것입니다. 사용자가 검색창에 텍스트를 입력하고, 이에 대응하여 서버에서 데이터를 검색한 후 결과를 화면에 표시합니다.
React 및 TypeScript 프로젝트를 생성합니다.styled-components, axios, json-server)를 설치합니다.
json-server)는 devDependencies에 설치하세요.db.json 를 추가하고, **package.json**에 명령어를 추가하여 Mock Server를 실행하세요.
SearchBar 컴포넌트를 구현합니다.SearchResults 컴포넌트를 구현합니다.axios 라이브러리를 사용하여 가짜 API 서버와 통신하는 코드를 작성하세요.GET /users?name_like=${**name**}