MindLock: 집중력 강화 크롬 확장 프로그램 (Chrome Extension)

오직 나에게 집중하는 시간, 마인드락(MindLock)
당신의 생산성을 저해하는 웹사이트를 완벽하게 차단하고 집중 시간을 관리하는 Chrome 확장 프로그램입니다.

---

📖 소개 (Introduction)

자꾸만 유튜브, SNS로 손이 가시나요?
MindLock은 여러분의 소중한 시간을 지켜주는 가장 직관적이고 강력한 브라우저 확장 프로그램 기반 생산성 도구입니다. 복잡한 설정 없이, 클릭 한 번으로 나만의 몰입 시스템을 완성하세요.

🚀 주요 기능 (Key Features)

👉 스마트 타이머 & 스톱워치

• 분 단위 정밀 설정: 1분부터 수 시간까지 자유롭게 설정 (뽀모도로 기법 활용 가능)
• 오버타임 시스템: 설정 시간이 지나도 흐름을 끊지 않고 추가 집중 시간 기록
• 스톱워치 모드: 시간 제한 없이 집중 시간 측정

👉 강력한 웹사이트 차단

• 빈틈없는 차단: SNS, 쇼핑몰 등 방해 사이트 완벽 차단
• 서브도메인 지원: 메인 도메인 및 하위 도메인까지 관리
• 도발 메시지: 차단 해제 시도 시 위트 있는 문구로 심리적 방어

👉 직관적인 대시보드

• 집중 시간 트래킹: 일일 몰입 시간 데이터 시각화
• 잔디형 기여도 그래프: GitHub 스타일의 집중 기록 시각화
• 상세 히스토리: 날짜별 집중/차단 기록 관리

👉 다국어 지원 (Global Support)

• 한국어(Korean) 및 영어(English) 완벽 지원

---

🛠 기술 스택 (Tech Stack)

이 프로젝트는 Chrome Extension Manifest V3 표준을 준수하여 개발되었습니다.

• Core: Vanilla JavaScript (ES6+), HTML5, CSS3
• Platform: Chrome Extension (Manifest V3)
• Testing: Jest (Unit & Integration Tests)

---

⚙️ 기술적 상세 (Technical Details)

🔄 데이터 동기화 및 저장 전략

MindLock은 효율적인 데이터 관리와 사용자 경험을 위해 Chrome 저장소 API를 구분하여 사용합니다.

• 설정 동기화 (chrome.storage.sync):
  • 차단 리스트, 몰입 모드 활성화 상태, 알림음 설정 등 사용자의 핵심 설정은 Chrome 계정에 동기화됩니다.
  • 이를 통해 여러 기기에서 동일한 차단 환경을 유지할 수 있습니다.
• 로컬 데이터 관리 (chrome.storage.local):
  • 집중 기록(History) 및 타이머의 세부 상태값 등은 로컬에 저장됩니다.
  • 많은 양의 데이터를 효율적으로 처리하고 브라우저 성능에 영향을 주지 않도록 설계되었습니다.
• 고성능 차단 엔진:
  • 최신 Manifest V3의 declarativeNetRequest API를 사용하여 브라우저 리소스를 최소화하면서도 강력하게 사이트를 차단합니다.
  • 사용자 방문 기록을 직접 읽지 않아 개인정보를 안전하게 보호합니다.

---

📦 설치 (Installation)

이 확장 프로그램은 Chrome 웹 스토어에서 다운로드할 수 있습니다.

---

🔄 업데이트 내역 (Update Log)

• v1.2.0: 다국어(한국어/영어) 지원 추가 및 언어 설정 편의성 개선
• v1.1.0: 대시보드 통계/차트 기능 고도화
• v1.0.0: 서비스 런칭

---

📜 라이선스 (License)

이 프로젝트는 MIT 라이선스를 따릅니다.