반응형

0. Zen-coding이란…

젠코딩을 처음 접한 건 올해 3월, 생활코딩을 운영하시는 egoing님의 트윗을 통해서였다.


https://twitter.com/egoing/status/178358366463213568


젠코딩은 2009년부터 러시아의 Sergey Chikuyonok씨가 개발한 입력 방식이다.


출처: http://opentutorials.org/course/128/1395


젠코딩은 대략 아래와 같은 도구이다.

- HTML 코딩의 생산성을 향상시켜주는 도구
- 현재 eclipse, vim, dreamweaver, editplus 등에서 플러그인으로 구현됨
- js/Python 스크립트로 개발되었음
- 굉장히 심플하면서도 명확한 기능


이걸 메모장2 mod에 적용하기로 결정했다.



1. 사용자 인터페이스 결정

가. 화면 UI

우선 결정할 것은 입력 UI의 구성이었다.
기존 입력 환경처럼 편집창 위에 입력 기능을 구현할까 생각했지만, 능력 부족귀차니즘으로 포기.
UI는 대략 아래와 같은 기능을 구현하기로 했다.


- 별도의 입력창을 구성해서, 거기에 입력하면 결과가 편집창에 들어감
- 현재 스키마에 따른 샘플 젠코드를 미리 보여줌
- 텍스트를 선택한 경우 선택 영역을 젠코드로 인식
- 들여쓰기는 현재 행의 상태와 커서 위치에 따라 적절히 적용



나. 단축키

단축키는 Zen-coding에 많이 사용되는 Alt/Ctrl-E 계열을 사용하고 싶었으나, 두 가지 이유로 포기.


a. 주메뉴 단축키(편집, Alt-E)와 겹쳐 기능 적용이 어려움
b. 기존의 유사 기능인 태그 입력 단축키Alt-X임.


그래서, 단축키는 Shift+Alt+X로 결정했다.



다음 글에서 계속…



반응형

공유하기

facebook twitter kakaoTalk kakaostory naver band