구글 블로그를 이쁘게 꾸미기 위해서 블로그 템플릿을 변환하는 프로그램을 만들고자 크롬 확장 프로그램(Chrome-extensions)을 작업해보기로 하고 코딩을 시작하였다. 여러 시행착오 끝에 github에서 사용하고 있는 ace-editor를 이용하여 템플릿 소스를 시각적인 에디터에 담는 것을 구상하였다. 결과적으로 블로그 템플릿을 수정하는 단계로 들어 갔을 때, 크롬 확장프로그램에서 해당 URL을 감지하도록 하여 Page action을 통해 아이콘을 활성화하고, 아이콘을 클릭하면 에디터가 동작하도록 작업해보았다.
<동작화면1 - page action을 통해 아이콘 활성화>
<동작화면2 - 아이콘 클릭시 ace-editor 프레임 활성화>
여기까지를 일단락하여 github repository를 새로 구성하였다.
- git://github.com/thesemo/blogger-editor.git
웹개발이 전문분야가 아닌지라, 자바스크립트가 좀 엉망이다... ㅡ.ㅡ; 스크립트 기반의 언어를 정리하는 방법도 차차 나아지리라 기대해본다. ㅋ