FBplayer - 2025-1학기 한국기술교육대학교 인공지능기초 수업 자료 웹사이트

배포된 사이트 링크!

작업자

• frontend: jingjing2222
• backend: GJK111

주요 기능

1) 축구선수 전체 검색

• 전체 선수 목록을 조회할 수 있습니다.

2) 이름 검색

• 선수 이름을 입력하여 해당 선수의 정보를 조회할 수 있습니다.

3) 포지션별 검색

• 공격수, 미드필더, 수비수, 골키퍼 등 포지션을 선택하여 선수 목록을 필터링할 수 있습니다.

4) 국가별 검색

• 특정 국가를 선택하여 해당 국가 선수 목록을 필터링할 수 있습니다.

---

상세 기능

Read

react-query(useInfiniteQuery)

• 최초 50명의 선수만 렌더 후, Load 클릭시 다음 페이지를 Fetch하여 추가 로드

---

📌 기술 스택 (Tech Stack)

🏗️ 프레임워크 & 라이브러리

🎨 스타일링

🛠️ 개발 환경 & 도구

✨ ESLint & 코드 스타일링