[javascript] Isotope에서 사용되는 클래스와 속성에 대해 알려주세요.

Isotope는 웹 개발에서 사용되는 레이아웃 라이브러리입니다. 이 라이브러리를 사용하여 요소를 동적으로 정렬, 필터링 및 재배열할 수 있습니다. Isotope에서 사용되는 주요 클래스와 속성은 다음과 같습니다:

  1. .isotope: 이 클래스는 Isotope 객체를 생성하는 데 사용됩니다. 이 클래스를 적용한 요소를 Isotope 그리드로 변환합니다.

  2. .isotope-item: 요소를 나타내는 클래스입니다. 이 클래스를 가진 요소들은 Isotope 그리드에서 정렬이 이루어집니다.

  3. .isotope-filter: 필터링 작업을 수행할 때 사용되는 클래스입니다. 필터링 링크를 클릭하거나 버튼을 클릭하여 필터링 작업을 트리거하는 데 사용됩니다.

  4. .isotope-hidden: 요소를 숨기는 데 사용되는 클래스입니다. 이 클래스를 가진 요소는 Isotope 그리드에서 숨겨집니다.

  5. data-filter: 이 속성을 사용하여 요소를 선택적으로 필터링합니다. 필터링할 때 이 속성에 지정된 값을 기준으로 요소를 필터링합니다.

  6. data-sort-value: 이 속성을 사용하여 요소를 정렬하는 데 사용됩니다. 이 속성은 요소에 대한 정렬 순서를 지정할 수 있습니다.

이러한 클래스와 속성을 사용하여 Isotope를 효과적으로 활용할 수 있습니다. 더 자세한 내용은 Isotope 공식 문서를 참조하시기 바랍니다.