그리스문자 입력기

고전 그리스 문자는 입력하기 까다로운 문자체계 중 하나죠. 별도의 자판을 가지고 있는 사람은 거의 없을테고, 여러가지 입력기의 도움을 받아서 입력합니다. 그 중 유명한 입력기가 typegreek입니다. 웹에서 알파벳으로 베타코드를 입력하는 것으로 그리스 알파벳을 직접 입력할 수 있습니다. 매우 편리한 툴입니다. 살아있는 헬라어 사이트에서도 그리스 문자 입력에 이 입력기를 사용하고 있었는데요 문제는 이게 이제는 deprecated된 keypress 이벤트를 이용해 입력을 하는 도구이기에 모바일에서는 작동을 안한다는겁니다.

물론 모바일로 돌아다니면서 고대 그리스어 입력하고 검색할 사람이 어디 있겠느냐마는 (그래도 몇 명은 있을거라고 믿어요~!ㅋ) 앞으로 장기적인 추세를 볼때 미리 차세대 표준으로 갈아타는게 더 좋을거라는 생각하에 input 이벤트를 이용한 입력기를 만들게 되었습니다. (이런 일을 벌이는 사람은 저말고 없을테니) 혼자쓰게 되겠지만, 그래도 혼자쓰기에는 아까워 코드 공개하고 올리기로 했습니다. 관심있으신 분들은 마음대로 가져가서 쓰셔도 되지만, 출처만 밝혀주세요!

/* iHellas 고전 그리스 알파벳 입력기 키보드로 베타코드를 입력하면 그리스 알파벳으로 변환해줍니다. - 제작: 적분 - 날짜: 2015-08-02 - 이메일: bab2min@gmail.com - 홈페이지: http://bab2min.tistory.com/ */ var hHelper = { breakTable : { "ς" : "σ", "ά" : "α´", "ἁ" : "α῾", "ἀ" : "α᾿", "ᾶ" : "α῀", "ᾳ" : "αͺ", "ἄ" : "α᾿´", "ᾴ" : "α´ͺ", "ᾀ" : "α᾿ͺ", "ᾁ" : "α῾ͺ", "ᾷ" : "α῀ͺ", "ᾄ" : "α᾿´ͺ", "ᾂ" : "α᾿`ͺ", "ἂ" : "α᾿`", "ᾃ" : "α῾`ͺ", "ἃ" : "α῾`", "ᾲ" : "α`ͺ", "ὰ" : "α`", "ᾅ" : "α῾´ͺ", "ἅ" : "α῾´", "ἇ" : "α῾῀", "ᾇ" : "α῾῀ͺ", "ᾆ" : "α᾿῀ͺ", "ἆ" : "α᾿῀", "ᾰ" : "α", "ᾱ" : "α&", "ᾼ" : "Αͺ", "Ἁ" : "Α῾", "ᾉ" : "Α῾ͺ", "Ἀ" : "Α᾿", "ᾈ" : "Α᾿ͺ", "ᾏ" : "Α῾῀ͺ", "Ἇ" : "Α῾῀", "ᾎ" : "Α᾿῀ͺ", "Ἆ" : "Α᾿῀", "Ὰ" : "Α`", "Ἃ" : "Α῾`", "ᾋ" : "Α῾`ͺ", "Ἂ" : "Α᾿`", "ᾊ" : "Α᾿`ͺ", "Ά" : "Α´", "Ἅ" : "Α῾´", "ᾍ" : "Α῾´ͺ", "Ἄ" : "Α᾿´", "ᾌ" : "Α᾿´ͺ", "ή" : "η´", "ἡ" : "η῾", "ἠ" : "η᾿", "ῆ" : "η῀", "ῃ" : "ηͺ", "ἤ" : "η᾿´", "ῄ" : "η´ͺ", "ᾐ" : "η᾿ͺ", "ᾑ" : "η῾ͺ", "ῇ" : "η῀ͺ", "ᾔ" : "η᾿´ͺ", "ᾒ" : "η᾿`ͺ", "ἢ" : "η᾿`", "ᾓ" : "η῾`ͺ", "ἣ" : "η῾`", "ῂ" : "η`ͺ", "ὴ" : "η`", "ᾕ" : "η῾´ͺ", "ἥ" : "η῾´", "ἧ" : "η῾῀", "ᾗ" : "η῾῀ͺ", "ᾖ" : "η᾿῀ͺ", "ἦ" : "η᾿῀", "ῌ" : "Ηͺ", "Ἡ" : "Η῾", "ᾙ" : "Η῾ͺ", "Ἠ" : "Η᾿", "ᾘ" : "Η᾿ͺ", "ᾟ" : "Η῾῀ͺ", "Ἧ" : "Η῾῀", "ᾞ" : "Η᾿῀ͺ", "Ἦ" : "Η᾿῀", "Ὴ" : "Η`", "Ἣ" : "Η῾`", "ᾛ" : "Η῾`ͺ", "Ἢ" : "Η᾿`", "ᾚ" : "Η᾿`ͺ", "Ή" : "Η´", "Ἥ" : "Η῾´", "ᾝ" : "Η῾´ͺ", "Ἤ" : "Η᾿´", "ᾜ" : "Η᾿´ͺ", "ώ" : "ω´", "ὡ" : "ω῾", "ὠ" : "ω᾿", "ῶ" : "ω῀", "ῳ" : "ωͺ", "ὤ" : "ω᾿´", "ῴ" : "ω´ͺ", "ᾠ" : "ω᾿ͺ", "ᾡ" : "ω῾ͺ", "ῷ" : "ω῀ͺ", "ᾤ" : "ω᾿´ͺ", "ᾢ" : "ω᾿`ͺ", "ὢ" : "ω᾿`", "ᾣ" : "ω῾`ͺ", "ὣ" : "ω῾`", "ῲ" : "ω`ͺ", "ὼ" : "ω`", "ᾥ" : "ω῾´ͺ", "ὥ" : "ω῾´", "ὧ" : "ω῾῀", "ᾧ" : "ω῾῀ͺ", "ᾦ" : "ω᾿῀ͺ", "ὦ" : "ω᾿῀", "ῼ" : "Ωͺ", "Ὡ" : "Ω῾", "ᾩ" : "Ω῾ͺ", "Ὠ" : "Ω᾿", "ᾨ" : "Ω᾿ͺ", "ᾯ" : "Ω῾῀ͺ", "Ὧ" : "Ω῾῀", "ᾮ" : "Ω᾿῀ͺ", "Ὦ" : "Ω᾿῀", "Ὼ" : "Ω`", "Ὣ" : "Ω῾`", "ᾫ" : "Ω῾`ͺ", "Ὢ" : "Ω᾿`", "ᾪ" : "Ω᾿`ͺ", "Ώ" : "Ω´", "Ὥ" : "Ω῾´", "ᾭ" : "Ω῾´ͺ", "Ὤ" : "Ω᾿´", "ᾬ" : "Ω᾿´ͺ", "έ" : "ε´", "ὲ" : "ε`", "ἐ" : "ε᾿", "ἑ" : "ε῾", "ἔ" : "ε᾿´", "ἕ" : "ε῾´", "ἓ" : "ε῾`", "Έ" : "Ε´", "Ὲ" : "Ε`", "Ἐ" : "Ε᾿", "Ἑ" : "Ε῾", "Ἔ" : "Ε᾿´", "Ἕ" : "Ε῾´", "ί" : "ι´", "ἰ" : "ι᾿", "ῖ" : "ι῀", "ἱ" : "ι῾", "ἴ" : "ι᾿´", "ϊ" : "ι¨", "ΐ" : "ι´¨", "ἲ" : "ι᾿`", "ἳ" : "ι῾`", "ῒ" : "ι`¨", "ὶ" : "ι`", "ἵ" : "ι῾´", "ῗ" : "ι῀¨", "ἷ" : "ι῾῀", "ἶ" : "ι᾿῀", "ῐ" : "ι", "ῑ" : "ι&", "Ϊ" : "Ι¨", "Ἱ" : "Ι῾", "Ἷ" : "Ι῾῀", "Ὶ" : "Ι`", "Ἳ" : "Ι῾`", "Ί" : "Ι´", "Ἵ" : "Ι῾´", "Ἰ" : "Ι᾿", "Ἶ" : "Ι᾿῀", "Ἲ" : "Ι᾿`", "Ἴ" : "Ι᾿´", "ό" : "ο´", "ὸ" : "ο`", "ὀ" : "ο᾿", "ὁ" : "ο῾", "ὃ" : "ο῾`", "ὅ" : "ο῾´", "ὄ" : "ο᾿´", "Ό" : "Ο´", "Ὸ" : "Ο`", "Ὀ" : "Ο᾿", "Ὁ" : "Ο῾", "Ὄ" : "Ο᾿´", "Ὅ" : "Ο῾´", "ύ" : "υ´", "ὐ" : "υ᾿", "ῦ" : "υ῀", "ὑ" : "υ῾", "ὔ" : "υ᾿´", "ϋ" : "υ¨", "ΰ" : "υ´¨", "ὒ" : "υ᾿`", "ὓ" : "υ῾`", "ῢ" : "υ`¨", "ὺ" : "υ`", "ὕ" : "υ῾´", "ῧ" : "υ῀¨", "ὗ" : "υ῾῀", "ὖ" : "υ᾿῀", "ῠ" : "υ", "ῡ" : "υ&", "Ϋ" : "Υ¨", "Ὑ" : "Υ῾", "Ὗ" : "Υ῾῀", "Ὺ" : "Υ`", "Ὓ" : "Υ῾`", "Ύ" : "Υ´", "Ὕ" : "Υ῾´", "Ῥ" : "Ρ῾", "ῥ" : "ρ῾", "ῤ" : "ρ᾿"}, compositeTable : {}, greekToBeta : {'῾':40, '̔':40, '᾿':41, '̓':41, '¨':43, '´':47, '́':47, '·':58, '·':59, '῀':61, '͂':61, ';':63, '̣':64, '&':38, '̄':38, 'Α':65, 'Β':66, 'Ξ':67, 'Δ':68, 'Ε':69, 'Φ':70, 'Γ':71, 'Η':72, 'Ι':73, 'Σ':74, 'Κ':75, 'Λ':76, 'Μ':77, 'Ν':78, 'Ο':79, 'Π':80, 'Θ':81, 'Ρ':82, 'Σ':83, 'Τ':84, 'Υ':85, 'Ϝ':86, 'Ω':87, 'Χ':88, 'Ψ':89, 'Ζ':90, '`':92, 'α':97, 'β':98, 'ξ':99, 'δ':100, 'ε':101, 'φ':102, 'γ':103, 'η':104, 'ι':105, 'ς':106, 'κ':107, 'λ':108, 'μ':109, 'ν':110, 'ο':111, 'π':112, 'θ':113, 'ρ':114, 'σ':115, 'τ':116, 'υ':117, 'ϝ':118, 'ω':119, 'χ':120, 'ψ':121, 'ζ':122, 'ͺ':124}, init : function() { for(var n = 4; n > 1; n--){ for(k in this.breakTable) { var p = this.breakTable[k]; if(p.length != n) continue; this.compositeTable[p] = k; } } }, replaceAll : function(str, searchStr, replaceStr) { return str.split(searchStr).join(replaceStr); }, breakHellas : function(str) { for(k in this.breakTable) { str = this.replaceAll(str, k, this.breakTable[k]); } return str; }, compositeHellas : function(str) { for(k in this.compositeTable) { str = this.replaceAll(str, k, this.compositeTable[k]); } return str; }, gToB : function(str) { for(k in this.greekToBeta) { str = this.replaceAll(str, k, String.fromCharCode(this.greekToBeta[k])); } return str; }, bToG : function(str) { for(k in this.greekToBeta) { str = this.replaceAll(str, String.fromCharCode(this.greekToBeta[k]), k); } return str; }, isHAlphabet : function(chr) { if(this.breakTable[chr]) return true; var b = this.greekToBeta[chr]; return b >= 65 && b != 92; }, decodeToBeta : function(str) { return this.gToB(this.breakHellas(str)); }, encodeFromBeta : function(str) { str = str.replace(/s([.?;:,! ])/, 'j$1'); return this.compositeHellas(this.bToG(str)); } }; hHelper.init(); // jQuery용 연결 함수 // toggle : true이면 베타코드가 그리스알파벳으로 변환되어 입력되고 // false면 그냥 로마 알파벳이 입력됩니다. jQuery.fn.iHellas = function (toggle) { function findDelta(value, prevValue) { var delta = ''; var deltaPos = -1; for (var i = 0; i < value.length; i++) { var str = value.substr(0, i) + value.substr(i + value.length - prevValue.length); if (str === prevValue) { delta = value.substr(i, value.length - prevValue.length); deltaPos = i; } } return [delta, deltaPos, value.length - prevValue.length]; } toggle = toggle || false; var tV = jQuery(this).data('toggle'); if(tV == undefined) this.filter('input,textarea').on('input', function () { var val = this.value, lastVal = jQuery(this).data('lastVal'); if(!jQuery(this).data('toggle')) return; var inserted = findDelta(val, lastVal); var removed = findDelta(lastVal, val); var pasted = inserted[0].length > 1 || (!inserted[0] && !removed[0]); if (pasted) { this.value = lastVal; } else if (!removed[0]) { var lChr = inserted[1] > 0 ? this.value.substr(inserted[1] - 1, 1) : ''; if(hHelper.isHAlphabet(lChr)) { inserted[1] -= 1; inserted[2] += 1; inserted[0] = hHelper.decodeToBeta(lChr) + inserted[0]; } var enc = hHelper.encodeFromBeta(inserted[0]); if(enc != inserted[0]) { this.value = this.value.substr(0, inserted[1]) + enc + this.value.substr(inserted[1] + inserted[2]); this.selectionStart = this.selectionEnd = inserted[1] + inserted[2]; } } jQuery(this).data('lastVal', this.value); }).on('focus', function () { jQuery(this).data('lastVal', this.value); }); jQuery(this).data('toggle', toggle); return this; };

뭔가 기술적으로 특별히 대단히 대단하다던가, 굉장히 굉장한건 없고 그냥 평범한 코드의 나열일 뿐입니다.

사용법은 아래와 같습니다.

jQuery('#q').iHellas(true); // 그리스알파벳 입력 켬 jQuery('#q').iHellas(false); // 그리스알파벳 입력 끔

살아있는 헬라어 사이트에서 실제로 사용중인 모습을 살펴볼수 있습니다.