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

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=31948](https://news.hada.io/topic?id=31948)
- GeekNews Markdown: [https://news.hada.io/topic/31948.md](https://news.hada.io/topic/31948.md)
- Type: GN+
- Author: [neo](https://news.hada.io/@neo)
- Published: 2026-07-29T18:32:14+09:00
- Updated: 2026-07-29T18:32:14+09:00
- Original source: [github.com/twalichiewicz](https://github.com/twalichiewicz/HNewhere)
- Points: 1
- Comments: 1

## Topic Body

- **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 설치](https://raw.githubusercontent.com/twalichiewicz/HNewhere/refs/heads/main/HNewhere.user.js) 링크를 이용하거나 `HNewhere.user.js`를 userscript 관리자에 붙여 넣어 설치함
- Safari의 Userscripts, **Tampermonkey**, Violentmonkey 같은 userscript 관리자가 필요함
- userscript를 지원하고 다음 API에 접근 가능한 브라우저가 필요함
  - Hacker News API
  - HN Algolia 검색 API
- Hacker News 토론이 있는 기사를 방문하면 사용할 수 있으며 **MIT License**를 적용함

## Comments



### Comment 62583

- Author: neo
- Created: 2026-07-29T18:32:15+09:00
- Points: 1

###### [Hacker News 의견들](https://news.ycombinator.com/item?id=49090607) 
- Firefox를 쓴다면 예전에 만든 브라우저 확장 프로그램 [hackernews-button](<https://github.com/jstrieb/hackernews-button>)도 쓸 만함  
  이 확장 프로그램은 방문하는 모든 페이지를 Algolia 검색 API로 보내는 사용자 스크립트와 달리 **블룸 필터**로 제출 여부를 확인하므로, 버튼을 누르기 전에는 외부 요청이 발생하지 않음. 사이드바에 댓글을 표시하지는 않지만, 과거 토론을 찾아 읽거나 아직 HN에 제출되지 않은 좋은 사이트를 발견하는 데 유용함

- **기능 2**는 기술 문서의 HN 토론을 곧바로 찾을 수 있어 매우 유용하며, 때로는 그 토론이 본문의 핵심 주장을 반박하기도 함  
  기능 1은 창 관리가 제대로 되지 않는 문제를 애플리케이션 수준에서 해결하는 것처럼 보여 덜 유용함. 겹치는 창 대신 탭을 만들고, 두 화면을 함께 보려고 탭 안에 분할 보기를 추가했지만 좋은 창 관리자가 있다면 둘 다 불필요함. 현재 [Forge](<https://github.com/forge-ext/forge>)를 쓰고 있으나 유지보수가 중단되어 가는 점은 아쉬움
  - 탭 대신 창을 쓰는 방식에는 동의하기 어려움. 항상 **수백 개의 탭**을 열고 수십 개를 로드해 두는데, 별도 창으로 같은 맥락을 관리하려면 Sidebery의 트리형 탭과 분할 창을 모두 제공할 정도로 뛰어난 창 관리자가 필요함  
    각 애플리케이션 개발자가 해당 앱의 요구사항에 맞는 탭을 구현하는 편이 언제나 더 쉬움

- 꽤 매끄럽게 작동함. 스크립트 파일명을 **`.user.js`** 로 끝내면 Tampermonkey에서 클릭만으로 자동 설치하기 쉬워짐  
  모바일에서 [이 페이지](<https://elizabethtai.com/2026/06/10/substack-writers-you-need-a-website/>)를 열었을 때 사이드바가 너무 넓어 축소용 `(-)` 버튼을 보려면 오른쪽으로 스크롤해야 했음. 글을 먼저 읽을 수 있도록 처음에는 축소된 상태로 시작해도 좋으며, 스크립트를 직접 수정하기도 쉬움
  - Chrome 확장 프로그램보다 나은지는 모르겠음. 사용자가 Tampermonkey를 먼저 설치해야 하므로 **진입 장벽**이 조금 더 높음  
    Chrome이 사용자 스크립트 기능을 자체 제공한다면 보안 위험이 큰 코드를 피하면서 더 쉽게 배포할 수 있을 듯함

- Firefox의 새 **분할 보기**도 이런 용도에 유용하지만, 링크를 클릭한 뒤 `open in split view (M)`를 선택하고 다시 링크를 눌러야 함  
  예전 일부 브라우저에서는 `href="tab1.html|tab2.html"`처럼 두 탭을 여는 링크를 만들 수 있었는데, 아직 가능한지 또는 홈페이지 설정에만 적용됐는지는 모르겠음
  - Vivaldi는 수년 전부터 `tiles`라는 분할 보기를 제공함. 링크를 우클릭해 **follower tab**에서 열도록 지정하면 한 타일에서 누른 모든 링크가 다른 타일에 열리며, HN에서 자주 사용 중임
  - Firefox 업데이트 안내 화면을 실수로 닫았는데 다시 열 수 없었음. [Firefox 153.0.1 릴리스 노트](<https://www.firefox.com/en-US/firefox/153.0.1/releasenotes/>)는 아닌 듯한데, 별도로 복제된 페이지가 있는지 궁금함
  - 평소에는 HN 댓글 링크를 열고 기사로 이동해 읽은 뒤, 뒤로 가서 댓글을 읽음  
    분할 보기가 더 편한지 시험해 보겠지만 **세로 분할보다 가로 분할**을 선호할 듯함
  - Firefox 분할 보기는 이런 용도에 유용함. Vim 계열 확장 프로그램이 **링크 열기와 화면 분할**을 함께 지원하고 분할 화면 안에서 상호작용까지 허용한다면 더 좋겠음
  - 좌클릭이 맞는지 의문임

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

- 별도 확장 프로그램으로 만드는 편이 낫지 않을까 싶음. 설명을 읽지 않고 보면 이 도구를 어떻게 쓰는지, 사용자 스크립트와 **Tampermonkey·Violentmonkey**가 무엇인지 이해하기 어려움
  - 작은 웹사이트 개선마다 확장 프로그램을 하나씩 설치하기보다, 여러 사용자 스크립트를 불러오는 **확장 프로그램 하나**만 설치하는 방식을 선호함  
    포장 코드 속에서 실제 동작을 찾아야 하는 확장 프로그램보다 사용자 스크립트가 무슨 일을 하는지 빠르게 검토하기도 쉬움

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

- 현재는 방문하는 모든 페이지를 조회하므로 **브라우저 URL·쿼리 문자열·프래그먼트**가 `hn.algolia.com`으로 유출됨  
  자동 조회 대신 HNews를 클릭할 때와 수동 실행할 때만 동작하게 하거나, 최소한 조회 값을 출처와 경로로 제한해 정제하는 편이 좋겠음
  - 이 문제를 검토 중이며 진행 상황은 [GitHub 이슈](<https://github.com/twalichiewicz/HNewhere/issues/2>)에서 확인 가능함

- 기사와 HN 댓글을 **두 탭으로 함께 여는 확장 프로그램**을 만들었으며, 현재 사용자는 무려 6명임  
  [Chrome 웹 스토어](<https://chromewebstore.google.com/detail/hacker-news-saved-you-a-c/ckjnampgbgchgbpmllianpgdgaemdijk>)에서 설치할 수 있음
