iDev

크롬 확장 개발하기 - 준비

KraZYeom 2012. 5. 14. 07:42
반응형

DevFest X Korea 2012에 참석 해서 크롬 확장 앱 개발하기 세션을 듣고 

간단한 웹 개발 지식만 있으면 크롬 확장 앱을 개발 할 수 있다는 것을 깨닫고. 

심심해서 삽을 들어봤습니다. 


웹 개발은 1998년. 복사 붙여넣기와 간단한 html tag로 개발해 본게 거의 전부여서 엉엉... 구석기 시대 지식.

그리고 몇달전에 jQuery가 뭔지 궁금해서 JavaScript를 잠깐 본게 전부입니다. ㅠㅠ 

CSS는 사실 뭔지도 몰라요.... ㅠㅠ 

(jQuery가 Java로 무슨 DB query 쉽게 하는 것인줄 알았어요. 엉엉. OSCON 2010 참석했을때... 메인 개발자 강연에도 저따위꺼 뭐야? 하고 그냥 5분 듣다가 나왔다는... 엉엉... 영어를 잘해야해요. ㅠㅠ)


암튼 저런이유로 소스가 개판입니다. 


크롬 확장 개발 하기 준비 과정은 

간단한 JSON 지식 : manifest.json (안드로이드의 manifest와 같다고 생각을... iOS에서는 App-Info.plist 정도)

JavaScript : 당연히 jQuery도 import 되니 걍 쉽게...; 코딩은 제가 하는게 아니죠 jQuery 와 Google이 해줄뿐

CSS, HTML : View단 구성을...? 

(하지만 html5 로 넘어가고 이것저것 할려니 js, html5, css 지식수준이 높아야... ㅠㅠ)


웹 개발자라면 정말 손쉽게 쉭쉭~ 개발 할 수 있습니다. 


어차피 요놈을 대충 공부해놓으면 OSX의 위젯, iBooks Author의 위젯, 하이브리드 앱으로도 포팅이 쉽게 되지 않을까 생각하고 있습니다. 


구글에서도 친철하게 Tutorial 페이지를 제공해주네요. ㅠㅠb


https://github.com/krazyeom/Dentist-Crocodile 소스코드 및 리소스

Dentist Crocodile for Chrome v0.2 결과물 크롬 웹 스토어 


소스 보고 구조만 파악하면 이미 만드실수 있습니다. 



반응형