눈 휴식하세요! (크롬 익스텐션)

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

• 개발자/일반 사용자
• 난이도: 초보자~중급자 (단순한 타이머 기능, Chrome API 활용)

핵심 요약

• 목표: 30분마다 사용자를 눈 휴식으로 유도하는 크롬 확장 프로그램 개발
• 핵심 기술: setInterval()과 chrome.notifications.create()를 활용한 백그라운드 타이머 구현
• 배포: Chrome Web Store에 공개하여 광범위한 사용자 확보

섹션별 세부 요약

1. 문제 인식

• 눈 피로와 두통 유발 원인인 장시간 모니터 사용 문제 제기
• 개발자/디자이너 등 집중력 높은 작업자가 주 타겟

2. 기능 설계

• 간단한 알림 기능으로 사용자 방해 최소화
• chrome.notifications.create() 사용 시 iconUrl, title, message 파라미터 필수
• 30분 주기로 반복 알림 발생 (JavaScript setInterval 활용)

3. 개발 과정

• 백그라운드 스크립트에서 타이머 실행
• 코드 예시:

setInterval(() => {
  chrome.notifications.create({
    type: "basic",
    iconUrl: "icon.png",
    title: "눈 휴식 시간입니다 👀",
    message: "30분 동안 열심히 보셨네요! 잠깐 눈을 쉬게 해주세요 :)",
  });
}, 1000 * 60 * 30); // 30분마다 실행

4. 배포 및 효과

• Chrome Web Store에 배포하여 일반 사용자에게 제공
• 사용자 피드백: 눈 피로 감소, 집중력 회복 효과 확인

결론

• 눈 건강 관리를 위한 실용적 도구 개발
• Chrome API 활용 시 간단한 기능도 효과적으로 구현 가능
• 사용자 친화적 알림 디자인과 정기적인 배포가 성공 요인