TL;DR

  • Shelf는 링크를 저장한 뒤 페이지 스크린샷을 생성해 이미지 갤러리로 보여주는 셀프 호스팅 북마크 앱으로, 스크린샷 실패 여부와 관계없이 링크를 보존함.
  • Node 22, TypeScript, Fastify, SQLite, Playwright, React, Vite, Docker Compose로 구성되며, 홈 네트워크와 tailnet에서 별도 로그인 없이 구동됨.
  • 페이지당 미리보기와 최대 16,000픽셀 높이의 전체 페이지 스크린샷을 만들고, 색상과 기술·플랫폼·색감 태그를 제공하며 선택형 비전 모델 태그 기능도 갖춤.
  • Hermes가 링크를 보낼 수 있는 HTTP API를 제공하며, 의미 검색·향상된 커버 이미지·과거 저장 링크 재노출 보기·Raindrop 가져오기는 아직 구현되지 않음.
  • 함께 소개된 항목은 Widow’s Bay 사운드트랙 바이닐 박스 세트, Picasso풍 입체파 초상화 안내 영상, Fugleramme 새 소리 감지 액자, Photon Studio 이미지 편집기와 시청 기록임.

Shelf: 보관하고 싶은 링크를 위한 공간

  • 흥미로운 웹페이지를 자주 저장해도 다시 찾기 어렵고, 파란색 URL만으로는 특히 아름다운 사이트의 모습을 떠올리기 어려워 링크를 이미지로 보관하는 셀프 호스팅 앱 Shelf를 만듦.
  • 링크를 저장하면 Shelf가 먼저 링크를 보관하고, 백그라운드에서 페이지를 열어 스크린샷을 생성함. 링크는 이미지로 구성된 벽돌형 갤러리에 들어가며, 갤러리에서 눈으로 찾거나 검색할 수 있음.
  • 검색 대상은 제목, 설명, 도메인, 페이지 텍스트, 메모와 태그임. 분류나 파일링은 필요하지 않고 메모와 태그도 선택 사항임.
  • 스크린샷 생성 전에 링크를 저장하므로 스크린샷 작업이 실패해도 링크는 보존됨.
  • 서버는 Node 22, TypeScript, Fastify로 구성됨. 데이터베이스는 better-sqlite3를 통한 SQLite이며 실제 SQL 마이그레이션을 사용함.
  • Playwright가 Chromium을 제어해 스크린샷을 만들고, sharp가 이미지를 처리함. 프런트엔드는 React와 Vite, 일반 CSS로 구성됨.
  • 전체 구성은 Debian 서버에서 단일 Docker Compose 서비스로 실행되며 다른 의존 서비스는 필요하지 않음.
  • Shelf는 공개 인터넷이 아니라 홈 네트워크와 tailnet에서만 사용하므로 로그인이 없음.
  • 디자인은 MyMind에서 영감을 얻어 차분하고 이미지 중심으로 구성했으며, 화면에서 사용자의 주의를 끄는 요소를 최소화함. 기본 테마는 짙은 세이지 그린이고 라이트 테마도 제공함.
  • 한 번에 두 페이지의 스크린샷을 만들고, 실패하면 재시도함. 각 페이지마다 보이는 영역의 미리보기와 높이 최대 16,000픽셀의 전체 페이지 스크린샷을 생성함.
  • 각 스크린샷에서 주요 색상 다섯 가지를 찾고 기술, 플랫폼, 색감 태그를 추가함. 이를 통해 특정 프레임워크로 만든 어두운 단색 사이트를 검색할 수 있음.
  • 선택형 비전 모델이 추가 태그를 만들 수 있으며, 미리보기 생성은 비전 모델의 응답을 기다리지 않음.
  • 일반 HTTP API를 제공해 Hermes가 링크를 직접 전송할 수 있음. 동영상 다운로드와 일기에도 이미 같은 구성이 있으며, Shelf를 통해 시각적 북마크에도 적용함.
  • Shelf는 아직 초기 단계임. 의미 검색, 더 나은 커버 이미지, 오래전에 저장한 항목을 다시 보여주는 보기, Raindrop 가져오기는 아직 구현하지 않음. Shelf는 임시 이름이지만 앱은 작동 중이며 매일 사용되고 있음.
  • 코드는 GitHub에서 확인할 수 있음: https://github.com/pierrenel/shelf

함께 소개된 링크와 프로젝트

  • Widow’s Bay — Apple Original Series Soundtrack (Deluxe Box Set): Mutant가 David Fleming의 Apple TV 시리즈 *Widow’s Bay* 음악을 100달러짜리 디럭스 바이닐 박스 세트로 출시하며, 예상 발매 시점은 2026년 12월이고 구매 수량은 고객당 한 세트로 제한됨.
  • 음악은 분위기 있는 신시사이저, 몽환적인 현악기, 테레민을 연상시키는 보컬과 공포 영화식 효과음을 결합함. Matthew Rhys가 출연하고 Katie Dippold와 Hiro Murai가 만든 뉴잉글랜드 섬 배경의 코미디 호러와 어울리는 구성임.
  • 구성품은 20페이지 책자, 게임 *Run*의 카드 25장 복제품, 시장 전용 편지지, *Cannibalism in God’s House* 신문 인쇄물 복제품임. 칵테일 초대장까지 포함해 TV 사운드트랙을 지방자치단체의 불길한 분위기를 담은 작은 기록물로 구성함.
  • https://madebymutant.com/products/widows-bay-apple-original-series-soundtrack-deluxe-box-set
  • How to Paint Like Picasso: Tate의 짧은 영상은 Picasso의 *Bust of a Woman* (1909)을 바탕으로 입체파 초상화를 그리는 과정을 안내함. 인물의 얼굴을 여러 면으로 나누고 관점을 바꾸는 입체파 기법을 다룸.
  • 약 5분 분량의 실습 중심 영상으로, 미술사 강의보다는 스튜디오 시연에 가까우며 어렵게 느껴지는 화풍을 이해하기 쉽게 보여줌. Tate 유튜브 채널에는 이처럼 부담 없이 따라 할 수 있는 안내 영상이 다수 있음.
  • Fugleramme: Raspberry Pi와 Inky Impression 전자잉크 패널을 활용한 새 액자로, 화면을 보는 대신 소리를 듣는 방식임. USB 마이크가 BirdNET-Go에 입력을 보내고, 분류기가 최근 들린 새 종을 판별해 Fugleramme가 콜라주로 표시함.
  • 새 이미지는 퍼블릭 도메인 자연사 그림을 오려 손으로 골라 질감 있는 종이 페이지에 배치한 것임. 몸무게가 큰 종일수록 중앙에 크게 배치됨.
  • BirdNET-Go를 직접 설치하거나 이미 실행 중인 인스턴스에서 데이터를 읽을 수 있으며, 같은 화면을 웹 키오스크로도 제공함. 제작자의 액자는 베르겐 주방 창문에서 실시간으로 작동하며 정원에서 들리는 새를 보여줌.
  • https://arnegiacomo.dev/fugleramme/
  • Photon Studio — Edit photos. Create designs.: macOS, Windows 11, Linux용 무료 데스크톱 이미지 편집기로, 레이어, 마스크, 스마트 오브젝트, 조정 레이어와 기본 PSD 지원을 제공함.
  • 도구에는 Liquify 변형, 실시간 Curves 미리보기, 레이어 효과, 명령 검색, 피사체 선택과 배경 제거가 포함됨.
  • 모든 작업은 로컬에서 실행되며 파일을 열기 위해 업로드, 대기열 또는 계정이 필요하지 않음. 오프라인에서 작동하고 사용자 파일에 개입하지 않는 이미지 편집을 제공함.
  • https://tenzen.studio/photon/

시청 기록

  • *Exhuma* (2024): ★★★★
  • *The Runner* (2026): ½