토픽 목록 썸네일 또는 토픽 목록 미리보기와 유사한 컴포넌트 또는 플러그인 개발

목표: 토픽 목록을 거의 “바닐라” 상태로 유지하면서, “갤러리” 토픽(사람들이 사진을 올리는 데 주된 목적이 있고 토론이 적은 토픽)의 가시성을 높이고, 토픽을 열지 않고도 새로 게시된 사진을 한눈에 볼 수 있게 하는 것입니다.


컴포넌트에 대해 거의 자세히 살펴본 적 없고, 플러그인에 대해서는 더더욱 그렇지 않은 사람으로서, Topic List Thumbnails 와 Topic List Previews (TLP) 를 참고했을 때, 이러한 기능만 가진 유사한 컴포넌트/플러그인을 만드는 것이 얼마나 어려울까요?

  • 특정 태그(예: #gallery)가 있는 토픽의 경우, 토픽 제목 아래에 5개의 썸네일(또는 토픽에서 마지막으로 업로드된 이미지에 따라 그 이하의 수)이 생성되어 표시됩니다.

  • 단순화를 위해, 기존 토픽에 태그를 추가하는 경우 기존 게시물을 기반으로 썸네일이 생성되지 않습니다. 이후 게시물에서 새로운 이미지가 추가될 때만 썸네일이 생성됩니다.

  • 태그를 제거하면 토픽 목록에서 썸네일이 제거되지만, 태그를 다시 추가했을 때 다시 표시되도록 어딘가에 저장해 두는 것이 좋을지?

  • 컴포넌트/플러그인 옵션으로는 다음이 포함됩니다:

    • 갤러리로 간주할 태그 슬러그 또는 ID
    • 토픽 목록에서 토픽 제목 아래에 표시할 최대 썸네일 수

결과물은 다음과 같을 것이며, 각 이미지에 해당 썸네일이 생성된 게시물로 연결되는 링크가 있을 수 있습니다(클릭 시 라이트박스 없음):

그렇게 간단하지 않습니다. 여러 썸네일을 직렬화해야 하므로 썸네일 아키텍처에 상당한 변경이 필요합니다. 따라서 처음부터 플러그인으로 만들어야 합니다.

느린 연결 환경에서는 데이터 처리가 악몽이 될 수도 있고, 모바일 기기의 공간은 어쨌든 제한적이므로 이를 어떻게 표시할지 모르겠습니다.

왜 특정 태그에 반응하여 단일 선호 미리보기 이미지를 표시하면서 “images+” 또는 “gallery” 아이콘을 추가하지 않나요?