요즘 javascript 공부를 하고 있습니다. 인터넷 뜬지가 언제인데.. 지금 와서 웹 공부를 하는지 저도 잘 모르겠지만 이 공부 덕분에 쌓여 있는 책을 제대로 못보고 있는 안타까움이 존재합니다. -0-
문제는 javascript 공부를 할 때 DOM 명령어들을 오타를 내서 자꾸 javascript 가 틀리는 문제가 발생하더군요. 제가 쓰는 Emacs 는 이런일을 아주 깔끔하게 처리할 수 있게 잠깐만 코딩해 주면 되는 것이지요.
즉 Javascript-mode 에 DOM 명령어들을 Keyword 로 등록해 주면 오타가 발생하는지 알아볼 수 있습니다.
추가하는 과정을 살펴보기로 합니다.
.emacs 에 다음과 같은 부분을 추가합니다.
아주 쉽습니다. 키워드는 배우는 쪽쪽 추가해 주면 됩니다. 아직 배운 키워드가 몇개 없군요. ㅎㅎ
문제는 javascript 공부를 할 때 DOM 명령어들을 오타를 내서 자꾸 javascript 가 틀리는 문제가 발생하더군요. 제가 쓰는 Emacs 는 이런일을 아주 깔끔하게 처리할 수 있게 잠깐만 코딩해 주면 되는 것이지요.
즉 Javascript-mode 에 DOM 명령어들을 Keyword 로 등록해 주면 오타가 발생하는지 알아볼 수 있습니다.
추가하는 과정을 살펴보기로 합니다.
.emacs 에 다음과 같은 부분을 추가합니다.
(make-face 'dom-keywords-face)
face 한개를 설정해 줍니다. dom-keywords-face 라는 이름으로 설정해 줍니다.
;; M-x list-color-display
(set-face-foreground 'dom-keywords-face "IndianRed")
face 의 색은 IndianRed 로 해줍니다. 색이 아주 이쁘장합니다. list-color-display 를 실행시키면 emacs 에서 쓸 수 있는 색의 조합이 나타납니다. 명령을 자주 까먹어서 아예 주석으로 설명을 달아놨습니다.
(font-lock-add-keywords 'js-mode '(("\\<getElementById\\|createElement\\|document\\|appendChild\\>" . 'dom-keywords-face)))
(font-lock-add-keywords 'js-mode '(("\\<createTextNode\\>" . 'dom-keywords-face)))
키워드를 추가하는 부분입니다. \< \> 안에 들어 있어야 인식이 되는것 같습니다. (원리는 잘 모름..) 그리고 \\| 로 연속해서 써줄 수가 있습니다. 너무 많으면 차례로 늘어서 쓸 수가 있습니다.
js-mode 가 자바스크립트 파일을 읽어들이면 발동되는 javascript editor mode 입니다.
face 한개를 설정해 줍니다. dom-keywords-face 라는 이름으로 설정해 줍니다.
;; M-x list-color-display
(set-face-foreground 'dom-keywords-face "IndianRed")
face 의 색은 IndianRed 로 해줍니다. 색이 아주 이쁘장합니다. list-color-display 를 실행시키면 emacs 에서 쓸 수 있는 색의 조합이 나타납니다. 명령을 자주 까먹어서 아예 주석으로 설명을 달아놨습니다.
(font-lock-add-keywords 'js-mode '(("\\<getElementById\\|createElement\\|document\\|appendChild\\>" . 'dom-keywords-face)))
(font-lock-add-keywords 'js-mode '(("\\<createTextNode\\>" . 'dom-keywords-face)))
키워드를 추가하는 부분입니다. \< \> 안에 들어 있어야 인식이 되는것 같습니다. (원리는 잘 모름..) 그리고 \\| 로 연속해서 써줄 수가 있습니다. 너무 많으면 차례로 늘어서 쓸 수가 있습니다.
js-mode 가 자바스크립트 파일을 읽어들이면 발동되는 javascript editor mode 입니다.
아주 쉽습니다. 키워드는 배우는 쪽쪽 추가해 주면 됩니다. 아직 배운 키워드가 몇개 없군요. ㅎㅎ