Show HN: Orange Juice – 작은 UX 개선으로 HN을 더 읽기 쉽게 만들다
Source: Hacker News
(번역할 텍스트가 제공되지 않았습니다. 번역이 필요한 내용을 알려주시면 도와드리겠습니다.)
왜 Orange Juice를 설치할까요?
Hacker News는 훌륭하지만, 반복되는 UI 마찰이 누적됩니다. Orange Juice는 원래의 느낌을 유지하면서 매일 시간을 빼앗는 요소들을 제거합니다.
기능
스레드 내 답글
스레드 안에 머무르기
인라인 답글 및 인용 선택을 통해 페이지를 넘나들지 않고 바로 답변할 수 있습니다.
읽지 않음 추적
방문 사이에 컨텍스트 유지
읽지 않은 댓글을 강조 표시하고 읽은 댓글을 숨기는 제어 기능으로 새 댓글과 이미 본 댓글을 한눈에 구분할 수 있습니다.
즐겨찾기
중요한 내용 저장
키보드 명령을 사용해 스토리와 댓글을 즐겨찾기에 추가하면 나중에 빠르게 찾아볼 수 있습니다.
팔로우
스레드뿐 아니라 사람도 추적
HN 사용자를 팔로우하고, 통합 활동 피드를 열어 읽는 방식대로 정렬된 정보를 받아볼 수 있습니다.
키보드 흐름
마우스 없이 더 빠르게
키보드 탐색 및 단축키를 통해 스토리를 스캔하고, 스레드를 열며, 콘텐츠에 대한 작업을 읽기 흐름을 끊지 않고 수행할 수 있습니다.
가독성
긴 스레드를 더 쉽게 파악
다크 모드, 향상된 코드 스타일링, 깔끔한 댓글 구조가 깊거나 기술적인 스레드에서도 마찰을 줄여줍니다.
Feature Screenshots
이 목록은 모든 기능을 포함한 것은 아니지만, 현재 활발히 개발 중이며 이미 제공되고 있는 기능들을 보여줍니다. 이 일부만으로도 Orange Juice를 설치할 충분한 이유가 됩니다.
Inline Reply + Quote Selection
댓글 스레드 안에서 바로 답글을 달고, 선택한 텍스트를 한 번의 동작으로 인용할 수 있습니다.
Unread Comment Highlighting
마지막 방문 이후 변경된 부분을 전체 스레드를 다시 스캔하지 않고도 빠르게 확인할 수 있습니다.
Hover User Details
사용자 이름 위에 마우스를 올리면 스레드를 떠나지 않고도 프로필 상세 정보와 컨텍스트를 미리 볼 수 있습니다.
Following Feed
HN 어디서든 사용자를 팔로우하고, 해당 사용자의 최신 댓글 및 제출물을 전용 피드에서 확인할 수 있습니다. 사용자를 드래그하여 순서를 바꾸고, 기본적으로 열리지 않게 할 섹션을 접으며, 전체 페이지를 새로 고치지 않고도 한 사람씩 새로 고칠 수 있습니다.
- 작은 팔로우 버튼이 Hacker News 전역의 사용자 이름 옆에 표시됩니다.
/following페이지는 별도의 UI를 만들지 않고 기존 HN 디자인을 그대로 유지합니다.- 최근 가져온 활동은 로컬에 캐시되어 페이지가 빠르게 동작하며, 필요할 때마다 개별 사용자를 새로 고칠 수 있는 제어 옵션이 제공됩니다.
Hide Read Stories
이미 열어본 항목을 제거하고 새로운 스토리에 집중할 수 있습니다.
Keyboard Navigation
키보드 단축키를 사용해 스토리와 댓글을 더 빠르게 이동할 수 있어, 마우스를 계속 움직일 필요가 없습니다.
Mermaid Diagram Rendering
스레드 내 Mermaid 코드 블록을 읽기 쉬운 다이어그램으로 바로 렌더링합니다.
…그리고 탐험할 수 있는 다른 많은 기능들이 있습니다.
안전하고, 개방적이며, 설계된
Orange Juice는 기본적으로 신뢰할 수 있도록 설계되었습니다: 투명한 코드, 명확한 라이선스, 그리고 체계적인 개발.
완전한 오픈 소스
전체 소스 코드는 GPLv3 라이선스 하에 공개되어 있어 누구나 작동 방식을 검토하고, 동작을 확인하며, 개선에 기여할 수 있습니다.
AI‑보조, AI‑쓰레기가 아님
AI는 구현 및 검토를 빠르게 하기 위한 페어 프로그래머로 사용되지만, 아키텍처와 최종 결정은 인간이 합니다.
테스트된, 감각에 의존한 코딩이 아님
이 확장 프로그램은 광범위한 단위 테스트 커버리지, 품질 검사, CI/CD를 통한 자동화를 갖추고 있습니다. 이 프로젝트는 의도적으로 감각에 의존한 코딩을 하지 않았습니다.
설치
Firefox (부가 기능)
- 영구적이며 자동 업데이트되는 설치를 위해 Firefox Add‑ons 에서 제공됩니다.
- Install for Firefox
또는 GitHub에서 수동으로 설치하세요 (아래 참고).
GitHub 릴리스에서
- 저장소에서 최신 릴리스
.zip파일을 다운로드합니다. - 압축을 풀어 원하는 폴더에 저장합니다.
Chrome
- Chrome을 열고
chrome://extensions/로 이동합니다. - Developer mode 를 활성화합니다 (오른쪽 상단 토글).
- Load unpacked 를 클릭하고 압축을 푼 폴더를 선택합니다.
- 이제 확장 프로그램이 활성화됩니다 – Hacker News에 방문해 동작을 확인하세요.
Firefox (임시 부가 기능)
- Firefox를 열고
about:debugging#/runtime/this-firefox로 이동합니다. - Load Temporary Add‑on… 을 클릭합니다.
- 압축을 푼 폴더에서
manifest.json파일을 선택합니다. - 이제 확장 프로그램이 활성화됩니다 – Hacker News에 방문해 동작을 확인하세요.
Note: 임시 확장 프로그램은 브라우저를 재시작하면 제거됩니다. 영구 설치를 위해서는 Firefox Add‑ons 페이지를 이용하세요.