본문으로 건너뛰기

트렌딩 - GitHub 인기 레포 & HuggingFace 모델

aslost/pixtale

TypeScript0 / 0

EXIF 정렬과 S3 저장을 갖춘 Next.js 기반 Masonry 사진 갤러리입니다.

TL;DR

Pixtale은 Next.js와 Hono를 기반으로 만든 독립형 self-hosted 사진 갤러리 애플리케이션입니다. Masonry 레이아웃에 cursor pagination과 virtualized rendering을 결합하고, 썸네일과 고해상도 미리보기를 분리해 많은 사진을 효율적으로 탐색합니다. EXIF metadata를 읽어 촬영 시간순으로 정렬하며 로컬 저장소와 S3-compatible object storage를 모두 사용할 수 있습니다. Docker 또는 Vercel 배포와 다중 사용자 계정을 제공하므로 개인 사진 보관 서비스나 소규모 공유 갤러리의 기반으로 검토할 만하지만, 인증·권한과 운영 보안 세부사항은 별도 확인이 필요합니다.

핵심 포인트

  • Pixtale은 Next.js와 Hono로 만든 독립형 개인 사진 갤러리 애플리케이션입니다. 사진을 로컬 저장소나 S3-compatible object storage에 보관하고 Docker 또는 Vercel로 배포합니다. 개인 사진을 직접 운영하는 self-hosted 웹 갤러리를 찾을 때 적합한 구조입니다.
  • Masonry Gallery는 cursor pagination 기반 infinite scroll과 virtualized rendering으로 많은 사진을 나눠 불러옵니다. 썸네일과 고해상도 미리보기를 별도로 생성해 느린 네트워크에서도 초기 표시 부담을 줄입니다. 사진 수가 많고 모바일 접속이 잦은 갤러리에서 핵심적인 선택 기준입니다.
  • 사진의 EXIF metadata를 파싱해 촬영 시간순으로 정렬합니다. 화면은 데스크톱과 대부분의 모바일 브라우저에 맞춰 반응형으로 바뀝니다. 단순 파일 목록보다 촬영 시점과 시각적 탐색을 중시하는 사진 보관 서비스에 어울립니다.
  • 여러 사용자 계정을 생성하고 관리할 수 있어 단일 사용자 전용 도구보다 운영 범위가 넓습니다. SQLite와 Drizzle을 사용하고 UI에는 shadcn/ui를 적용해 전체 스택이 TypeScript 중심으로 구성됩니다. 다만 README에는 인증 방식, 권한 세분화, S3 설정 예시와 운영 보안 세부사항이 드러나지 않아 배포 전 확인이 필요합니다.

이미지 분석

Pixtale의 사진 목록 화면에서 다양한 비율의 이미지가 Masonry 레이아웃으로 배치되어 있습니다.
화면은 여러 열의 사진 카드를 서로 다른 높이로 배치해 일반적인 격자보다 빈 공간을 줄이는 갤러리 구성을 취합니다. README의 Masonry Gallery, 반응형 화면, infinite scroll 기능과 직접 연결되는 시각 자료입니다.
Pixtale가 세로형 사진을 크게 표시하면서 오른쪽 패널에 파일명, 형식, 용량, 해상도, 색 공간, 촬영일과 저장 위치를 표시합니다.
사진 상세 화면은 원본 이미지를 중앙에 크게 렌더링하고 오른쪽 Basic Information 패널에서 JPEG 형식, 0.6MB 용량, 1080 × 1845 해상도, 촬영일과 저장 위치를 함께 표시합니다. 이는 EXIF metadata 파싱과 고해상도 미리보기 기능이 실제 화면에서 어떻게 결합되는지 확인하게 해줍니다.

187

Stars

18

Forks

+208

Trending

0

조회수

187 watchers0 open issuesGNU Affero General Public License v3.0

관련 토론

아직 관련 토론이 없습니다.

댓글

댓글을 작성하려면 로그인이 필요합니다.