PGR21.com
- 자유 주제로 사용할 수 있는 게시판입니다.
- 토론 게시판의 용도를 겸합니다.
Date 2017/06/25 09:15:47
Name 시드마이어
Subject [일반] 85시간 크롬 확장프로그램 만들기
안녕하세요! 얼마전 처음으로 크롬 확장프로그램을 만들어본 한 개발자이자 군인입니다.
휴가 나가서 5박 6일간 총 50시간에 걸쳐서 제작을 하고, 이후 싸지방에서 틈틈이 개발을 해서 오늘로 85시간째 개발을 하게 되었습니다.
개발 과정 글을 여러 곳에 올렸는데 그중에서 가장 반응이 좋았던 두 개 링크를 먼저 보셔도 좋을거 같습니다.

브런치: ["50시간 크롬 확장프로그램 만들기"]

리뷰리퍼블릭 : ["65시간동안 만든 크롬 확장프로그램"]

목표를 잃지 말자
제 나이가 올해 26살입니다. 대학교도 졸업했고, 원래는 전문연구요원으로 석박사 밟고 연구원으로 사는게 목표였습니다. 아이언맨처럼 저온 핵융합 원자로를 만들어보고 싶기도 했습니다. 하지만 막상 연구실에서 생활해보니 이곳은 마치 공부의 메이저 리그가 아닐까 싶었습니다. 평생 공부를 하면서 사는 삶도 멋지겠지만 그보단 더 재밌게 살고 싶어 군대갈 각오를 하고 프로그래밍을 공부하기 시작했습니다. 전공이 재료공학이지만 말이죠.

당시 썼던 글: ["자네는 왜 이런대서 일하나?"]

그렇게 프로그래밍을 공부하기 시작했지만 군대에 가기까지 남은 시간은 1년 뿐이었고, 모아둔 돈도 없었습니다. 그래서 피씨방 아르바이트를 하면서 안드로이드를 배웠고, 어플을 만들었습니다. 몇가지 만들긴 했지만 여러가지 이유로 런칭도 못하게 되고 작년 6월 공군에 입대하게 되었습니다. 안드로이드를 하면서 제가 원하는게 어플보다는 웹서비스라는 걸 많이 느끼고 군대에 와서는 웹을 집중적으로 공부했습니다. 그전엔 워드프레스를 이용해 대강 웹서비스를 만들었다면 이제는 javascript, html, css 같은 기본적인 프론트지식과 노드, 익스프레스, 몽고디비 등으로 백엔드까지 다듬게 되었습니다.

하지만! 설령 제가 웹서비스를 만들수 있더라고 운영할 돈이나 여력이 안됬습니다. 그러던 중 한가지 해답을 발견했는데, 그건 크롬 확장 프로그램이었습니다.

만들어보지 뭐
크롬 확장 프로그램은 제작에 돈이 들어가지 않습니다. 기본적인 구조도 간단하고, 데이터 처리등은 크롬 자체 기능을 활용할 수 있었습니다. 그렇기 때문에 웹서비스의 기본이라 할 수 있는 CRUD도 가능했고,(서버없이 돈 한푼 안들여도) 여러 재밌는 상상들을 하기 시작했습니다.

재밌는 아이디어는 많았지만 저는 아직 미숙했고, 처음이라 [아주아주 간단]한 걸 만들고 발전시키는 걸 목표로 두었습니다. 이름은 오로라 플래너로 정하고 50시간 프로그래밍에 돌입했습니다.

nFPNB2bbdBi9QdJhohSvhbRm46w.jpg


6월 2일 완성한 오로라 플래너의 최초버전 모습입니다. 지금보면 참 부끄럽지만 당시에는 꽤 자랑스러웠습니다. 이후 매일같이 싸지방을 들락날락거리며, 조금씩 개발에 정진하게 되었습니다. 외출을 나가서도 프로그래밍을 하면서 기능을 하나하나 추가하게 되었습니다.

- 현재시간 표시
- 리스트 타이틀 변경
- 검색바
- 포스트잇
- 외부 이미지 링크를 통한 배경화면
- 리스트 on/off 기능
- 자주 가는 페이지
- 키보드 단축키

이렇게 하나하나 추가해서 지금은 이렇게 바뀌게 되었습니다.
123123.jpg

2222.jpg


3333.jpg

444.jpg
놀랍게도 이 프로젝트에 참여하고자 하는 분들이 한명 두명 늘어나고, 제 꿈을 누군가와 공유하게 되어서 참 행복하게 지내고 있습니다.
오픈소스 제의도 받았는데 계속 기능이나 레이아웃이 수정되는 상황이라 오픈소스로 협업하기에는 이른 시점인거 같고, 디자이너 분들이 몇 분 도와주시게 되었는데 그 덕분에 앞으로의 디자인은 더 괜찮아질것 같습니다. 

어디까지 갈 수 있을까?

새 탭을 활용한 프로그램과 팝업을 활용한 프로그램 모두에서 재밌는 생각들을 가지고 있습니다. 그래서 준비한 것은 키보드 인터페이스나 마우스를 통한 인터렉션을 최대한 활용해 화면을 넓고 다양하게 쓰는 것 뿐 아니라 사람들 간의 서비스도 준비해보고 있습니다. 특히 생산성을 극한으로 끌어올려주는 프로그램이 꿈인데, 이를 위해서 온갖 툴들을 다 넣은 레이아웃을 제가 아닌 돕는 디자이너분들이 해주시고 계십니다. 참 세상은 어떻게 된건지 신기합니다.

다만 싸지방에서 개발을 해야된다는 점과 다음달부터 있을 근무 때문에 딜레이 되는게 아쉬운 점입니다. 

긴 글 읽어주셔서 감사합니다. 

p.s 혹시 몰라 링크를 남깁니다~ [오로라 플래너 웹스토어 링크] 


통합규정 1.3 이용안내 인용

"Pgr은 '명문화된 삭제규정'이 반드시 필요하지 않은 분을 환영합니다.
법 없이도 사는 사람, 남에게 상처를 주지 않으면서 같이 이야기 나눌 수 있는 분이면 좋겠습니다."
강배코
17/06/25 09:22
수정 아이콘
오옷 써봤는데 좋네요^^
시드마이어
17/06/25 11:19
수정 아이콘
감사합니다. :)
17/06/25 09:27
수정 아이콘
혹시 브런치나 블로그하시나요? 어디선가 본 기억이...
시드마이어
17/06/25 11:19
수정 아이콘
블로그는 1년쯤 안하긴 했지만 브런치는 자주 하고 있습니다. 글 안에도 링크가 있으니 아마 들어가보시면 맞나 확인할 수 있으실 겁니다.
17/06/25 09:56
수정 아이콘
젊을때 도전적으로 하고 싶은거 쫓는 모습이 멋집니다!!
시드마이어
17/06/25 11:18
수정 아이콘
감사합니다. :)
로랑보두앵
17/06/25 13:24
수정 아이콘
와.. 프로그래밍 공부는 얼마나 하신거에요? 독학으로 대단하시네요
시드마이어
17/06/25 14:03
수정 아이콘
음.. 초등학생때부터 리눅스 책을 사서 보긴했는데 제대로 한건 한 2년쯤 될까 싶네요.
공도리도리
17/06/25 18:26
수정 아이콘
군인이면 보통 휴가나와서 놀지 않나요? 대단하시네요 시드마이어님 열정에 박수를 보냅니다
시드마이어
17/06/26 06:40
수정 아이콘
노는게 그다지 재미없고 이런거 만드는게 노는게 되었습니다. :)
나스이즈라잌
17/06/26 00:48
수정 아이콘
그때 첫 게시글 보고 지금까지 쭉 사용중입니다. 잘 쓰고있습니다 ^^
검색창이 중앙에 온건 정말 많이 편하네요.

그런데 이번에 추가된 자주가는 사이트들의 배경색?이라고 해야할까요.
배경의 화려한 색상에 비하면 조금 이질감이 있는거같아요.

저도 컴퓨터 전공을 배우는 학부생인데 군인생활 하시면서 만드시는게 정말 대단한 열정이신거같습니다.
앞으로도 좋은 프로그램 부탁드립니다
시드마이어
17/06/26 06:42
수정 아이콘
첫 유저시군요! 말씀하신 배경색을 저도 고민중입니다.
계속 바꿔보곤 있는데 딱 마음에 드는게 없어서 일단 이정도로만 해둔건데 빨리 답을 찾는게 좋을거 같습니다.
17/06/26 14:01
수정 아이콘
이쁘고 괜찮은듯 합니다. 잘 쓰겠습니다.
그리고 버그 신고하겠습니다. Top Sites가 화면에 떴을 때, 사각형 중에서 텍스트를 클릭하면 사이트로 이동이 안되고, 해당 사각형에서 텍스트 부분을 제외한 배경 부분을 클릭해야만 사이트로 이동이 되네요.
시드마이어
17/06/26 14:10
수정 아이콘
그런 증상이 있었군요! 빨리 고쳐보도록하겠습니다!
17/06/26 17:23
수정 아이콘
안그래도 웹페이지로 메모 등을 보여주는 플래너가 있었으면 했는데 좋네요. 잘사용해보겠습니다.
좋은 프로그램 만들어주셔서 감사합니다. :)
시드마이어
17/06/27 07:01
수정 아이콘
감사합니다!
롤내일부터끊는다
17/06/27 01:40
수정 아이콘
서버는 어떻게 하신건가요?
시드마이어
17/06/27 07:02
수정 아이콘
서버는 따로 없습니다. 크롬 자체적으로 제공하는 데이터 저장 방식을 이용해서 자신이 올린 데이터에만 접속할 수 있게 만들었습니다. :)
롤내일부터끊는다
17/06/27 11:14
수정 아이콘
정보는 어디에 저장이 되는건가요?

저도 개발에 관심이 생겨서 여쭤봅니다~^^
시드마이어
17/06/27 11:53
수정 아이콘
chrome extension 문서에 보시면 storage부분이 있습니다.
간단히 설명드리면 storage는 sync하고 local로 나뉘는데 local은 유저 로그인과 무관하게 저장해서 쓰는 데이터이고,
sync는 로그인했을 경우 로그인된 모든 다른 크롬 기기들과 데이터를 공유하게 됩니다.
롤내일부터끊는다
17/06/27 14:14
수정 아이콘
답변 감사드립니다. ^ ^
17/06/27 07:23
수정 아이콘
기존에 모멘텀을 사용했었는데 이 확장이 더 좋아 보이네요. 잘 쓰겠습니다.
시드마이어
17/06/27 07:53
수정 아이콘
모멘텀보다 높게 평가해주시다니 감사합니다!
17/06/27 10:55
수정 아이콘
궁금한게 웨일에서는 사용안되나요?? 요즘 크롬에서 웨일로 넘어가서 써보고 싶긴한데 크롬이 무거워져서... ㅠ
시드마이어
17/06/27 11:51
수정 아이콘
웨일에도 확장 프로그램 스토어같은게 있으면 코드 재사용해서 쓸 수 있을겁니다. 일단은 파이어폭스 애드온으로도 출시할 생각인데 웨일은 좀 찾아봐야겠네요.
김피곤씨
17/06/27 10:56
수정 아이콘
Top sites 편집이 가능할까요? 찾고 있는데 잘 안 보이네요
시드마이어
17/06/27 11:52
수정 아이콘
저도 그게 빨리 개발해야된다고 생각해서 개발하고 있습니다. :) 오늘 중으로 1.5버전이 나올 텐데 top site 디자인이 바뀌고 그 다음 버전에서 삭제기능이 구현될것 같습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
72540 [일반] 문재인 대통령 '단일팀 선언', 공은 북-IOC로 넘어갔다 [315] 삭제됨14777 17/06/25 14777 6
72539 [일반] 1박2일 군산 뚜벅이 여행기 [16] Emumu9040 17/06/25 9040 12
72538 [일반] 제가 그동안 썼던 이어폰들.jpg [37] 김치찌개11504 17/06/25 11504 4
72537 [일반] 85시간 크롬 확장프로그램 만들기 [27] 시드마이어6998 17/06/25 6998 8
72534 [일반] [625 기념] 애치슨 라인의 진실. [27] metaljet9405 17/06/25 9405 21
72532 [일반] 저출산 고령화는 좋은 현상입니다. [121] 미사쯔모14502 17/06/25 14502 8
72530 [일반] [페이트 시리즈&프리즈마 이리야 스포일러 있음]영웅왕의 눈물나는 너프 이야기 [17] 마음속의빛5622 17/06/24 5622 0
72529 [일반] 오리 아저씨 (Duck Tales) 리부트 [28] 인간흑인대머리남캐6420 17/06/24 6420 1
72528 [일반] 유게 헬조선의 조별과제를 읽고 문득 떠오른 나의 조별과제 이야기 [36] Serapium8011 17/06/24 8011 10
72527 [일반] 김현미 장관의 취임사와 부동산 정책 [78] 삭제됨13959 17/06/24 13959 10
72526 [일반] [뉴스 모음] 난데없는 5행시-6행시 공방 외 [26] The xian8791 17/06/24 8791 11
72525 [일반] 남자끼리 [36] 마스터충달9068 17/06/24 9068 41
72524 [일반] 차기 주한 미국 대사에 빅터 차 교수 내정?! [19] 테이스터8784 17/06/24 8784 1
72523 [일반] 암호화폐에 관한 이런저런 이야기 [30] 다록알8140 17/06/24 8140 2
72522 [일반] (스포)트랜스포머 5는 정말로 안타까운 영화입니다. [40] 꿈꾸는드래곤10040 17/06/24 10040 4
72521 [일반] 2017 아스타나 엑스포(ASTANA EXPO) 소개글[데이터 주의] [9] 로각좁5161 17/06/23 5161 7
72520 [일반] 재미로 보는 LCT이야기. [29] 벨라도타9734 17/06/23 9734 1
72519 [일반] 최순실 정유라 학사비리에 대한 첫 선고가 나왔네요. [60] 사업드래군11046 17/06/23 11046 3
72518 [일반] (단편추리, 잔인주의) 결혼에 반대하는 엄마를 상대하는 법 [40] 글곰10792 17/06/23 10792 24
72516 [일반] Next stop is... [26] 어강됴리10370 17/06/23 10370 0
72515 [일반] 돈가스 사건에 대한 정형돈씨의 인터뷰 기사가 올라왔습니다. [45] 16145 17/06/23 16145 12
72514 [일반] 갤럽 문재인 79%, 더민주 50% [43] Lv312403 17/06/23 12403 14
72513 [일반] 민경욱 자유한국당 의원, 전화번호만으로 이름 알아내 답장 [75] 삭제됨15541 17/06/23 15541 0
목록 이전 다음
댓글

+ : 최근 1시간내에 달린 댓글
+ : 최근 2시간내에 달린 댓글
맨 위로