하루는 생활코딩 영상을 보다가 크롬 확장 프로그램을 만드는 영상을 보게 되었습니다.



이걸 보면서 정말 괜찮았던건 단어 수를 세주는게 아니라 크롬 새 탭이 참 멋지다는 느낌을 받았습니다. :) 그래서 나도 한 번 해보자 해서 만들어봤습니다. 단순히 랜덤 백그라운드 기능만 있는 프로그램을 만들 수도 있었겠지만, 조금더 제가 필요로 하는 기능을 넣어보고 싶었습니다. 인터넷으로 일을 할 때 To do 리스트가 있었으면 좋겠다는 점과 장기적인 목표도 자주 보고 싶었습니다.

먼저 괜찮은 프로그램을 찾아봤는데 멋지다고 생각한 프로그램은 두 개 입니다.
Wunderlist와 Momentum 입니다.



위의 사진은 Momentum인데 이미지도 직관적이고 하루에 집중해야할 것 하나만 적게 되어있습니다. Wunderlist는 리스트를 적을 수 있는 기능 하나만 있지만 굉장히 많이 사용되고 있었습니다. 그래서 여기서 여러 디자인 모티브를 삼고 레이아웃을 설계해봤습니다.



저는 같이 동업을 하기로한 디자이너 친구가 있어 이러한 모티브와 레이아웃을 가지고 어떤 식으로 만들면 될까 부탁하니, 이런저런 아이콘과 레이아웃을 보내주었습니다.



덕분에 디자인 제작시간을 많이 줄이게 되었고(아이콘 만드는 일 같은), 처음이지만 50시간동안 열심히 만들어 출시하게 되었습니다.
사실 기능이라곤 할 일을 적는 기능 뿐입니다. 한가지 추가하자면 로그인하는 모든 크롬에서 동기화도 된다는 점도 있습니다.

그래서 어제 출시를 하고 오늘 약간의 수정을 해서 아래의 모습이 되었습니다.

새 탭을 누를 때마다 랜덤 하게 화면이 바뀝니다. 현재 시간도 알 수 있구요. :)

저처럼 처음 만드는 사람도 쉽게 만들 수 있는 걸 보면 크롬 확장 프로그램은 구조가 참 간단한거 같습니다.
프로그래머 분들도 아시겠지만, 크게 기능을 구현하는 js파일, 골격이 되는 html 그리고 스타일시트만 만들어주면 됩니다.
웹스토어에 등록을 해두었는데 관심있으신 분들이 있을거 같아 링크남깁니다.

https://chrome.google.com/webstore/search/aurora%20planner?utm_source=chrome-ntp-icon&_category=extensions

모바일로도 들어가보려고 했는데, 모바일은 크롬 웹스토어에 들어갈 수가 없어서 이상한 화면만 보일 겁니다.
만드는 자세한 과정은 브런치에 적어두었습니다. 읽어주셔서 감사합니다. :)

https://brunch.co.kr/@skykamja24/60