chrome extension 제작기 1 - 기획
2025. 4. 14. 21:00

 

👀 어쩌다가 만들게 되었는가

 

크롬 익스텐션 하나 개발하고 싶다는 생각은 계속 해봤지만 실제로 실행하진 않았다. 

나중에 이런이런거 만들어봐야지~ 하면서 아이디어만 적어놓고 아이템은 쌓여가는 와중에, 정말 필요한 앱이 생겨버렸다. 

매 50분 마다 알림을 설정해놓고 싶었는데 생각보다 그걸 제공하는 앱이 없었다.

ex) 알림 시작 시간: 1시, 알림 종료 시간 : 9시, interval time: 50분 => 1:50분,2:50분,3:50분..8:50분까지 알림 📢 

많은 친구들?이 다양한 방법을 추천해줬지만 나의 귀차니즘을 이기지 못했다..큐ㅠㅠ 사실 그냥 1시간마다 클릭하면 되는건데 그거하기 싫어가지구 ㅎㅎㅎ 

Play store도 찾아보고, App store도 찾아서 알림 앱중에 top 5에 들어가는 어플은 다 다운받아서 써봤는데, 내가 원하는 기능은 없었다.

 

대부분 알림앱은 

 

1.단순 알림앱 : 반복 알림은 있지만 시간단위는 없음. 매 시간 알림을 사용자가 직접 셋팅해야함

 

2.interval notification 앱 : 주로 운동용으로 쓰이며, 알림을 시작할때 사용자가 매번 시작 버튼을 눌러줘야함 

 

3. focus 앱 : 내가 어떤 작업에 얼만큼의 시간을 기록할때 쓰이거나, 정해진 시간동안 focus 하도록 설정함. 이것도 알림을 셋팅할때 사용자가 매번 시작 버튼을 누름. 가끔 어떤거는 시간단위로 focus 타임을 설정할수있었는데, 반복이 되지 않는다. 즉 이것도 매 시간 알림을 사용자가 직접 셋팅해야함 

 

4.Pomodoro 앱 : 뽀모도로 기법으로 타이머 기반으로 생산성을 향상하는건데, 25분 집중 + 5분 휴식 이런식으로 설정할 수 있다. 이것도 시작할때마다 Or 쉬는시간 끝나고 시작할때마다 매번 시작 버튼을 눌러줘야함

 

5. iphone reminder 앱 : 시간단위로 셋팅할수있다고 하는데 (내가 못찾는건지) 나는 daily 알림밖에 없었음.

 

 

이러한 이유로, 찾다가 "이렇게 없다니..? 만드는게 빠르겠다" 라는 생각을 (속으로만) 가지고 있는 와중에  갑자기 멘토님이 만들어보는게 어떻냐는 가벼운? 농담에 만들게 됐다.

 

📝 기획 

 

내가 필요에 의해 만든 앱이기 때문에 기획은 명확했다. (사실 내 욕심은 모바일 앱을 만들고 싶었지만 그건 너무 투머치 였으므로 chrome 앱으로 타협했다. )

 

앱이름 :

RingCycle

 

설명 :

지정한 시작 시간종료 시간 사이에 내가 정해놓은 interval에 맞춰 반복적으로 알림을 "자동으로" 생성하기

 

기능흐름 :

 

  • 사용자가 시작 시간, 종료시간반복 주기를 설정함
  • 사용자가 지정한 정보대로 확장 프로그램이 주기적인 알람 예약
  • 예약된 시간마다 브라우저 알림이 표시됨
  • 사용자가 알람 삭제를 누르면 앞으로 예정되어있던 모든 알림이 삭제됨

 

 

다음 단계는 개발 + 최종본~!

2025.04.14 - [기타등등] - chrome extension 제작기 2 - 개발 단계 + 최종 완성본

 

chrome extension 제작기 2 - 개발 단계 + 최종 완성본

사전 준비 🔎 검색해보니 chrome extension 앱 개발하는게 엄청 간단했다. 그냥 vanilla JS 로만 개발한 프로젝트도 많고 심지어 공식 홈페이지에서도 vanilla JS로 모든 기능을 구현하는 법을 보여줬다.

ykate-and.tistory.com