아코디언(Accordion)에 대해 알아보자 (with. 라이브러리 구조 맛보기)
1. 들어가며… 얼마 전에 컨텐츠를 접었다 펼칠 수 있는 UI가 필요해, 아코디언(accordion) 컴포넌트를 만들었다. 이때 라이브러리의 아코디언을 참고했는데, 공통으로 제공하는 기능이지만 구현 방식이 조금씩 다른 걸 볼 수 있었다. 그래서 이번 시간에는 구현 시 참고했던 라이브러리들의 구조를 조금 더 살펴보는 시간을 가져보겠다. 2. 라이브러리별 아코디언 구조 맛보기 📌 라이브러리의 아코디언은 어떤 구조를 가질까? 여러 UI 라이브러리 중 MaterialUI, NextUI, Vuetify의 아코디언 구조를 확인해보았다. 1) 아코디언이 뭘까? 아코디언은 사용자가 필요한 정보를 보거나 숨길 수 있는 UI이다. 주로 Q&A나 FAQ와 같이 많은 정보를 효율적으로 표시할 필요가 있는 곳에서 사용된다. 아..
2024. 2. 4.
