dev.to

I Built a New Tab Extension for DEV

DEV 피드를 새 탭에서 보는 브라우저 확장 프로그램

DEV Tab은 새 탭을 DEV 게시물 피드로 바꾸는 무료 오픈소스 브라우저 확장 프로그램입니다. 피드 캐시와 태그 필터를 제공하며, API 키를 연결하면 개인 대시보드와 읽기 목록, 의미 검색도 이용할 수 있습니다.

에디터 노트

첫 페이지를 10분 캐시하고 API 키를 로컬에 보관하는 설계는 새 탭을 자주 열 때 요청량과 키 노출 경로를 줄이는 근거가 구체적입니다. 특히 댓글에서 제기된 요청 제한 우려에 작성자가 추가 페이지와 검색 결과는 캐시하지 않는다고 밝혀, 캐시가 모든 API 사용량을 제한하지는 않는다는 조건도 드러납니다. API 키에 게시 권한이 있다는 우려는 댓글 작성자가 제기했고, 작성자는 키를 브라우저에만 저장하며 인증 요청도 DEV에 직접 보낸다고 답했습니다. 백엔드가 없다는 점은 별도 서버로 키가 전달되는 경로를 없애지만, 키 자체의 권한 범위는 DEV API가 정하는 조건으로 남습니다. 게시물 반응과 댓글 작성 기능이 빠진 이유도 API 제약이라고 밝혀, 확장 프로그램 안에서 처리하는 범위는 피드 탐색과 계정 통계에 한정됩니다.

AI 요약

DEV Tab은 브라우저 새 탭에 DEV 게시물 피드를 표시하는 확장 프로그램입니다. Chrome 웹 스토어에서 배포 중이며 Firefox 버전은 심사를 기다리고 있습니다. 계정 연결 없이도 공개 피드와 검색, 필터를 쓸 수 있고, DEV API 키를 연결하면 개인 피드와 읽기 목록, 의미 검색, 개인 활동 대시보드를 이용할 수 있습니다.

피드와 대시보드

Today, This Week, Rising, Latest 피드와 트렌드, 이벤트, 팟캐스트, 동영상 섹션을 제공합니다. 태그를 저장하거나 숨길 수 있고 특정 DEV 조직의 게시물을 모아 볼 수도 있습니다. 검색, 키보드 탐색, 간결 보기, 반응 수와 최신 댓글 미리보기 기능도 갖췄습니다. 대시보드에는 팔로워 수, 조회수, 반응과 댓글, 새 팔로워 수가 표시됩니다. 최근 7일, 30일, 90일 단위로 볼 수 있으며 조회수 차트와 활동 히트맵, 게시물과 초안 목록도 제공합니다.

API 키와 캐시

확장 프로그램에는 별도 백엔드와 분석, 추적 기능이 없습니다. API 키는 브라우저의 확장 프로그램 저장소에 보관하고 인증 요청을 DEV에 직접 보냅니다. 각 피드의 첫 페이지는 브라우저에 10분간 캐시하며, 오프라인에서도 이전에 불러온 게시물을 볼 수 있습니다. 추가 페이지와 검색 결과는 캐시하지 않습니다. 게시물 반응, 댓글 작성, 읽기 목록 저장은 API가 지원하지 않아 DEV 웹사이트에서 해야 합니다.

dev.to 반응

  • @alexcodebytes — 특정 DEV 조직의 게시물을 모아 보는 기능은 필요하다고 생각하지 못했던 기능입니다. 제 DEV 북마크 절반은 세 조직에서 나온 게시물인데 기본 팔로우 기능을 쓰면 메인 피드에 묻힙니다. API 요청 제한은 어떻게 처리하나요? 새 탭을 열 때마다 대시보드가 새로고침되면 짧은 시간에 요청 제한에 걸릴 수 있습니다. API 키는 브라우저에 저장하나요, 백엔드로 보내나요? DEV API 키에는 게시물 작성 권한도 있으니 사용자가 알고 싶을 것 같습니다.
    • @sizzlebop — 각 피드의 첫 페이지를 브라우저 저장소에 10분간 캐시합니다. 새 탭을 열면 먼저 캐시를 보여 주고 만료된 뒤 새 데이터를 가져옵니다. 추가 페이지와 검색 결과는 캐시하지 않아 사용량이 많으면 요청 제한에 걸릴 수 있습니다. 이때 빈 피드 대신 캐시된 게시물을 계속 보여 주고 메시지를 표시합니다. API 키는 확장 프로그램 저장소에만 두며 백엔드는 없습니다. 인증 요청은 DEV로 직접 보내고 키를 URL에 넣거나 다른 곳으로 보내지 않습니다. 계정을 연결 해제하면 관련 캐시도 지웁니다.
  • @dronzer2code — 새 탭에서 DEV 피드를 보는 기능이 유용합니다. 새 글과 인기 주제를 발견하기 편하고 개인화 필터와 활동 대시보드도 마음에 듭니다.
    • @sizzlebop — 편리하게 DEV를 둘러보려는 생각에서 시작했는데, 만들다 보니 기능을 더하게 됐습니다. 대시보드는 나중에 추가했지만 지금은 제가 좋아하는 기능 중 하나입니다.

원문: dev.to / 번역·요약: Trawling

원문 보기 ↗토론 보기 ↗