사이트로 구현한 Hacker News 프런트 페이지
(thefrontpage.dev)- The Front Page는 Apple PICO, SpaceX Starship, DeepSeek, Microsoft DOS 등 기술·과학 뉴스를 한 화면에 모아 보여주는 사이트임
- Apple PICO는 학습 기반 이미지 압축 시스템으로, 전통 코덱 대비 최대 3배 비트레이트 절감이 가능하며 iPhone 17 Pro Max에서 실행됨
- SpaceX Starship V3 준궤도 시험은 엔진 고장에도 핫 스테이징과 prototype Starlink satellite payload를 포함해 성공함
- DeepSeek는 V4 Pro 모델에 토큰 기반 과금 영구 할인을 적용하고 향후 모델명 변경을 예고함
- Microsoft 초기 DOS source code 공개, Italy의 €1.39B Airbus A330 MRTT 계약, 1,000년 전 dingo 발굴도 함께 다뤄짐
The Front Page 구성
-
The Front Page
- Apple의 PICO (Perceptual Image Codec), SpaceX Starship V3 준궤도 시험, DeepSeek V4 Pro 영구 할인, Microsoft의 초기 DOS source code 공개 등 여러 기술·과학 뉴스를 한곳에 모아 보여줌
- Apple PICO는 전통 코덱 대비 최대 3배 비트레이트 절감이 가능한 학습 기반 이미지 압축 시스템이며 iPhone 17 Pro Max에서 실행됨
- SpaceX Starship V3 준궤도 시험은 엔진 고장에도 핫 스테이징과 prototype Starlink satellite payload를 포함해 성공함
- DeepSeek는 V4 Pro 모델에 토큰 기반 과금 영구 할인을 적용하고 향후 모델명 변경을 예고함
- Microsoft는 가장 초기의 DOS source code를 오픈소스로 공개해 MS-DOS의 기원을 드러냄
- Italy는 €1.39 billion 규모로 Airbus A330 MRTT tanker 6대를 계약해 공중급유 전력을 Boeing KC-46에서 European platform으로 전환함
- 호주에서는 injury, care, ritual burial evidence가 있는 1,000년 전 dingo archaeological find가 발굴됨
- 추가 항목에는 LLM agent의 “constraint decay” 연구, 무료 오픈소스 웹 기반 multitrack audio editor Audiomass, environmental data의 불확실한 sampling coordinate를 다루는 Bayesian Gaussian-process model도 있음
댓글과 토론
Hacker News 의견들
-
요약은 정말 좋음. 원래 HN 화면으로 봤을 때는 흥미롭지 않다고 넘겼던 글도, 요약을 보고 나서야 눈길이 갔던 경우가 있음
동시에 레이아웃은 별로임. Masonry 스타일 레이아웃은 실용적이라기보다 “예술적인” 느낌이 강함. 여러 줄이 한꺼번에 보이고, 핵심 정보가 눈으로 훑기 쉽게 정리되지 않고 여기저기 흩어져 있어서 정보 폭격을 받는 느낌임. 따라가기도 어렵고 글을 놓치기도 쉬워서 거의 불안감을 유발함. 웹사이트에서 굳이 이렇게 할 이유도 적음. 종이를 아끼는 것도 아니니까- 레이아웃이 신문처럼 보이고 싶어 하는 것 같지만, 실제로는 그렇게 되지 못한 느낌임. 신문은 긴 칼럼과 짧은 기사들이 의도적으로 섞이지만, 여기서는 대부분 짧은 글들이고 정렬도 애매하게 어긋남. 그래도 프로젝트는 잘되길 바람
-
정말 멋짐. “인기” 뉴스가 UI에서 더 크게 배치되는 프런트페이지식 레이아웃도 있으면 좋겠음
-
아주 예쁨. 오래된 뉴스 전단을 집어 드는 느낌이 듦
천천히 읽게 만들어서 오히려 읽는 재미가 더 커짐. 와인병에 빨대를 꽂아 마시는 대신 잔에 따라 좋은 와인을 마시는 차이 같음- 오래된 뉴스 전단은 사람이 의도를 갖고 손으로 배치했지만, 이건 그냥 모든 글을 Masonry 보드에 쏟아붓고 끝낸 느낌임
그래서 좋은 신문은 읽기 쉽고 자연스러운 반면, 이건 “천천히 읽게 강제”되는 것 같음
- 오래된 뉴스 전단은 사람이 의도를 갖고 손으로 배치했지만, 이건 그냥 모든 글을 Masonry 보드에 쏟아붓고 끝낸 느낌임
-
좋음. The Register와 Hacker News가 만난 느낌임. 글꼴과 색상은 조금 손볼 필요가 있어 보임
그래도 예전 BetaNews.com이나 Winamp.com이 뉴스를 보여주던 방식이 떠오름 -
읽기 전용 API를 자유롭게 쓸 수 있어서 Hacker News 클라이언트 만들기는 오래전부터 통과의례 같은 작업이었고, 이런 실험이 더 나오는 건 반가움
이쯤 되면 사용자 절반쯤은 자기만의 클라이언트를 갖고 있을지도 모름 -
이 레이아웃은 거의 확실히 AI가 만든 것 같음. 몇 주 전에 내가 바이브 코딩으로 거의 똑같은 신문풍 스타일을 만들었기 때문임
- 맞음. Claude로 뉴스 웹사이트 디자인을 만들면 같은 디자인, 배경색, 글자 크기 등이 나왔음
- 나도 그랬음. 이걸 보고 좀 어색했음: https://duobook.co/explore-stories
-
노란빛 도는 종이 질감이 마음에 듦
-
훌륭함. 개인적으로는 점수와 댓글 수를 더 쉽게 훑어볼 수 있으면 더 좋아질 것 같음
-
멋지지만 본문 글자 크기가 편하게 읽기엔 너무 작음
- 진짜 HN다운 경험처럼 들림
- 그걸 고치려고 간단한 uBO 규칙을 만들었음. 메타 정보 줄도 읽기 쉬워짐:
thefrontpage.dev##p.newspaper-copy:style(line-height: normal !important; font-size: 1rem !important;)
thefrontpage.dev##p.article-meta:style(font-size: 1rem !important; font-weight: normal !important; letter-spacing: normal !important;)
수정: 다른 사람이 제안한 대로 1rem으로 바꿈 - 동의하지만, 글자가 그렇게 작은 이유는 그렇지 않으면 양쪽 정렬 텍스트의 간격이 말도 안 되게 벌어지기 때문인 것 같음
OP는 열 수를 4개에서 3개로 줄이고, 적어도 아주 넓은 화면이 아닐 때는 그렇게 하며, 글자 크기를 키우고 하이픈 처리도 허용하는 걸 고려해보면 좋겠음. 마지막이 정렬 문제를 꽤 많이 완화해줄 것 같음 - OP, 현재 글자 크기가 마음에 듦. 바꿀 거라면 옵션을 여러 개 둬야 함. 지금 상태를 좋아하던 사용자도 있다는 걸 기억해주면 좋겠음
.newspaper-copy { font-size: 1rem; }로 덮어쓰면 잘 맞음
-
여기서 생기는 인셉션 효과가 웃김. 이 글 자체가 프런트페이지에 올라가는 걸 보는데, 부제목은 이전 상위 글들을 뒤늦게 따라가고 있어서 묘하게 재밌음
- 그런데 이 글은 뉴스 프런트페이지에서는 안 보임