콘텐츠 접근이 가능한 아코디언을 만들어보자! (with. until-found, details)
1. 들어가며… 서비스 플랫폼의 경우 FAQ, Q&A에 주로 아코디언을 사용한다. 그리고 FAQ나 Q&A는 유저가 자주 묻는 질문이거나 유저에게 기본으로 전달하고 싶은 내용이다. 그런데 유저가 일일이 항목을 열어 내용을 보기도 하지만, 특정 키워드가 궁금해 검색하는 경우는 없을까? 혹시나 싶어 검색 기능을 사용해봤지만 대부분의 사이트에서 내부 콘텐츠 검색 기능을 제공하지 않고 있었다. ❓ 어떻게 해야 검색이 가능한 아코디언 UI를 만들 수 있을까? 방법은 총 2가지가 있는데, 이번 시간에는 2가지 방법으로 컨텐츠 검색이 가능한 아코디언을 만들어보았다! (만약 UI 라이브러리의 아코디언 구조가 궁금하다면 이 포스팅을 참고하자) 2. 콘텐츠 접근이 가능한 아코디언 만들기 1) details 태그로 구현하는 ..
2024. 2. 13.
