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 디자인이 바뀌고 그 다음 버전에서 삭제기능이 구현될것 같습니다.
목록 삭게로! 맨위로
번호 제목 이름 날짜 조회 추천
101304 서울 쌀국수 투어 모음집 2탄 [27] kogang20012159 24/04/19 2159 8
101303 서울 쌀국수 투어 모음집 1탄 [8] kogang20012284 24/04/19 2284 4
101302 이스라엘이 이란을 또다시 공격했습니다. [141] Garnett2112767 24/04/19 12767 5
101301 웹소설 추천 - 이세계 TRPG 마스터 [21] 파고들어라3931 24/04/19 3931 2
101300 문제의 성인 페스티벌에 관하여 [144] 烏鳳10580 24/04/18 10580 61
101299 쿠팡 게섯거라! 네이버 당일배송이 온다 [41] 무딜링호흡머신7277 24/04/18 7277 5
101298 MSI AMD 600 시리즈 메인보드 차세대 CPU 지원 준비 완료 [2] SAS Tony Parker 2886 24/04/18 2886 0
101297 [팁] 피지알에 webp 움짤 파일을 올려보자 [10] VictoryFood2855 24/04/18 2855 10
101296 뉴욕타임스 3.11.일자 기사 번역(보험사로 흘러가는 운전기록) [9] 오후2시4882 24/04/17 4882 5
101295 추천게시판 운영위원 신규모집(~4/30) [3] jjohny=쿠마5770 24/04/17 5770 5
101290 기형적인 아파트 청약제도가 대한민국에 기여한 부분 [80] VictoryFood10753 24/04/16 10753 0
101289 전마협 주관 대회 참석 후기 [19] pecotek5509 24/04/17 5509 4
101288 [역사] 기술 발전이 능사는 아니더라 / 질레트의 역사 [31] Fig.15491 24/04/17 5491 12
101287 7800X3D 46.5 딜 떴습니다 토스페이 [37] SAS Tony Parker 5529 24/04/16 5529 1
101285 마룬 5(Maroon 5) - Sunday Morning 불러보았습니다! [6] Neuromancer2911 24/04/16 2911 1
101284 남들 다가는 일본, 남들 안가는 목적으로 가다. (츠이키 기지 방문)(스압) [46] 한국화약주식회사7549 24/04/16 7549 46
101281 떡볶이는 좋지만 더덕구이는 싫은 사람들을 위하여 [31] Kaestro6922 24/04/15 6922 8
101280 이제 독일에서는 14세 이후 자신의 성별을 마음대로 결정할 수 있습니다. [302] 라이언 덕후19230 24/04/15 19230 2
101278 전기차 1년 타고 난 후 누적 전비 [55] VictoryFood12087 24/04/14 12087 7
101277 '굽시니스트의 본격 한중일세계사 리뷰'를 빙자한 잡담. [38] 14년째도피중8316 24/04/14 8316 8
101276 이란 이스라엘 공격 시작이 되었습니다.. [54] 키토15404 24/04/14 15404 3
101275 <쿵푸팬더4> - 만족스럽지만, 뻥튀기. [8] aDayInTheLife5157 24/04/14 5157 2
101274 [팝송] 리암 갤러거,존 스콰이어 새 앨범 "Liam Gallagher & John Squire" 김치찌개2943 24/04/14 2943 0
목록 이전 다음
댓글

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