네이버 뉴스 와이드뷰 - 📰 네이버 뉴스를 읽다가 답답해서 만든 크롬 확장 프로그램

📰 네이버 뉴스를 읽다가 답답해서 만든 크롬 확장 프로그램

뉴스를 볼 때 저는 네이버 뉴스를 자주 이용합니다.

그런데 긴 기사를 읽을 때마다 항상 같은 불편함이 있었습니다. 광고, 추천 기사, 댓글 영역, 각종 버튼과 배너가 화면을 차지하다 보니 정작 기사 본문에 집중하기가 쉽지 않았습니다.

특히 심층 기사나 인터뷰 기사처럼 분량이 긴 경우에는 스크롤을 내릴 때마다 시선이 분산되고, 모바일 기사 화면을 PC에서 보는 듯한 답답함도 느껴졌습니다.

그래서 "기사만 책처럼 넓게 보여주면 더 편하지 않을까?"라는 생각으로 주말에 간단히 만들기 시작했습니다.

결과물이 네이버 뉴스 와이드 리더입니다.

어떻게 동작하나요?

네이버 뉴스 기사 페이지에 접속하면 와이드 버튼이 추가됩니다.

버튼을 누르거나 단축키(Alt + Shift + G)를 사용하면 기사 전용 읽기 화면이 열리고, 불필요한 요소를 제거한 상태에서 본문에 집중할 수 있습니다.

기사 제목, 본문, 이미지, 캡션, 기자 정보까지 한 화면에서 깔끔하게 볼 수 있도록 구성했습니다.

구현한 기능

• 와이드 리더 모드
• 기사 제목 · 본문 · 이미지 · 캡션 표시
• 기자 정보 표시
• 글자 크기 조절
• 줄간격 조절
• 본문 너비 조절
• 9종 글꼴 지원
• 밝음 · 세피아 · 어둠 테마 지원
• 읽기 진행률 표시
• 예상 읽기 시간 안내
• 하단 고정 퀵바
• 단축키 지원
• ESC로 빠른 종료

개발하면서 신경 쓴 부분

가능한 한 네이버 뉴스의 원래 기사 구조를 유지하면서 읽기 경험만 개선하는 것을 목표로 했습니다.

별도의 서버를 운영하지 않으며, 외부 API 호출도 없습니다. 사용자의 기사 내용이나 개인정보를 수집하거나 전송하지 않습니다.

또한 기사 페이지가 동적으로 변경되는 환경에서도 안정적으로 동작할 수 있도록 DOM 감지와 렌더링 처리에 신경을 썼습니다.

만들고 나니

원래는 개인적으로 긴 뉴스를 편하게 읽기 위해 만든 작은 확장 프로그램이었습니다.

그런데 실제로 사용해 보니 기사에 집중하는 시간이 훨씬 늘어났고, 특히 긴 심층 기사나 인터뷰 기사를 읽을 때 체감이 컸습니다.

혹시 저처럼 뉴스를 읽다가 광고나 복잡한 UI 때문에 집중이 흐트러졌던 분들이 있다면 한 번 사용해 보시고 피드백 주시면 감사하겠습니다.

⌨️ 기본 단축키

• Alt + Shift + G — 와이드뷰 켜기 / 끄기