Show HN: HN 링크마다 탭을 2개씩 여는 데 지쳐 userscript를 만들었습니다

• HNewhere는 기사 페이지를 떠나지 않고 Hacker News 토론을 함께 볼 수 있게 해주는 경량 userscript임
• 현재 기사와 일치하는 Hacker News 스토리를 자동 감지해 댓글을 사이드바에 불러옴
• Hacker News에서 연 링크를 추적하며, 사이드바 크기 조절·댓글 접기·너비 저장을 지원함
• 답글 링크는 Hacker News로 직접 연결되며, 사용하려면 userscript 관리자가 필요함
• Hacker News API와 HN Algolia 검색 API에 접근할 수 있는 브라우저에서 동작하며 MIT License로 배포됨

---

HNewhere의 동작

• 기사 옆에 Hacker News 토론을 열어 페이지 이동이나 별도 탭 없이 댓글을 탐색할 수 있음
• 현재 기사와 연결된 Hacker News 스토리를 자동으로 찾아 댓글을 사이드바에 표시함
• Hacker News에서 사용자가 연 링크를 추적함

인터페이스 기능

• 사이드바 크기를 조절할 수 있으며 설정한 너비를 저장함
• 댓글을 접거나 펼칠 수 있음
• 답글 링크를 누르면 해당 Hacker News 페이지로 직접 이동함

설치와 요구사항

• HNewhere 설치 링크를 이용하거나 HNewhere.user.js를 userscript 관리자에 붙여 넣어 설치함
• Safari의 Userscripts, Tampermonkey, Violentmonkey 같은 userscript 관리자가 필요함
• userscript를 지원하고 다음 API에 접근 가능한 브라우저가 필요함
  • Hacker News API
  • HN Algolia 검색 API
• Hacker News 토론이 있는 기사를 방문하면 사용할 수 있으며 MIT License를 적용함

[GN⁺]

Hacker News 의견들

• Firefox를 쓴다면 예전에 만든 브라우저 확장 프로그램 hackernews-button도 쓸 만함
  이 확장 프로그램은 방문하는 모든 페이지를 Algolia 검색 API로 보내는 사용자 스크립트와 달리 블룸 필터로 제출 여부를 확인하므로, 버튼을 누르기 전에는 외부 요청이 발생하지 않음. 사이드바에 댓글을 표시하지는 않지만, 과거 토론을 찾아 읽거나 아직 HN에 제출되지 않은 좋은 사이트를 발견하는 데 유용함

• 기능 2는 기술 문서의 HN 토론을 곧바로 찾을 수 있어 매우 유용하며, 때로는 그 토론이 본문의 핵심 주장을 반박하기도 함
  기능 1은 창 관리가 제대로 되지 않는 문제를 애플리케이션 수준에서 해결하는 것처럼 보여 덜 유용함. 겹치는 창 대신 탭을 만들고, 두 화면을 함께 보려고 탭 안에 분할 보기를 추가했지만 좋은 창 관리자가 있다면 둘 다 불필요함. 현재 Forge를 쓰고 있으나 유지보수가 중단되어 가는 점은 아쉬움

  • 탭 대신 창을 쓰는 방식에는 동의하기 어려움. 항상 수백 개의 탭을 열고 수십 개를 로드해 두는데, 별도 창으로 같은 맥락을 관리하려면 Sidebery의 트리형 탭과 분할 창을 모두 제공할 정도로 뛰어난 창 관리자가 필요함
    각 애플리케이션 개발자가 해당 앱의 요구사항에 맞는 탭을 구현하는 편이 언제나 더 쉬움

• 꽤 매끄럽게 작동함. 스크립트 파일명을 .user.js 로 끝내면 Tampermonkey에서 클릭만으로 자동 설치하기 쉬워짐
  모바일에서 이 페이지를 열었을 때 사이드바가 너무 넓어 축소용 (-) 버튼을 보려면 오른쪽으로 스크롤해야 했음. 글을 먼저 읽을 수 있도록 처음에는 축소된 상태로 시작해도 좋으며, 스크립트를 직접 수정하기도 쉬움

  • Chrome 확장 프로그램보다 나은지는 모르겠음. 사용자가 Tampermonkey를 먼저 설치해야 하므로 진입 장벽이 조금 더 높음
    Chrome이 사용자 스크립트 기능을 자체 제공한다면 보안 위험이 큰 코드를 피하면서 더 쉽게 배포할 수 있을 듯함

• Firefox의 새 분할 보기도 이런 용도에 유용하지만, 링크를 클릭한 뒤 open in split view (M)를 선택하고 다시 링크를 눌러야 함
  예전 일부 브라우저에서는 href="tab1.html|tab2.html"처럼 두 탭을 여는 링크를 만들 수 있었는데, 아직 가능한지 또는 홈페이지 설정에만 적용됐는지는 모르겠음

  • Vivaldi는 수년 전부터 tiles라는 분할 보기를 제공함. 링크를 우클릭해 follower tab에서 열도록 지정하면 한 타일에서 누른 모든 링크가 다른 타일에 열리며, HN에서 자주 사용 중임
  • Firefox 업데이트 안내 화면을 실수로 닫았는데 다시 열 수 없었음. Firefox 153.0.1 릴리스 노트는 아닌 듯한데, 별도로 복제된 페이지가 있는지 궁금함
  • 평소에는 HN 댓글 링크를 열고 기사로 이동해 읽은 뒤, 뒤로 가서 댓글을 읽음
    분할 보기가 더 편한지 시험해 보겠지만 세로 분할보다 가로 분할을 선호할 듯함
  • Firefox 분할 보기는 이런 용도에 유용함. Vim 계열 확장 프로그램이 링크 열기와 화면 분할을 함께 지원하고 분할 화면 안에서 상호작용까지 허용한다면 더 좋겠음
  • 좌클릭이 맞는지 의문임

• 사용자 스크립트를 좋아하며 새 스크립트가 계속 개발되는 모습을 보니 반가움. 요즘은 Greasy Fork 업로드가 줄어든 듯함

• 별도 확장 프로그램으로 만드는 편이 낫지 않을까 싶음. 설명을 읽지 않고 보면 이 도구를 어떻게 쓰는지, 사용자 스크립트와 Tampermonkey·Violentmonkey가 무엇인지 이해하기 어려움

  • 작은 웹사이트 개선마다 확장 프로그램을 하나씩 설치하기보다, 여러 사용자 스크립트를 불러오는 확장 프로그램 하나만 설치하는 방식을 선호함
    포장 코드 속에서 실제 동작을 찾아야 하는 확장 프로그램보다 사용자 스크립트가 무슨 일을 하는지 빠르게 검토하기도 쉬움

• 사용자 스크립트 예제를 직접 읽어보게 된 점이 가장 좋았음. 제외 패턴은 *.bank.com과 *bank.com 중 어느 쪽을 의도했는지, 아니면 *bank*.*처럼 더 넓게 막으려는 것인지 궁금함

• 현재는 방문하는 모든 페이지를 조회하므로 브라우저 URL·쿼리 문자열·프래그먼트가 hn.algolia.com으로 유출됨
  자동 조회 대신 HNews를 클릭할 때와 수동 실행할 때만 동작하게 하거나, 최소한 조회 값을 출처와 경로로 제한해 정제하는 편이 좋겠음

  • 이 문제를 검토 중이며 진행 상황은 GitHub 이슈에서 확인 가능함

• 기사와 HN 댓글을 두 탭으로 함께 여는 확장 프로그램을 만들었으며, 현재 사용자는 무려 6명임
  Chrome 웹 스토어에서 설치할 수 있음