[자바스크립트] 화상 자판을 덧붙인 온라인 한글 입력기

한글 자판/여러 한글 자판 2013/08/26 02:21 글쓴이 : 팥알

온라인 한글 입력기 수정판 : http://ohi.pat.im / http://자판.한국

자바스크립트로 돌아가는 alee님의 온라인 한글 입력기(ohi)는 웹 누비개에서 간편하게 쓸 수 있는 입력기이지만, 화상 자판 기능이 없다는 게 아쉽다면 아쉽다고 할 수 있다. 자판 배열표를 보여 주는 기능은 있으므로, 수정판에 배열표가 화상 자판으로 구실하도록 입력기에 기능을 덧붙여 보았다.

화상 자판 기능을 붙이면서 달라지거나 새로운 것을 간추리면 이렇다.

실제 자판에서 어느 글쇠를 배열표에서 볼 수 있다.
배열표의 글쇠를 딸깍하여 글을 넣을 수 있다.
배열표의 Caps Lock과 Shift(윗글쇠)는 운영체제에서 쓰는 입력기와는 따로 구실한다.
배열표의 Caps Lock는 윗글 걸쇠(Shift Lock)로 구실하여 걸어놓고 쓸 수 있다.
배열표의 Shift(윗글쇠)는 일반 글쇠를 한 번 누르고 나면 풀린다.
앞서는 입력기 화면에서 설명에 들어간 자판 항목들을 딸깍(클릭)하고 나면 글상자의 글반디(커서)가 사라져서 글 상자를 자주 딸깍해야 했다. 새 판에서는 자판 항목이나 배열표를 딸깍할 때 글상자의 글반디가 있게 하여 자주 딸깍하는 번거로움을 줄였다.
앞서는 Alt+1/Alt+2/Alt+3을 누르거나 자판 항목을 딸깍하여 자판을 고르면 한·영 상태를 바꾸어 쓸 수 있는 영문/두벌식/세벌식 자판 종류가 바뀌었다. 새 판에서는 바꾼 자판을 바로 쓰게 하였다.
세벌식 3-2012 자판처럼 확장 배열이 있는 자판 배열은 확장 배열을 보면서 특수기호를 넣을 수 있다.
드보락, 콜맥 자판 배열표를 더 넣어서 영문 자판도 함께 보고 칠 수 있다.
배열표에서 자판을 바꿀 수 있게 자판 종류를 바꾸는 글쇠를 넣었다.

화상 자판 기능은 세벌식 자판이나 드보락, 콜맥 자판처럼 드물게 쓰이는 자판을 쓰거나 소개할 때에 쓸모 있을 것이다. 순아래 자판이나 신세벌 자판처럼 아랫글만으로 한글을 칠 수 있는 자판은 화상 자판에서 훨씬 편리하게 쓸 수 있다.

화상 자판이 들어간 온라인 한글 입력기 (http://ohi.pat.im)

거듭 고치고 다듬었지만 아직 벌레가 남아 있을 수 있고, 더 끼울 만한 기능이 생각날 수도 있으니 고치는 작업이 더 이어질 것 같다. 본래 alee님의 바탕 코드는 그 짧은 코드로 입력기가 돌아간다는 것을 믿기 어려울 만큼 간결한데, 글쓴이가 손댄 뒤로 기능은 늘었을지 몰라도 바탕 코드는 많이 지저분해졌다.

IE 9 이하에서는 문자열을 감싼 채로 배열표의 뒷걸음쇠(backspace)를 누르면 엉뚱한 데가 지워지고, 화상 자판으로 넣을 때 한글이 풀어진 채로 들어간다. 되도록 IE 10 이상이나 불여우(파이어폭스), 크롬, 사파리, 오페라를 비롯한 다른 웹 누비개를 쓰는 것을 권한다. IE 9 이하에서만 일어나는 문제는 심각하지 않으면 굳이 고치지 않으려 한다.