Hacker News 첫 페이지를 인쇄 신문으로 제작하기 (개인화 가능)

• 해커뉴스 첫페이지 글의 원문 일부를 가져와서 신문처럼 편집
• Like/Dislike 를 누름에 따라 추천 글이 변경됨
• 추가 예정 : 전체 코멘트 보기, 멀티 페이지 브라우징, 좋아요 & 싫어요 저장

[GN⁺]

Hacker News 의견들

• 첫 화면 사진은 기준이 매우 높아야 하는데, 지금 이미지 대부분은 그 공간을 차지할 만큼은 아니라고 봄
  GitHub 같은 상투적인 페이지 미리보기, arXiv나 Aide 같은 일반적인 사이트 로고, 정장 입은 모델 같은 스톡 이미지나 AI 이미지, 소수 글의 장식 이미지, 저자 사진은 피하는 편이 좋겠음
  이 맥락에서 자동 재생 GIF는 매우 산만함. 내용 자체는 좋을 수 있지만, 내게는 “원할 때 재생”이 더 적절함
  역사 글의 검투사나 바퀴벌레처럼 관련 있고 고유한 시각 자료일 때 이미지는 더 잘 작동하지만, 그래도 첫 화면급은 아님
  정말 자리를 차지하려면 텍스트 이상의 정보를 더해야 함. 우주 사진이나 데이터 시각화처럼 글 자체가 이미지에 관한 경우를 식별하면 표시 방식에 실질적인 가치가 생길 듯함

  • “왜 신경 써야 하는지 설명 없는 잘 알려지지 않은 인물의 사망 소식” 같은 것도 있음

• 임베딩을 실험하고, 정보를 보여주는 방식이 인식에 어떤 영향을 주는지 살펴보려고 만들었음
  상위 100개 스토리를 가져와 HTML을 GPT-4에 보내 본문을 추출하고, 제목과 본문으로 임베딩을 만듦. HTML 파싱만으로는 결과가 충분히 좋지 않았음
  좋아요/싫어요는 로컬 저장소에 저장하고, 모든 스토리와 코사인 유사도로 비교해 가장 관련 있는 스토리를 찾음
  운영 비용은 하루 약 10달러임. 작은 구독료로 추가 가치를 제공할 수 있을지 생각 중임. 신문 페이지를 더 제공하거나, 전체 본문/댓글, 주간 요약, ePub 내보내기 같은 것들이 가능할 듯함

  • HN의 가장 큰 가치는 댓글에서 나올 때가 많고, 좋은 댓글을 찾기는 훨씬 더 어려움. 원래 읽지 않았을 스레드 안에 숨어 있을 수 있기 때문임
    꼭 “프리미엄 기능”인지는 모르겠지만, 이 방식을 댓글 전반으로 확장하면 매우 멋질 듯함
  • 왜 하루에 10달러나 드는지 모르겠음. 하루 1달러를 넘지 않아야 할 것 같고, AWS나 Azure 크레딧을 쓰면 몇 년은 무료로 돌릴 수 있음
  • 여기서 말한 건 임베딩으로 코사인 유사도를 쓰는 방식인가 봄
    나도 주식 쪽에서 비슷한 걸 하고 있음. 대부분의 종목에 대해 수십 년치 10-Q 보고서와 가중 ETF 보유 종목을 가져와, 오토인코더로 임베딩을 만들고 Rust WASM에서 코사인 및 유클리드 알고리즘을 돌림
  • 꽤 좋음. 천천히 읽을 때는 이걸 쓰고, 급할 때는 원래 HN 사이트를 쓸 것 같음
    HTML을 GPT-4에 바로 보내는 것보다, 먼저 Markdown으로 변환한 뒤 LLM에 보내면 결과가 더 좋았다는 댓글들을 본 기억이 있음. 비용도 조금 줄일 수 있을 듯함

• 이건 인쇄 신문처럼 보이지 않음. 인쇄 신문은 보통 훨씬 정보 밀도가 높고, 편집자가 고른 스토리를 강조하기 위해 제목 크기도 다르게 씀
  지금은 기업 블로그 홈 화면 같은 느낌임. 이런 표현 방식을 좋아할 사람도 있겠지만, 나는 현재 HN에 꽤 만족함. 그래도 출시한 건 축하함

  • 동의함. 다만 나는 편향되어 있음. 2009년에 원글과 거의 같은 앱을 만들었고, 신문처럼 제목 크기가 달랐음
    https://github.com/gilesbowkett/hacker_newspaper/blob/master...
    5년에서 10년 정도 운영하다가 결국 중단했음
    원글을 깎아내리려는 건 아님. 원글 버전에는 사진이 있고 내 것에는 없었음. 다만 신문 제목 디자인에 내재한 시각적 위계가 이 형식의 중요한 장점이라는 데 동의함
  • 나머지 뉴스를 좀 더 HN 비슷한 형식, 적어도 최상위 수준에서는 그렇게 보고 싶다면 https://lite.cnn.com/가 마음에 들 수 있음
  • 몇 년째 https://dailypopulous.com/를 운영 중인데, 기본적으로 이것과 비슷하지만 일반 뉴스용임
    소셜 미디어에서 가장 인기 있는 뉴스 링크를 바탕으로 6시간마다 정적 신문판을 만들고, 이전 판 전체 아카이브도 제공함
  • 좋은 관찰임. 스토리 순위에 따라 디자인이 자동으로 시각적 위계를 만들도록 했어야 했을 듯함
  • 피드백 고마움. 인쇄 신문에는 편집 큐레이션이 있는데, 이건 그게 없음
    신문에서 가져온 핵심은 아마도 스토리 미리보기를 도와주는 이미지와 요약문 정도라고 봄

• 정말 깔끔해 보임. 오래전부터 비슷한 프로젝트를 해보고 싶었는데, Harry Potter 시리즈에서 영감을 받아 Daily Prophet 스타일로 만들고 싶었음
  https://harrypotter.fandom.com/wiki/Daily_Prophet?file=Daily...처럼 GIF와 효과를 넣는 방식임
  몇 년 전 HN에도 비슷한 프로젝트가 올라왔는데 꽤 멋졌음. E Ink 스마트 화면으로 벽에 신문을 띄우는 프로젝트였음 (https://news.ycombinator.com/item?id=22831323)

• 두 기자의 자식으로서, 한 명은 편집자였는데, 뉴스 편집과 지면 배치는 세리프 글꼴을 쓰고 타이포그래피를 조금 만지는 것보다 훨씬 복잡함
  제대로 된 제호 지면 배치에 가장 가까운 건 몇 달 전 HN에 올라온 이쪽이었음: https://cybernetic.dev/grid
  좋은 레이아웃의 핵심은 높은 정보 밀도와 가독성의 균형임. 이건 미니멀한 “가독성” 쪽으로 너무 치우쳤음
  디지털 출판 레이아웃 요소를 보고 싶다면 예전 InDesign/QuarkXPress 잡지를 살펴보면 좋겠음
  언젠가 뉴스 편집과 웹을 잘 융합한 훌륭한 레이아웃이 나오겠지만, 이건 아직 거기에 해당하지 않음

• 계속 “Failed to load stories”만 보이는데, 내가 뭔가 잘못하고 있는 건가? 로드되기 전에 설정해야 할 게 있나?

  • 글이 올라온 직후 사이트를 처음 열었을 때 나도 그걸 봤음. 12시간쯤 지나니 콘텐츠가 정상적으로 로드됨
    내 쪽 네트워크는 바꾸지 않았으니, 사이트 운영자가 설정을 바꾼 것 같음
  • 나도 같은 문제가 있었고 해결했음. 광고 차단기를 꺼야 함

• “Hacker Monthly” 기억하는 사람 있나? 몇 년 전에는 여기서 높은 표를 받은 인기 글을 보기 좋게 배치한 월간 PDF였음

  • 실제 종이 잡지도 인쇄해서 배송했음. 내가 쓴 글이 전문적으로 인쇄된 형태로 온 걸 받아본 건 그때가 처음이었음

• 꽤 멋짐. 수많은 제목을 훑는 방식보다 개별 게시물, 여기서는 기사에 더 집중하게 해주는 깔끔한 인터페이스가 좋음
  특히 Jupiter 관련 글은 원래 첫 화면에서는 눈에 안 들어왔는데, 이 사이트에서는 눈에 들어왔음
  좋아요/싫어요 없이도 관심 주제를 우선순위로 올릴 수 있는 사용자 지정 기능이 있으면 좋겠음. 예를 들어 emacs 태그가 붙은 글을 앞으로 밀어 올리는 식임
  좋아요와 싫어요 버튼도 전반적으로 숨길 수 있으면 좋겠음. 신문 스타일 UI가 잘 벗겨낸 소셜 미디어 느낌을 다시 주기 때문임

  • 내게는 조금 반대임. 기본 보기에서는 모든 제목을 실제로 읽고, 클릭하면 무엇이 있을지 생각하게 됨
    이 버전에서는 생각 없이 스크롤하면서 더 많이 훑게 됨
  • 별도의 “customize” 페이지에서 키워드를 추가할 수 있게 해도 좋을 듯함

• 좋음. 최근에 임베딩 기반으로 첫 화면을 개인화하는 Chrome 확장을 작업했음
  https://chromewebstore.google.com/detail/hn-explorer/amiaaon...