🧩 프라이버시 우선 Chrome Extension을 구축해 LinkedIn에서 공개 이메일을 수집

Source: Dev.to

직업을 구하고 아웃리치를 할 때마다 같은 문제에 부딪혔습니다:

많은 LinkedIn 게시물과 프로필에 이메일 주소가 눈에 보이게 표시되어 있지만, 찾는 과정이 느리고 반복적입니다. 스크롤하고, “더 보기”를 클릭하고, 이메일을 복사하고, 다시 스크롤… 이런 식으로 반복합니다.

이 문제를 해결한다는 도구들을 몇 개 써봤지만, 대부분 다음 중 하나 이상의 문제를 가지고 있었습니다:

• 데이터를 외부 서버로 전송함
• 계정이나 로그인이 필요함
• 과도하게 자동화돼 위험하게 느껴짐
• Chrome 웹 스토어 검토를 통과하기 어려움

그래서 직접 작은 도구를 만들기로 했습니다. 바로 ReachIn이 탄생한 이유입니다.

👉 레포:

ReachIn이 무엇이고, 무엇이 아닌가

하는 일

• 사용자가 버튼을 명시적으로 클릭할 때만 작동
• LinkedIn 검색 결과를 스크롤
• 보이는 콘텐츠를 확장
• 페이지에 이미 표시된 이메일 주소를 추출
• 모든 데이터를 브라우저에 로컬로 저장
• 결과를 복사하거나 이전 수집 내역을 확인 가능

하지 않는 일

• 백그라운드 스크래핑 없음
• 자격 증명 접근 없음
• 분석 또는 추적 없음
• 서버 없음
• 원격 API 없음
• 자동으로 실행되는 자동화 없음

처음부터 적용된 프라이버시

Chrome 검토자는 화려한 기능보다 의도와 데이터 처리 방식을 더 중요하게 봅니다.

초기에 몇 가지 절대 타협할 수 없는 규칙을 정했습니다:

• 모든 작업은 로컬에서 실행
• 네트워크 요청 없음
• 사용자 행동이 모든 것을 트리거
• 동작을 쉬운 영어로 설명 가능

내부 구조 (고수준)

ReachIn은 순수 Manifest V3 Chrome 확장 프로그램입니다. 프레임워크도 없고 빌드 단계도 없습니다.

구조는 다음과 같습니다:

├── assets/
│   ├── css/
│   │   └── popup.css
│   ├── js/
│   │   ├── background.js
│   │   ├── content.js
│   │   └── popup.js
│   ├── icons/
│   │   ├── icon-16.png
│   │   ├── icon-32.png
│   │   ├── icon-48.png
│   │   └── icon-128.png
│
├── popup.html
├── manifest.json
│
├── README.md
├── PRIVACY.md
├── LICENSE
└── .gitignore

흐름은 간단합니다:

• 팝업이 모든 것을 제어합니다.
• 콘텐츠 스크립트는 linkedin.com에서만 실행됩니다.
• 스크립트는 사용자 행동 이후에만 주입됩니다.
• 데이터는 chrome.storage.local에 저장됩니다.

콘텐츠 스크립트

콘텐츠 스크립트는 세 가지 일을 합니다:

• 페이지를 스크롤
• 필요할 경우 “더 보기”를 클릭
• 보이는 텍스트와 mailto: 링크에서 이메일을 추출

그게 전부입니다.

• 콘텐츠 확장 외에 DOM을 변형하지 않음.
• 숨겨진 스크래핑 없음.
• 백그라운드 실행 없음.

앞으로의 계획

로드맵은 의도적으로 보수적으로 잡았습니다:

• 작은 UX 개선
• 성능 최적화
• 선택적 내보내기 포맷

궁금하시다면 레포를 확인해 보세요:

👉

행복한 개발 되세요.