상세 컨텐츠

본문 제목

웹기반 한글 인터프리터 제작_1

노드js·자바스크립트

by 김일국 2017. 4. 26. 20:08

본문

* 웹기반 한글 인터프리터 란?

홈페이지 작업시 보통 JQuery나 자바스크립트를 이용해서 필요한 작업을 하게 됩니다.

예를 들면, IE버전에 맞게 디자인을 약간 수정할 경우 IE를 비교하는 함수를 만들었다고 합시다.(아래)

<script type="text/javascript">

$(window).load(function(){

    var trident= navigator.userAgent.match(/Trident\/(\d)/i);

    var ie_num= (String(trident)).split(',');

    if(ie_num[1]>=6){ //사용자 브라우저가 IE10 이상이라면 아래 스타일 적용

$("body").css({"background-position":"32px left"});

}

   });

</script>

보통 그렇게 어렵지 않게 위 소스를 분석해서 사용할 수 있습니다.

하지만, 위 코드를 사용하려면, 기본적으로 변수와 split 함수 및  배열에 대한 개념이 있어야 합니다.

실제 현실은 위 예보다 훨씬 복잡하고, 이해하기 곤란한 구성으로 코딩 됩니다.

자바스크립트 변수와 함수 및 조건문등을 한글로 사용한다면, 좀더 의미있는 구성으로 홈페이지를 만들수 있지 않을까 합니다.

우리나라에서 그동안 소프트웨어 한글화가 여러곳에서 시도 되었습니다. OS는 상용으로 나온적은 없고,

한글 프로그래밍언어(컴파일러)는 만들어서, 상용(씨앗, 약속)으로 나온적이 있었던 것으로 알고 있습니다.

하지만, 대중에게 보급되기엔 무리가 있었는지, 실무에선 알려 지지 않고 있습니다.


* 개발 목표는 아래와 같습니다.

실무에서 가장 많이 사용하고, 미래에도 다양한 기기에서 사용될 자바스크립트를 한글로 작성해서(내부에서 영문으로 컴파일)

작동 되는 웹기반 한글 인터프리터(앞으로 약어로 [한인] 으로 표기)를 만들려고 합니다.

주) 앞으로 표기 중 [기존]은 기존자바스크립트 의 약어입니다.


* [한인] 에서 사용되는 값과 계산

- 수 : +, -, *, / 의 계산은 자바스크립트 원칙을 사용합니다.([기존] 동일)

- 문자열 : "", '' 따옴표로 둘러싸인 글을 사용합니다.([기존] 동일)

- 문자의끝 : 프로그램 문자의 끝은 ; 기호를 사용([기존] 동일)

- 참, 거짓 : 1>0  = 참, 1<0 = 거짓 으로 사용합니다.([기존] true, false 를 [한인]에서 대체 합니다.)

- 배열(또는 리스트) : [ "하나", 2, "삼", 4 ] 이 것과 같이 [,,,] 대괄호 를 사용합니다.([기존] 동일)


*[한인] 에서 사용되는 변수

변수 한글변수 = 3; 와 같이 사용 ( [기존] var 가 [한인] 변수 로 대체)


*[한인] 에서 배열과 범위

변수 배열[5] = [1, 2, 3, 4, 5 ]; ([기존] 동일)

배열[0] 은 1 을 가리킴([기존] 동일)


*[한인] 에서 조건문

조건문 (1 == 1 이고 0==1 ) 이면 {

변수 = 0;

} 아니면 {

변수 = 1;

}


*[한인] 에서 반복문

반복문 (초기값 = 1; 제한값 < 10; 증가값++) {

알림창(증가값); //alert창 출력

}

변수 배열[5] = [1, 2, 3, 4, 5 ];

반복문 (배열[5]의 인출변수) {

알림창(인출변수); //1부터 5까지 출력

}


*[한인] 에서 함수정의

함수 합구하기(파라미터1, 파라미터2) {

변수 결과 = 파라미터1 + 파라미터2;

결과 반환;

}

사용: 변수 결과 = 합구하기(1, 10); //결과 = 11 이 나옵니다.


이상으로 웹기반 한글 인터프리터 인 [한인] 의 사용규칙을 정리하겠습니다.

다음 포스트에서는 위 한글구문을 영문으로 컴파일 하는 코드를 포스팅 하겠습니다.

앞으로 작업 결과는 아래 사이트에서 확인 가능 합니다.

http://timespace12.dothome.co.kr/ 


관련글 더보기

댓글 영역