# 모델에서 직접 라이브 스트리밍되는 웹사이트

> Clean Markdown view of GeekNews topic #28820. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=28820](https://news.hada.io/topic?id=28820)
- GeekNews Markdown: [https://news.hada.io/topic/28820.md](https://news.hada.io/topic/28820.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2026-04-23T23:36:03+09:00
- Updated: 2026-04-23T23:36:03+09:00
- Original source: [flipbook.page](https://flipbook.page/)
- Points: 1
- Comments: 1

## Topic Body

- **실시간 온디맨드 생성**으로 모든 페이지를 이미지로 만들고, 이미지 안의 대상을 클릭하면 더 깊게 탐색하는 새 화면이 생성됨
- 화면에는 **HTML이나 입력 필드**가 없고, 텍스트까지 이미지 모델이 픽셀로 직접 렌더링하는 **픽셀 중심 인터페이스**로 동작함
- 페이지 정보는 **agentic web search**와 이미지 모델의 세계 지식을 함께 사용해 만들며, 정확도는 ChatGPT, Gemini, Claude에서 기대하는 수준과 비슷하다고 적혀 있음
- **live video stream** 기능은 탐색 이미지를 애니메이션화하고 전환을 매끄럽게 만들지만, 현재는 예측이 어렵고 자원 소모가 커서 토글 뒤에 숨겨져 있음
- 지금은 **실험적 탐색·학습 도구**에 가깝지만, 이미지·비디오 모델의 정확도와 성능이 높아지면 더 많은 실제 데이터와 상호작용, 작업 수행, 데이터 저장까지 포함하는 환경으로 확장될 수 있음

---

### 개요
- **실시간 온디맨드 생성**으로 동작하는 무한 시각 브라우저이며, 사용자가 도착하는 모든 페이지를 이미지로 구성함
- 화면에는 **HTML, 코드, 특정 링크나 입력 필드**가 없고, 이미지 안의 대상을 클릭하면 그 대상을 더 깊게 탐색하는 새 이미지가 생성됨
- 웹을 문서와 UI 요소의 집합이 아니라, 화면 위에 생성되는 **픽셀 중심 인터페이스**로 다시 구성함

### 동작 방식과 확장 방향
- 화면의 모든 텍스트도 **이미지 모델이 픽셀로 직접 렌더링**하며, 이미지 위에 별도의 텍스트 오버레이를 얹지 않음
  - 그 결과 텍스트가 불완전하거나 잘못된 위치에 나타날 때가 있으며, 모델이 개선될수록 나아질 수 있다고 적혀 있음
- 이미지 안의 정보는 **agentic web search**와 이미지 모델의 자체 세계 지식을 함께 사용해 만듦
  - 가끔 부정확할 수 있지만, 온라인의 실제 데이터에 보통 근거를 두는 유용한 출발점으로 소개됨
  - 사실 정확도는 ChatGPT, Gemini, Claude를 사용할 때 기대할 수 있는 수준과 비슷하다고 적혀 있음
- 텍스트와 색 사각형 위주의 화면 대신, **풍부한 시각 표현**으로 정보를 전달하는 컴퓨팅 경험을 목표로 둠
- 고정된 코드와 규칙만으로는 복잡하고 세밀한 아이디어를 전달하기 어렵다고 보고, 상황에 따라 **한 단어, 일러스트, 사실적인 렌더링**처럼 가장 효과적인 표현 방식을 택하는 방향을 강조함
- **live video stream**은 정적인 이미지를 더 연속적인 비디오 스트림으로 바꾸는 실험 기능이며, 각 탐색 이미지를 애니메이션화하고 그 사이 전환을 더 매끄럽게 만듦
  - 현재 동작은 다소 예측하기 어렵고 자원 소모도 커서, 켜고 끌 수 있는 토글 뒤에 두고 있음
  - 지금은 고도로 최적화된 커스텀 비디오 생성 모델과 이미지 생성 시스템 두 개를 함께 쓰며, 앞으로는 단일 시스템으로 통합할 계획이라고 적혀 있음
- 현재는 **실험적 탐색·학습 도구**로 설계됐지만, 이미지·비디오 모델의 정확도와 성능이 높아지면 더 많은 실제 데이터를 포함하고, 상호작용하고, 직접 작업을 수행하며 자체 데이터를 저장하는 페이지로 확장될 수 있음
  - 다음 여행을 조사한 뒤 다른 곳에서 예약하는 수준에서, Flipbook 안에서 전 과정을 처리하는 수준으로 바뀔 수 있다고 예시를 듦
  - 지금은 별도 앱과 웹사이트가 필요한 작업도, 앞으로는 Flipbook처럼 보이고 동작하는 환경 안에서 더 많이 처리할 수 있다고 적혀 있음
- 임베디드 비디오를 지원하지 않는 브라우저에서는 재생되지 않음
- 시연은 **미리 생성된 비디오**를 사용하며, 속도를 위해 편집돼 있음

## Comments



### Comment 56160

- Author: neo
- Created: 2026-04-23T23:36:04+09:00
- Points: 1

###### [Hacker News 의견들](https://news.ycombinator.com/item?id=47867048) 
- 이거 정말 **놀라움**. 어디선가 찾은 **수경재배 시스템** 다이어그램을 올렸더니  
  배관, 영양분 공급, 전기 배선 같은 세부 파트를 따로 고품질 다이어그램으로 만들어줬음  
  완전히 정확하진 않지만, 개념 자체는 아주 마음에 듦

- 차 **서스펜션 토크 스펙** 다이어그램을 만들어보라고 했는데, 내가 익숙한 주제라 확인해보니  
  거의 다 정확하게 그렸고 토크 수치도 맞았음  
  개별 부품을 클릭해서 더 확대하고 추가 스펙까지 볼 수 있었음  
  오랜만에 본 데모 중 가장 인상적이었고, 살아 있는 **Haynes 정비 매뉴얼**처럼 쓸 수 있었음
  - 정원 창고용 **12V 태양광 시스템** 설계를 시켜봤는데, 큰 틀만 맞고 나머지는 전부 틀렸음  
    태양광 패널, 충전 컨트롤러, 배터리, 부하가 필요하다는 정도만 맞췄고 배선은 말이 안 됐음  
    충전 컨트롤러 설정 같은 세부로 들어가니 완전히 무너짐  
    실제로 의존할 정보로는 절대 못 쓰겠고, 구경거리로는 재밌고 구현은 인상적임
  - 뒷마당의 오래된 문으로 **자전거 보관소**를 만들 계획이라 설계를 시켜봤는데  
    결과물은 그냥 평범한 창고에 upcycled door만 붙여둔 수준이었음  
    자전거가 어디에 들어가는지도 안 보이고, 실제 완성 형태와 닮지도 않은 구조만 제시했음  
    다른 AI 데모들과 똑같이 겉보기는 그럴듯하지만, 시스템은 자기가 뭘 하는지 근본적으로 이해하지 못함
  - 직접 시험해봤음  
    **Jeep Wrangler JK 엔진룸**에 부품 라벨을 붙여달라고 했더니 처음엔 그럴듯한 다이어그램이 나왔음  
    그런데 브레이크액 리저버가 반대편에 있고, 그 자리에 냉각수 오버플로우 탱크 라벨이 붙어 있었고, 실제 오버플로우 탱크는 그려져 있는데 라벨이 없었음  
    배터리 위치도 틀렸고, 프런트 그릴 윗부분은 오일 필터 캡이라고 적혀 있었고, 오일 주입구 위치도 틀렸음  
    배터리 절반은 퓨즈박스로 라벨링됐는데 진짜 퓨즈박스는 반대편에 제대로 그려져 있으면서 라벨이 없었음  
    앞유리 워셔액 탱크도 서로 붙어 있는 두 개로 나왔음  
    잘못 라벨된 냉각수 탱크를 클릭하니 다른 페이지로 가면서 이번엔 위치만 맞고 생김새는 전혀 다른 탱크가 나왔고, 라디에이터 캡도 탱크 위에 올려놨음  
    실제로는 라디에이터 위에 있어야 함  
    아는 사람이 보면 모든 부분에서 흠을 찾을 수 있는데, 모르는 사람 눈에는 꽤 믿을 만하게 보인다는 게 딱 **LLM**의 이야기 같음
  - 책상 위에 **Mac Pro 5,1**을 완전히 분해해 둔 상태에서 내부 다이어그램을 시켜봤는데  
    겉보기엔 MacPro 비슷했지만 시각 요소는 전부 틀렸음  
    텍스트도 처음 얼핏만 맞아 보일 뿐이고, 클릭해서 들어간 내용도 거의 다 틀렸음  
    보기엔 멋졌지만, AI가 이렇게까지 계속 틀리는 건 2023년 이후 처음 본 느낌임
  - `"your mom"`이라고 넣었더니 **모성의 역사적 사회 타임라인** 위에 태반을 겹쳐놓은 걸 만들어줬음  
    이건 승인함

- 멋진 프로젝트이긴 한데, 이런 걸 만들고 **공개 서비스**로 돌릴 자원과 돈이 어떻게 나오는지 늘 궁금함  
  자체 GPU가 있거나 GPT/Gemini API를 기업 보조 인퍼런스로 쓰는 거겠지만  
  검소하게 살아온 입장에선 여전히 감이 잘 안 잡힘
  - 아쉽지만 이건 그냥 **자비로** 내고 있음  
    이렇게까지 터질 줄은 전혀 예상 못했음
  - **HN 허그 오브 데스** 한 번 맞고 하룻밤 사이에 인퍼런스 비용 **5만 달러** 청구서 받으면 곧 내려갈 것 같음
  - 대학 소속일 수도 있지 않나 싶음
  - 취미에 돈을 쓰는 걸 생각하면 그리 이상한 일은 아님  
    누군가는 게임, 그림, 목공에 돈을 쓰고  
    어떤 사람은 술이나 스포츠 대신 **FAANG급 연봉**에서 남는 여가 예산을 **GenAI 아트 프로젝트**에 쓰기도 함  
    취향이 아닐 수는 있지만, 남이 보면 사치처럼 보일 만한 지출은 누구 예산에나 하나쯤 있음
  - 나도 비슷한 이유로 아예 시도조차 안 하려 했음  
    여기선 그걸 **immigrant mentality**라고 부르는데, 비하가 아니라 인생을 처음부터 다시 시작한 사람 특유의 검소함에 가까움  
    게다가 엄청 느려서 결국 기다리지 않았음  
    만든 사람을 탓하는 건 아니고, 그냥 정말 너무 느렸음

- 처음엔 이게 다이어그램이 아니라 **웹페이지 자체를 실시간 생성**하는 줄 알았음  
  사용자 필요에 맞춰 애플리케이션이 즉석에서 만들어지는 미래를 늘 흥미롭게 생각했는데  
  이런 걸 실제로 만든 사례가 있는지 궁금함

- **Mac Neo**, 2개의 M4 quantum 칩, solid state battery, graphene connector라는 설정이 나왔음  
  [https://flipbook.page/n/942776fea47c4274a9a4589134924ef5](<https://flipbook.page/n/942776fea47c4274a9a4589134924ef5>)

- **Sneed's Feed and Seed**가 나옴. Formerly Chuck's라고도 붙어 있음  
  [https://flipbook.page/n/4a5e1797903b478c876a35e64c6c57fe](<https://flipbook.page/n/4a5e1797903b478c876a35e64c6c57fe>)
  - 소유권 이력을 따라가 봤더니 마지막 성을 **Chuck's Feed and Seed**라고 해버렸음  
    이걸 제대로 맞췄으면 정말 감탄했을 듯
  - 진심으로 **심슨** 최고의 농담 중 하나라고 생각함

- 자기 **학습 데이터** 안에는 없는 것처럼 보임  
  [https://flipbook.page/n/d739a0bbc3664ba2aad331c90fef7406](<https://flipbook.page/n/d739a0bbc3664ba2aad331c90fef7406>)

- 아이디어는 흥미로운데 지금은 거의 전부 실패하고 있음  
  아마 **HN 허그 오브 데스** 때문에 그런 듯  
  `Gemini generateContent request failed`와 함께 **429 RESOURCE_EXHAUSTED**가 뜨고  
  현재 할당량을 초과했다며 요금제와 청구 정보를 확인하라고 나옴  
  자세한 제한 정보 링크도 함께 표시됨

- 메인 페이지 데모가 **Paris Travel Overview / Visiting Notre Dame**를 보여줘서  
  실제로 가본 도시와 장소 몇 군데로 시험해봤음  
  관심 지점 자체는 종종 맞게 잡는데, 서로의 **공간적 위치 관계**는 완전히 엉망이었음  
  현실과는 전혀 가깝지도 않았음

- 이런 건 **HN 허그 오브 데스**를 맞기엔 꽤 비싼 제품처럼 보임  
  트윗에 올라온 샘플 영상들은 정말 멋졌음  
  다만 지금은 잘 동작하지 않아서, 트래픽이 좀 죽고 며칠 뒤에 다시 써볼 생각임
