KR20140116438A - 연산 순서의 그래픽 표현 기법 - Google Patents

Abstract

소스 코드의 일부에 대한 연산 순서의 그래픽 표현이 소스 코드 뷰어 또는 에디터 엔진 내에서 생성되고 또한 디스플레이된다. 그래픽 표현은 동일한 창에 또는 별도의 창에 다수의 서로 다른 포맷으로 소스 코드와 함께 동시에 시각적으로 디스플레이될 수 있다. 다양한 디스플레이 포맷의 그래픽 표현은 선형 표현, 트리 표현, 숫자 순서, 컬러 강조 텍스트, 컬러 강조 연산자 등의 형태를 취할 수 있다. 연산 순서의 그래픽 표현은 사용자가 소스 코드를 검토하여 소스 코드의 실행 중에 이 연산이 실행되는 순서를 이해하는데 도움을 준다.

Description

연산 순서의 그래픽 표현 기법{GRAPHICAL REPRESENTATION OF AN ORDER OF OPERATIONS}

컴퓨터 프로그램은 연산 순서에 따라서 표현식 내의 연산을 실행한다. 연산 순서는 표현식 내의 어떤 연산자가 다른 연산자에 대해서 우선 순위를 가지고 있는지를 규정하는 일련의 규칙이다. 예를 들면, 덧셈 연산자가 곱셈 연산자에 대해서 우선 순위를 가지는 경우 수학 표현식 2 + 3 x 4는 값 20을 생성하도록 평가될 수 있다(예컨대, (2 + 3) x 4 = 20). 다르게는, 곱셈 연산자가 덧셈 연산자에 대해서 우선 순위를 가지는 경우 동일한 수학 표현식은 값 24를 생성하도록 평가될 수 있다(예컨대, 2 + (3 x 4) = 24). 연산 순서를 규정하지 않으면 일관성이 없는 결과가 생성될 수 있다.

연산 순서는 종종 컴퓨터 프로그램(예컨대, 애플리케이션, 스크립트 등)이 작성되는 프로그램 언어의 문법에 의해서 규정된다. 각각의 프로그램 언어는 서로 다른 연산 순서를 사용하여 표현식을 평가할 수 있다. 서로 다른 연산 순서는 친숙하지 않은 프로그램 언어로 작성된 소스 코드를 사용자가 검토하거나 편집하는 경우에 사용자에게 문제를 발생시킬 수 있다. 이에 더하여, 특정 프로그램 언어의 문법에서의 미묘한 차이가 복잡할 수 있으며 따라서 연산 순서를 확정하기 어려울 수 있다.

본 "발명의 내용" 항목은 이하의 "발명을 실시하기 위한 구체적인 내용" 항목에서 더욱 상세하게 설명되는 개념을 선택하여 단순화된 형식으로 소개하기 위해서 제공된다. 본 "발명의 내용" 항목은 특허청구범위의 청구 대상의 주된 특징 또는 핵심 특징을 식별하기 위한 것이 아니며, 특허청구범위의 청구 대상의 범위를 한정하기 위해서 사용되는 것은 더더욱 아니다.

소스 코드는 어떤 연산이 실행되는 방식을 규정하고 있는 언어 모델 또는 문법을 갖는 프로그램 언어로 작성된다. 구체적으로, 연산 순서는 당해 프로그램 언어 중에서 사용된 다른 연산자에 대한 연산자의 우선 순위를 규정하고 있다. 연산 순서의 그래픽 표현은 소스 코드와 함께 디스플레이되어 사용자로 하여금 어느 연산이 실행되는 지의 순서를 이해할 수 있도록 한다. 이는 소스 코드의 개발 및 유지 중에 도움이 된다.

그래픽 표현은 다수의 서로 다른 포맷으로 시각적으로 디스플레이될 수 있다. 다양한 디스플레이 포맷의 그래픽 표현은 선형 표현, 트리 표현, 숫자 순서, 컬러 강조 텍스트, 컬러 강조 연산자 등의 형태를 취할 수 있다. 그래픽 표현은 결과에 영향을 미치지 않은 채로 임의의 순서대로 수행될 수 있는 연산을 디스플레이할 수 있다. 그래픽 표현의 일부는 특수 문자를 사용하여 축소 및/또는 은닉될 수 있다.

이들 및 기타 특징 및 장점은 후술하는 "발명을 실시하기 위한 구체적인 내용" 항목의 해석 및 관련된 도면의 검토로부터 명백해질 것이다. 상술한 일반적인 설명 및 후술하는 발명의 상세한 설명 모두는 설명을 위한 것일 뿐이며 또한 특허청구범위에서 청구하는 바와 같은 특징을 제한하지는 않는다.

도 1은 연산 순서의 그래픽 표현을 생성 및 디스플레이하기 위한 예시적인 제 1 시스템을 도시한 도면이다.
도 2는 연산 순서의 그래픽 표현을 생성 및 디스플레이하기 위한 예시적인 제 2 시스템을 도시한 도면이다.
도 3a 내지 도 3f는 연산의 순차적인 실행을 위해서 포맷된 연산 순서의 그래픽 표현의 다양한 실시예를 도시한 도면이다.
도 4a 내지 또 4j는 연산의 병렬 및 순차적인 실행을 위해서 포맷된 연산 순서의 그래픽 표현의 다양한 실시예를 도시한 도면이다.
도 5는 표현식의 그래픽 표현을 도시한 도면으로, 여기에서 표현식 중의 연산자만이 연산 순서의 그래픽 표현 내에 디스플레이된다.
도 6은 연산 순서의 그래픽 표현의 일부분의 선택적인 은닉 및 축소를 도시한 도면이다.
도 7a 내지 도 7c는 연산 순서의 그래픽 표현의 배치의 다양한 실시예를 디스플레이 상에 도시한 도면이다.
도 8은 동적으로 생성되는 연산 순서의 그래픽 표현을 도시한 도면이다.
도 9는 디스플레이된 소스 코드의 일부의 그래픽 표현을 생성하기 위한 예시적인 방법을 도시한 흐름도이다.
도 10은 운영 환경을 도시한 블록 다이어그램이다.
도 11은 예시적인 제 1 컴퓨팅 장치를 도시한 블록 다이어그램이다.
도 12는 예시적인 제 2 컴퓨팅 장치를 도시한 블록 다이어그램이다.
도 13은 예시적인 서버를 도시한 블록 다이어그램이다.

다양한 실시예는 선택된 부분의 소스 코드에 대한 연산 순서의 그래픽 표현의 생성 및 디스플레이를 포함한다. 연산 순서의 그래픽 표현은 시각적으로 표현되어 사용자(예컨대, 개발자, 프로그래머 등)로 하여금 선택된 부분의 소스 코드의 실행 흐름을 더욱 완전하게 이해할 수 있도록 도와줄 수 있다. 그래픽 표현은 동일한 창에 또는 별도의 창에 다수의 서로 다른 포맷으로 소스 코드와 함께 동시에 시각적으로 디스플레이될 수 있다. 다양한 디스플레이 포맷의 그래픽 표현은 선형 표현, 트리 표현, 숫자 순서, 컬러 강조 텍스트, 컬러 강조 연산자 등의 형태를 취할 수 있다. 연산 순서의 그래픽 표현은 사용자가 소스 코드를 검토하여 소스 코드의 실행 중에 이 연산이 실행되는 순서를 이해하는데 도움을 준다. 이 지식은 사용자에 의해서 사용되어 의도하는 목적에 적합하게 소스 코드를 디버그, 테스트, 및/또는 편집할 수 있도록 한다.

이제 연산 순서의 그래픽 표현을 이용하는 예시적인 제 1 시스템에 대해서 설명하기로 한다. 도 1을 참조하면, 연산 순서의 그래픽 표현을 생성하고 또한 디스플레이하기 위한 예시적인 시스템(100)의 블록 다이어그램이 나타나 있다. 도 1에 나타낸 시스템(100)은 특정 토폴로지로 제한된 숫자의 요소를 가지고 있으나, 이 시스템(100)은 소정의 구현에 적합하도록 필요에 따라서 다른 토폴로지로 더 많거나 더 적은 요소를 포함할 수 있음을 이해할 수 있을 것이다.

시스템(100)은, 제한하지 않고, 모바일 장치, 휴대용 개인 정보 단말기, 모바일 컴퓨팅 장치, 스마트 폰, 셀룰러 텔레폰, 소지형(handheld) 컴퓨터, 서버, 서버 어레이 또는 서버 팜, 웹 서버, 네트워크 서버, 인터넷 서버, 워크스테이션, 미니 컴퓨터, 메인프레임 컴퓨터, 수퍼 컴퓨터, 네트워크 가전, 웹 가전, 분산 컴퓨팅 시스템, 멀티 프로세서 시스템, 또는 이들의 조합과 같은 프로그램 가능한 인스트럭션을 실행할 수 있는 임의의 유형의 전자 장치일 수 있는 컴퓨팅 장치(102)를 포함할 수 있다.

컴퓨팅 장치(102)는 소스 코드(108)를 디스플레이할 수 있는 소스 코드 뷰어(104) 및 에디터 엔진(106)을 포함할 수 있다. 소스 코드 뷰어(104)는 사용자(예컨대, 프로그래머, 개발자 등)로 하여금 소스 코드(108)를 검토할 수 있게 하는 소프트웨어 애플리케이션일 수 있다. 에디터 엔진(106)은 소스 코드를 검토, 편집, 및/또는 생성하도록 프로그래머에 의해서 사용되는 소프트웨어 애플리케이션일 수 있다. 소스 코드(108)는 일련의 컴퓨터 프로그램 인스트럭션일 수 있으며, 프로세서에 의해서 실행될 때, 프로세서로 하여금 소정의 태스크에 따라서 방법 및/또는 연산을 수행하도록 한다. 소스 코드(108)는 임의의 적절한 고수준, 저수준, 객체 지향적, 비주얼(visual), 컴파일된 및/또는 인터프리트된 프로그램 언어일 수 있는 소프트웨어 애플리케이션, 프로그램 코드, 프로그램, 프로시저, 모듈, 코드 세그먼트, 프로그램 스택, 미들웨어, 펌웨어, 메쏘드(method), 루틴, 웹 페이지, 실행 가능한 코드, 스크립트 파일 등일 수 있다.

사용자는 사용자가 그 연산 순서를 검토하고자 소망하는 소스 코드(108)의 일부를 선택하고 한편으로는 소스 코드 뷰어(104) 또는 에디터 엔진(106) 내에서 이 코드를 검토할 수 있다. 입력 선택기(110)는 사용자에 의해서 연산 순서에 대해서 관심이 있는 소스 코드의 일부를 식별하는데 이용될 수 있다. 입력 선택기(110)는 커서 위치(112) 및/또는 강조기(114)일 수 있다. 커서 위치(112)는 커서가 놓인 곳의 위치로 관심이 있는 소스 코드의 일부가 식별되어 있다. 강조기(114)는 관심이 있는 소스 코드를 나타내는 소스 코드의 음영부일 수 있다. 입력 선택기(110)는 관심이 있는 소스 코드를 표시하기 위해서 사용자가 사용할 수 있는 임의의 메커니즘일 수 있음에 주목하여야 한다.

입력 분석기(116)는 사용자 또는 프로그램이 연산 순서 분석을 위해서 선택한 소스 코드의 일부를 수신한다. 입력 분석기(116)는 또한 언어 모델 및 사용자 옵션에 기초하여 이 분석에 필요한 전체 명령문을 발견할 수 있다. 입력 분석기(116)는 소스 코드의 정적으로 선택된 일부를 소스 코드 뷰어(104)로부터의 수신할 수 있다. 정적으로 선택된 소스 코드의 일부는 정적 소스 코드 목록으로부터 식별될 수 있다. 정적으로 선택된 소스 코드의 일부는 커서 위치, 강조 텍스트 등을 통해서 지정될 수 있다. 입력 분석기(116)는, 지정된 소스 코드의 양이 표현식 또는 명령문의 전체가 아님을 인식할 수 있으며, 이는 언어 모델 또는 사용자 옵션에 의해서 지정되는 바와 같다. 이 경우에 있어서, 입력 분석기(116)는 선택된 부분의 소스 코드에 추가 텍스트 또는 문자를 포함시켜 표현식 또는 명령문을 완성할 수 있다.

입력 분석기(116)는 또한 동적 모듈 선택기(107)로부터 동적으로 선택된 소스 코드 부분을 수신할 수도 있다. 동적으로 선택된 소스 코드 부분은 실시간으로 식별되며 이와 동시에 사용자는 소스 코드를 생성하고, 소스 코드를 테스트하고, 및/또는 소스 코드를 편집한다.

동적 모듈 선택기(107)는 사용자가 소스 코드의 어느 부분의 대응하는 연산 순서가 디스플레이되기를 원하는지를 결정한다. 일부 경우에 있어서, 사용자는 강조된 텍스트를 통해서 소스 코드의 일부를 식별할 수 있다. 다른 경우에 있어서, 동적 모듈 선택기(107)는 입력 선택기(110)로부터 커서 위치(112)와 같은 소스 코드의 부분을 결정하여야 한다. 예를 들면, 커서 위치(112)가 소스 코드 중의 한 라인의 중간에 놓여져 있는 경우, 동적 모듈 선택기(107)는 완성된 표현식을 획득하도록 이 라인 내의 어떤 문자를 소스 코드 부분에 포함시킬 지를 결정한다.

또한, 동적 모듈 선택기(107)는 사용자가 연산 순서의 분석을 위해서 선택한 소스 코드의 부분을 추리해야 할 수도 있다. 에디터 엔진을 사용하는 것과 같이 실시간으로 편집하는 경우에 있어서, 사용자는 소스 코드의 타자를 완료하지 못하였거나, 또는 연산 순서의 분석을 위해서 소스 코드의 일부를 사용자가 선택한 경우에도 편집을 하고 있을 수 있다. 이 때 선택될 수 있는 소스 코드 부분은 언어 모델 또는 사용자 옵션에 따르면 표현식 또는 명령문의 전체가 아니다. 이 경우에 있어서, 동적 모듈 선택기(107)는 사용자의 동작을 추리하여 추가 문자를 포함하도록 할 지, 사용자로 하여금 타자를 계속하도록 하고 또한 논리적인 코드 분리자를 타자하도록 할 지 등을 결정하여야 한다.

예를 들면, 동적 모듈 선택기(107)의 일 역할을 도시하기 위해서 다음과 같은 소스 코드의 일부분을 고려해 보기로 한다.

라인 5에 있어서, 커서("|")는 라인 중간에서 문자 "a"의 뒤 및 "++"의 앞에 위치하고 있다. 동적 모듈 선택기(107)는 이 커서 위치 이후에도 추가적인 텍스트가 있음을 인식하고 또한 소스 코드 중의 선택 부분 내의 라인 5 상의 텍스트의 나머지를 포함시켜 표현식이 완전하게 포함되도록 한다. 따라서, 동적 모듈 선택기(107)는 선택된 부분의 소스 코드가 "int f = *a++;"임을 판단할 것이다. 상술한 코드 예제에서 언급한 바와 마찬가지로, 입력 분석기(116)는 정적으로 선택된 소스 코드 내로 추가 텍스트 및 문자를 획득하도록 하는 동일한 기능을 가지고 있음에 유의하여야 한다.

선택된 부분의 소스 코드는 파서(118)에 의해서 이용되어 선택된 코드 부분의 구문 구조를 표현하는 자료 구조가 생성될 수 있다. 파서(118)는 소스 코드가 작성된 프로그램 언어의 문법과 같은 언어 모델(122)을 이용하여 선택된 코드 부분의 구문 구조를 결정한다. 언어 모델(122) 또는 문법은 일련의 토큰(token)을 프로그램 언어의 구문 구조로 번역하는데 사용되는 일련의 규칙을 포함하고 있다. 문법에는 표현식을 평가하는데 사용되는 연산 순서가 내재되어 있다.

파서(118)는 선택된 코드 부분의 구문 구조를 표현하는 파스 트리(parse tree)를 생성할 수 있다. 파스 트리는 표현식 내의 변수를 표현하는 잎 노드 및 표현식 내의 이 변수에 대해서 적용되는 연산자를 표현하는 내부 노드를 포함할 수 있다. 다르게는, 파서(118)는, 예를 들면, 제한하지 않고, 해시 테이블(hash table), 벡터(vector) 등과 같은 기타 자료 구조를 이용하여 선택된 코드 부분의 구문 구조를 나타낼 수도 있다.

파서(118)는 그래픽 표현에서 사용되는 연산 순서를 맞춤화하는데 사용되는 하나 이상의 파서 옵션(120)을 수신할 수 있다. 예를 들면, 사용자는 파서 옵션(120)을 통해서 선택된 부분의 소스 코드에 대해서 함수명은 연산 순서에서는 고려되어서는 아니된다는 것을 규정할 수 있다. 마찬가지로, 사용자는 파서 옵션(120)을 통해서 선택된 부분의 소스 코드는 50 문자 미만을 포함하는 코드 라인을 포함해서는 아니된다는 것을 규정할 수 있다. 기타 사용자 환경 설정 또한 파서 옵션(120)을 통해서 규정될 수 있다.

그래픽 표현 모듈(124)은 파스 트리를 이용하여 연산 순서의 그래픽 표현을 생성한다. 그래픽 표현 모듈(124)은 사용자가 소망하는 포맷의 그래픽 표현을 규정하는 그래픽 표현 옵션(126)을 수신할 수 있다. 예를 들면, 그래픽 표현 옵션(126)은 선형 표현 포맷, 트리 표현 포맷, 수치 순서 포맷, 컬러 텍스트 포맷, 폰트 기반 텍스트 포맷 등을 포함할 수 있다. 또한, 그래픽 표현 옵션(126)은 우선 순위를 표시하는데 포맷을 사용하는 방식을 규정할 수 있다. 예를 들면, 선형 표현 포맷은 각각의 연산 위에 계층적 순서대로 위치하는 직선을 가지고 있다. 최하위 직선이 제 1 연산을 표시하고, 그 위의 각각의 직선이 최하위 직선의 위에 나타낸 순서대로 실행되는 경우, 아래에서 위로의 순서대로 직선을 배치하는 것에 의해서 연산의 우선 순위가 규정될 수 있다. 마찬가지로, 위에서 아래로의 순서에 있어서, 최상위 직선은 제 1 연산을 표시하도록 규정될 수 있으며 또한 이 최상위 직선의 아래에 있는 각각의 직선은 그 아래에 나타낸 순서대로 실행될 수 있다.

그래픽 엔진(128)을 이용하여 사용자를 위해서 디스플레이(130) 상에 그래픽 표현을 디스플레이할 수 있다. 그래픽 엔진(128)은 디스플레이(130) 상의 창에 연산 순서의 그래픽 표현과 같은 대상을 렌더링하도록 하는 소프트웨어 애플리케이션일 수 있다. 디스플레이(130)는 컴퓨팅 장치(102)와 관련된 스크린 또는 시각적 디스플레이 유닛이다.

도 2는 연산 순서의 그래픽 표현을 생성하고 디스플레이하기 위한 예시적인 제 2 시스템(200)의 블록 다이어그램을 도시한 도면이다. 도 2에 나타낸 시스템(200)은 특정 토폴로지로 제한된 숫자의 요소를 가지고 있으나, 이 시스템(200)은 소정의 구현에 적합하도록 필요에 따라서 다른 토폴로지로 더 많거나 더 적은 요소를 포함할 수 있음을 이해할 수 있을 것이다.

시스템(200)에 있어서, 서버(202)는 대량의 소스 코드를 저장하도록 이용될 수 있으며, 사용자는 서버(202)에 의해서 호스트되는 소스 코드 뷰어(104)를 통해서 이 소스 코드를 검토할 수 있다. 사용자는 사용자의 컴퓨팅 장치(201)의 웹 브라우저(206)를 이용하여 서버의 소스 코드 뷰어(104)를 통해서 소스 코드를 검토할 수 있다. 소스 코드가 서버(202) 내에 저장되어 있는 경우, 파서(118)를 사용하여 서버의 파스 트리 저장소(210) 내에 저장된 소스 코드의 파스 트리 또는 구문 표현을 생성할 수 있다. 사용자가 소스 코드의 일부분에 대한 연산 순서를 검토하고자 원하는 경우, 웹 브라우저(206)는 대응하는 파스 트리를 서버(202)로부터 요청할 수 있다. 서버(202)는 이 파스 트리를 사용자의 컴퓨팅 장치(102)로 제공하며, 사용자의 컴퓨팅 장치에서는 그래픽 표현 모듈(124)을 사용하여 사용자의 그래픽 표현 옵션(126)에 따른 연산 순서를 디스플레이(130) 상에 생성할 수 있다.

도 2를 참조하면, 시스템(200)은 네트워크(204)를 통해서 서버(202)에 통신 가능하게 접속된 컴퓨팅 장치(201)를 포함할 수 있다. 컴퓨팅 장치(201) 및 서버(202)는, 제한하지 않고, 모바일 장치, 휴대용 개인 정보 단말기, 모바일 컴퓨팅 장치, 스마트 폰, 셀룰러 텔레폰, 소지형(handheld) 컴퓨터, 서버, 서버 어레이 또는 서버 팜, 웹 서버, 네트워크 서버, 인터넷 서버, 워크스테이션, 미니 컴퓨터, 메인프레임 컴퓨터, 수퍼 컴퓨터, 네트워크 가전, 웹 가전, 분산 컴퓨팅 시스템, 멀티 프로세서 시스템, 또는 이들의 조합과 같은 프로그램 가능한 인스트럭션을 실행할 수 있는 임의의 유형의 전자 장치일 수 있다. 네트워크(204)는 컴퓨팅 장치(201) 및 서버(202) 간의 전자 통신을 용이하게 하며, 또한 도 10에 나타낸 통신 프레임워크를 참조하여 이하에서 더욱 상세하게 설명하는 임의의 유형의 통신 인프라스트럭처일 수 있다.

컴퓨팅 장치(201)는 웹 브라우저(206), 그래픽 표현 모듈(124), 그래픽 표현 옵션(126), 그래픽 엔진(128), 및 디스플레이를 포함할 수 있다. 웹 브라우저(206)를 사용하여 소스 코드 뷰어(104)를 통해서 서버(202) 상에서 호스트되는 소스 코드를 검토할 수 있다. 사용자는 웹 브라우저(206)를 통해서 소스 코드의 특정 부분에 대한 연산 순서를 요청할 수도 있다. 소스 코드의 파스 트리 또는 구문 표현은 서버(202)로부터 획득될 수 있다. 그래픽 표현 모듈(124)은 파스 트리를 수신하고 또한 그래픽 엔진(128)에 의해서 디스플레이(130) 상에 디스플레이되는 대응하는 연산 순서를 생성할 수 있다.

서버(202)는 소스 코드 뷰어(104), 입력 분석기(116), 파서(118), 파서 옵션(120), 언어 모델(122), 소스 코드 저장소(208), 및 파스 트리 저장소(210)를 포함할 수 있다. 소스 코드가 서버(202)에 업로드되어 소스 코드 저장소(208) 내에 저장될 때마다, 파서(118)가 활성화되어 이 소스 코드에 대한 파스 트리가 생성될 수 있다. 파서 옵션(120)은 소스 코드의 임의의 부분이 변경되었거나 또는 소스 코드가 저장되고, 검토되고, 또한 편집되었을 때의 어떤 특정 시점에 파서(118)가 파스 트리를 재생성하도록 규정될 수 있다. 이들 실시예는 이와 같은 방식으로 제한되지는 않는다.

파스 트리는 파스 트리 저장소(210) 내에 저장될 수 있다. 소스 코드 뷰어(104)는 파스 트리 저장소(210)로부터 추출될 수 있는 소스 코드의 특정 부분과 관련된 파스 트리에 대한 요청을 수신할 수 있다. 입력 분석기(116), 파서(118), 파서 옵션(120), 및 언어 모델(122)은 도 1을 참조하여 상술한 바와 동일한 방식으로 동작한다.

도 1 및 도 2에 나타낸 시스템(100, 200)이 특정 구성에 있어서 제한된 요소를 가지고 있지만, 시스템(100, 200)은 다른 구성에 있어서 더 많거나 더 적은 요소를 포함할 수 있음을 잘 이해할 것이다. 예를 들면, 동적 모듈 선택기(107), 입력 분석기(116), 파서(118), 및/또는 그래픽 표현 모듈(124)은 소스 코드 뷰어(104), 에디터 엔진(106), 통합 개발 환경, 운영 체제, 클라우드 서비스, 컴파일러, 클라우드 서비스용 캐시, 이메일 클라이언트, 운영 체제, 및/또는 이들의 조합에 포함되어질 수 있다. 또한, 사용자는, 컴퓨팅 장치(102) 상에서, 웹 에디터, 웹 서비스 클라이언트 등을 이용하여 도 2에 나타낸 서버(202) 상에서 호스트되는 소스 코드에 액세스할 수 있다.

다른 실시예에 있어서, 도 2에 나타낸 시스템(200)의 요소는 다른 구성으로 배열될 수도 있다. 예를 들면, 서버(202)는 클라이언트 장치(102) 상에 위치하고 있는 웹 브라우저(206) 또는 기타 애플리케이션을 통해서 액세스될 수 있는 에디터 엔진(106)을 호스트할 수 있다. 다른 실시예에 있어서, 소스 코드는 서버(202) 내에 저장될 수 있고 또한 컴퓨팅 장치(201) 상에 위치하는 소스 코드 뷰어, 에디터 엔진, 웹 에디터 등을 통해서 검토될 수도 있다. 컴퓨팅 장치로부터 소스 코드에 액세스하는 에디터 엔진의 경우에 있어서, 동적 모듈 선택기(107)는 컴퓨팅 장치(201) 또는 서버(202) 중의 어느 하나에 위치할 수 있다. 다른 실시예에 있어서, 소스 코드는 컴퓨팅 장치(201) 내에 저장되어 있을 수 있고 또한 이 소스 코드와 관련된 파스 트리는 서버(202) 상에 저장되어 있을 수 있다. 컴퓨팅 장치(201)는 소스 코드의 개발 및 유지 보수 중에 여러번 서버 상의 파서에 대해서 소스 코드를 서버(202)로 전송하여 관련된 파스 트리를 생성할 수 있다. 본 실시예에 있어서, 필요하다면, 서버(202)를 사용하여 파스 트리를 생성하고, 저장하고, 또한 호스트하여 컴퓨팅 장치(201)에서 사용할 수 있다.

다양한 실시예에 있어서, 본 명세서에서 기술된 시스템(100, 200)은 복수의 요소, 프로그램, 프로시저, 모듈을 갖는 컴퓨터 구현 시스템을 포함할 수 있다. 본 명세서에서 사용되는 바와 같이, 이들 용어는 하드웨어, 하드웨어와 소프트웨어의 조합, 또는 소프트웨어 중의 하나를 포함하는 컴퓨터와 관련된 개체를 통칭하는 것으로 의도되었다. 예를 들면, 일 요소는 프로세서, 하드 디스크 드라이브, 복수 저장 장치(광학식 및/또는 자기 저장 매체), 객체, 실행 가능 파일 또는 프로그램, 실행 쓰레드, 프로그램, 및/또는 컴퓨터 상에서 동작하는 프로세스로서 구현될 수 있다. 예로서, 컴퓨팅 장치 상에서 동작하는 애플리케이션과 컴퓨팅 장치 모두 요소일 수 있다. 하나 이상의 요소는 프로세스 및/또는 실행 쓰레드 내에 위치할 수 있으며, 또한 요소는 소정의 구현을 위해서 소망에 따라서 하나의 컴퓨터 상에 국한되어 위치하거나 및/또는 두 개 이상의 컴퓨터 간에 분산되어 위치할 수도 있다. 이들 실시예는 이와 같은 방식으로 제한되지는 않는다.

시스템(100, 200)의 다양한 요소는 다양한 직선 및 화살표에 의해서 표시되는 바와 같이 다양한 유형의 통신 매체를 통해서 통신 가능하게 결합될 수 있다. 이들 요소는 서로 간에 있어서, 조작이 조정될 수 있다. 이 조정에는 단방향 또는 양방향 정보 교환이 포함될 수 있다. 예를 들어서, 이들 요소는 통신 매체를 통해서 통신되는 신호의 형태로서 정보를 통신할 수 있다. 정보는 신호로서 구현되어 다양한 신호선에 할당될 수 있다. 이와 같은 할당에 있어서, 각각의 메시지는 신호(signal)이다. 하지만, 다른 실시예는 다르게는 데이터 메시지를 채택할 수 있다. 그와 같은 데이터 메시지는 다양한 접속 수단으로 전송될 수 있다. 예시적인 전송 수단에는 병렬 인터페이스, 직렬 인터페이스, 및 버스 인터페이스가 포함된다.

이제 그래픽 표현의 다양한 실시예로 돌아가 이들에 대해서 더욱 상세하게 설명하기로 한다. 도 3a를 참조하면, A || B + C || D를 기술하는 표현식(300)을 포함하고 있는 C 프로그램 언어로 작성된 한 라인(line)의 소스 코드가 나타나 있다. 이 표현식에는 네 개의, 즉 A, B, C, 및 D의 변수가 있다. 이 표현식 내에는 두 개의 연산자, 즉 산술 합 연산인 '+' 및 논리 OR 연산자인 "||"가 있다.

도 3b는 표현식(300)에 대응하는 파스 트리(302)의 예시적인 표현을 나타내고 있는 도면이다. 파스 트리(302)는 표현식(300) 내의 네 개의 변수를 포함하는 잎 노드(leaf node)를 포함하고 있으며 또한 내부 노드는 표현식(300) 내의 연산자를 포함하고 있다. 연산 순서는 단말 노드로부터 시작하여 루트 노드까지 최하위로부터 최상위까지 파스 트리(302)를 순회하는 것에 의해서 파스 트리(302)에 도해되어 있다. 이런 방식으로, 파스 트리(302)는 표현식(300)에 대한 연산 순서가 B + C를 먼저 계산하고, 다음으로 A || (B + C)를 계산하고, 그리고 최후에 D || (A || (B + C))를 계산하는 것을 나타내고 있다.

이 표현식에 대한 연산 순서의 그래픽 표현은 도 3c 내지 또 3f에 나타낸 포맷 중의 임의의 하나의 포맷으로 표현될 수 있다. 예를 들면, 도 3c를 참조하면, 디스플레이 박스(304)는 표현식(300)에 대한 연산 순서를 도시하는 선형 표현 포맷을 나타내고 있다. 선형 표현 포맷은 계층적 순서대로 디스플레이되는 일련의 직선으로 이루어져 있다. 표현식에 가장 인접하여 위치한 최하위 직선은 이 직선 아래의 연산이 가장 먼저 수행된다는 것을 나타내고, 뒤이어 연속적으로 우선 순위를 갖는 직선과 관련된 각각의 연산이 수행됨을 나타낸다. 구체적으로, 직선(306)은 표현식 B + C가 최초로 수행됨을 나타내고, 직선(308)은 A 및 B + C와 관련된 논리 OR 연산, 즉 A || (B + C)가 두번째로 수행됨을 나타내며, 직선(310)은 D 및 표현식 A || (B + C)가 관련된 논리 OR 연산, 즉 (A || (B + C)) || D가 최후에 수행됨을 나타낸다.

도 3d는 디스플레이 박스(312) 내에 나타낸 것과 같이 연산 순서가 트리 표현 포맷(314)으로 디스플레이될 수 있는 것을 나타낸 도면이다. 트리 표현 포맷(314)은 표현식 내의 연산에 대해서 계층적 실행 순서를 나타내고 있다. 디스플레이 박스(312) 내에 나타낸 바와 같이, 연산 B + C가 가장 먼저 수행되고, 다음에 변수 A와 관련된 논리 OR 연산, 즉 A || (B + C)가 수행되며, 이어서 변수 B와 관련된 논리 OR 연산, 즉 (A || (B + C)) || D)가 수행된다.

도 3e는 디스플레이 박스(316) 내에 나타낸 것과 같이 연산 순서가 수치 순서 포맷으로 디스플레이될 수 있는 것을 나타내고 있다. 수치 순서 포맷은 각각의 연산자 위에 숫자를 표시하여 연산자가 실행되는 순서를 표현하고 있다. 디스플레이 박스(316) 내에 나타낸 바와 같이, "+" 연산자 위에 위치한 숫자 '1'에 의해서 나타낸 바와 같이 연산(B + C)이 가장 먼저 수행된다. 변수 A와의 논리 OR 연산(즉, A || (B + C)) 은 두번째로 실행되며, 이는 변수 A에 인접한 논리 OR 연산자("||") 위에 위치한 숫자('2)'에 의해서 나타내어져 있다. 변수 D와의 논리 OR 연산(즉, (A || (B + C)) || D)은 변수 B와 함께 세번째로 실행되며, 이는 변수 D에 인접한 논리 OR 연산자("||") 위에 위치한 숫자('3')의 배치에 의해서 나타내어져 있다.

도 3f는 서로 다른 연산 순서를 나타내기 위해서 서로 다른 컬러 텍스트 또는 서로 다른 텍스트 폰트 스타일을 사용하여 디스플레이될 수 있는 연산 순서를 나타내고 있다. 예를 들면, 적색 컬러는 제 1 연산을 표시하고, 청색 컬러는 제 2 연산이 실행되어야 함을 표현하고, 녹색 컬러는 제 3 연산이 실행되어야 함을 표현하는 등이 가능하다. 다르게는, 서로 다른 폰트 스타일을 사용하여 서로 다른 연산 순서를 표현하도록 할 수도 있다. 예를 들면, 타임즈 뉴 로만(Times New Roman) 폰트를 사용하여 제 1 연산을 나타내고, 루신다 수기(Lucinda Handwriting) 폰트를 사용하여 제 2 연산 등을 나타낼 수 있다.

예를 들면, 에어리얼(Arial) 폰트를 사용하여 제 1 연산이 실행되도록 나타내는 경우를 가정하면, 센추리 스쿨북(Century Schoolbook) 폰트를 사용하여 제 2 연산이 실행되도록 나타내고, 또한 블랙에더 스크립트(Blackadder Script) 폰트를 사용하여 제 3 연산이 실행되도록 나타낸다. 이들 폰트 스타일을 사용하여 디스플레이 박스(324) 내에 연산 순서를 나타내 보면, 연산 B + C가 가장 먼저 수행되고(326), 변수 A와 관련된 논리 OR 연산, 즉 A || (B + C)가 두번째로 수행되고(328), 또한 변수 D와 관련된 논리 OR 연산, 즉 (A || (B + C)) || D)가 세번째로 수행되는(330) 것이 나타나 있다.

연산 순서를 나타내기 위해서, 상술한 폰트 대신에 서로 다른 컬러를 사용할 수 있음에 주목하여야 한다. 예를 들면, 표현식 "B + C"에 대한 텍스트는 적색 컬러로 디스플레이되어 연산 B + C가 최초로 수행되어야 함을 나타낼 수 있다. 표현식("A ||")에 대한 텍스트는 A 및 B + C에 대한 논리 연산이 두번째로 수행됨을 나타내는 청색 컬러로 디스플레이될 수 있다. 표현식("|| D")에 대한 텍스트는 이 연산이 최후에 수행됨을 나타내는 녹색 컬러로 디스플레이될 수 있다. 또한, 모든 텍스트, 라인, 숫자 등에 컬러를 입힌 다음에 사용자에 의해서 규정된 특정 패턴, 컬러 농담, 또는 사용자가 그래픽 표현 옵션(126)에서 규정하는 기타 패턴이 뒤따를 수 있다.

도 4a 내지 도 4j는 연산 순서의 그래픽 표현의 다양한 실시예를 도시한 도면으로, 도면에서는 C++ 프로그램 언어로 작성된 표현식이 나타나 있고, 여기에서 연산은 병렬적으로 수행될 수 있다. 도 4a는 부울(Boolean) 표현식(400)을 나타내고 있으며, 이 부울 표현식은 표현식 PTR -> A 및 Y.V < 67에 적용된 논리 OR 연산이 1인지 또는 0인지를 결정한다. 연산 순서는 병렬로 수행될 수 있으며, 따라서 도 4c 내지 도 4f에 나타낸 바와 같이, 연산 순서의 그래픽 표현은 병렬 연산으로서 나타내어질 수 있다. 도 4g 내지 도 4j는 동일한 부울 표현식(400)을 나타내고 있는 도면이며, 여기에서 연산 순서는 동일한 연산의 연속적 실행을 표현하고 있는 다양한 그래픽 표현으로 도시되어 있다.

도 4b는 표현식(400)에 대응하는 파스 트리(402)를 나타내는 도면이다. 파스 트리(402)는 도 4a에 나타낸 표현식(400)에 대한 연산 순서를 포함하고 있다. 이 실시예에 있어서, 표현식(400)에 대한 연산 순서는 파스 트리(402)에 의해서 나타나 있으며, 이 트리는 부울 표현식(Y.V < 67)의 계산이 부울 표현식(PTR -> A)이 평가되는 동안에 동시에 수행됨을 나타내고 있다. 다음으로, 이들 두 개 값의 논리 OR 연산이 이후에 계산된다.

도 4c는 표현식(400)에 대한 선형 표현 포맷을 나타내고 있으며, 여기에서 PTR -> A 및 Y.V < 67은 병행적으로 최초로 논리 연산되며 이어서 논리 OR 연산이 수행됨을 나타내고 있다. 도 4d는 표현식(400)에 대한 트리 표현 포맷을 나타내고 있고 또한 도 4e는 표현식(400)에 대한 수치 포맷을 나타내고 있다. 도 4f는 서로 다른 폰트 스타일을 사용하는 연산 순서를 나타내고 있다. 하지만, 연산 순서를 나타내기 위해서 도 4f에 나타낸 서로 다른 폰트 스타일 대신에 컬러 텍스트 또한 사용될 수 있다. 예를 들면, 적색을 사용하여 "PTR -> A" 및 "Y.V < 67"을 디스플레이하여 이들 연산이 최초로 수행됨을 표시할 수 있다. 청색을 사용하여 논리 OR 연산이 최후에 수행됨을 의미하는 논리 OR 연산("||")을 디스플레이할 수 있다.

도 4g는 표현식(400)에 대한 선형 표현 포맷을 나타내고 있으며, 여기에서 PTR -> A 및 Y.V < 67은 디스플레이 박스(412) 내에서 순차적인 방식으로 계산됨을 나타내고 있다. 도 4h는 디스플레이 박스(414) 내에서 순차적으로 표현식(400)을 실행시키기 위한 트리 표현 포맷을 나타내고 있다. 도 4i는 디스플레이 박스(416) 내에서 순차적으로 표현식(400)을 실행시키기 위한 수치 포맷을 나타내고 있다. 도 4j는 디스플레이 박스(418) 내에서 서로 다른 폰트 스타일을 사용한 연산 순서를 나타내고 있다. 하지만, 연산 순서를 나타내기 위해서 도 4j에 나타낸 서로 다른 폰트 스타일 대신에 컬러 텍스트 또한 사용될 수 있다. 예를 들면, 적색을 사용하여 "PTR -> A"를 디스플레이하여 이 연산이 최초로 수행됨을 표시하고 또한 연두색을 사용하여 표현식("Y.V < 67")이 그 다음으로 수행됨을 나타내도록 할 수 있다. 청색을 사용하여 논리 OR 연산이 최후에 수행됨을 의미하는 논리 OR 연산("||")을 디스플레이할 수 있다.

도 5는 표현식에 대한 연산 순서의 그래픽 표현을 도시하고 있으며, 여기에서는 이 표현식 내의 연산자만이 강조되어 연산 순서를 나타내고 있다. 도 3c 내지 도 3f 및 도 4c 내지 도 4j에 나타낸 그래픽 표현에 있어서, 전체 표현식은 그래픽 표현에 따라서 변경될 수 있다. 도 5에 있어서, 연산자만을 그래픽으로 표현하여 연산 순서를 도시하고 있으며 이는 디스플레이 박스(502) 내의 그래픽 표현에 나타내어져 있는 바와 같다. 도 5에 나타낸 바와 같이, 표현식(500)은 IF (RET = DOSOMETHING( ))과 같다. 이 표현식 내의 연산자는 함수 DOSOMETHING( )의 호출 및 IF 명령문의 평가이다. DOSOMETHING ( ) 함수의 호출은 가장 먼저 504에서 함수의 호출이 수행됨을 나타내는 컬러 또는 패턴으로 강조되고 또한 IF 명령문이 다음으로 506에서 평가됨을 나타내는 컬러 또는 패턴으로 강조된다.

도 6은 연산 순서의 그래픽 표현 중의 일부를 선택적으로 보여주는 예시적인 도시를 나타내고 있다. 특정 표현식을 더욱 상세하게 검토해야 하거나 또는 사용자 환경 설정에서 설정되어 있는 바와 같은 경우 사용자에 의해서 선택적 검토 기능이 이용될 수 있다. 이 예시적인 도시에 있어서, 표현식(600)은 부울(Boolean) 표현식(PTR -> A || (Y.V < 67)이다. 디스플레이 박스(602)는 표현식(600)에 대응하는 연산 순서에 대해서 선형 표현 포맷을 나타내고 있다. 디스플레이 박스(604)는 사용자가 표현식(Y.V < 67)을 은닉하도록 선택하고 또한 이 표현식을 단순한 그래픽 요소로 대신하고 있는 것을 나타내고 있다. 이 실시예에 있어서, "선택"이라는 단어가 원래의 표현식(Y.V < 67)을 대신하고 있으며 또한 "●"라는 문자가 원래의 표현식을 대신하여 선형 표현 위에 놓여져 있다. 디스플레이 박스(604)는 표현식(PTR -> A)을 뷰(view) 창에서 축소시킨 것을 나타내고 있다. 사용자는 오른쪽 마우스 클릭 동작을 통해서 그래픽 표현 중의 일 표현식을 은닉할 수 있고 또한 왼쪽 마우스 클릭을 통해서 일 표현식의 축소를 시작할 수 있다.

도 7a 내지 도 7c는 예시적인 도시를 나타내고 있으며, 여기에는 연산 순서의 그래픽 표현이 소스 코드와 마찬가지로 동일한 뷰 창 내에 위치되어 있다. 도 7a는 9 라인의 소스 코드를 갖는 예시적인 소스 코드 목록(702)을 나타내고 있다. 표현식(E + F > B * C * D)에는 밑줄이 표시되어 있어 사용자가 이 표현식에 대한 연산 순서를 알고 싶어하는 것을 나타내고 있다. 표현식(E + F > B * C * D)은 또한 이 표현식을 식별하기 위해 강조되거나, 컬러 텍스트로 디스플레이되거나, 또는 임의의 다른 유형의 방식으로 디스플레이될 수 있음에 유의하여야 한다.

도 7b는 표현식에 대한 연산 순서를 디스플레이하기 위해서 선택된 선형 표시 포맷을 나타내고 있다. 연산 순서는 디스플레이 박스(704)에 의해서 나타내고 있는 바와 같이 라인(4 및 5)의 기존 코드에 덮어쓰는 것에 의해서 관심 표현식 바로 위에 디스플레이된다. 디스플레이 박스(704)는 불투명, 부분 투명, 또는 완전 투명할 수 있다. 도 7c는 선택된 표현식의 바로 위의 공백 라인(706)에 관심있는 표현식에 대한 선형 표시 포맷(708)이 삽입된 것을 나타내고 있다.

도 8은 소스 코드 목록을 디스플레이하는 창에 인접하여 위치하는 독립된 창에 연산 순서의 그래픽 표현을 디스플레이한 예시적인 도시를 나타낸 도면이다. 도 8에 나타낸 바와 같이, 디스플레이(800)는 소스 코드 목록을 디스플레이하는 제 1 창(802)과 제 1 창(802) 내의 선택된 부분의 소스 코드에 대한 연산 순서의 그래픽 표현을 디스플레이하는 제 2 창(804)으로 이루어져 있다. 커서("|")는 라인 5에서 문자 'A' 및 문자 '+' 사이에 위치하고 있다. 라인 5의 소스 코드가 선택되고 또한 선형 표현 포맷의 연산 순서로서 창(804) 내에 디스플레이된다.

각 실시예에 대한 연산은 다양한 예시적인 방법을 참조하여 추가적으로 설명될 수 있다. 다르게 지시하지 않는 이상은, 대표적인 방법이 표현된 순서대로, 또는 임의의 특정한 순서대로 반드시 수행될 필요는 없다는 것을 잘 이해할 수 있을 것이다. 또한, 이 방법에 대해서 설명한 다양한 활동은 직렬 또는 병렬 방식으로, 또는 직렬 및 병렬 연산의 임의의 조합에 의해서 실행될 수 있다. 이 방법은 소정의 설계 및 성능 제약 조건에 대해서 소망하는 대로 상술한 실시예 또는 다른 실시예의 하나 이상의 하드웨어 요소 및/또는 소프트웨어 요소를 사용하여 구현될 수 있다. 예를 들면, 이 방법은 논리 장치(예컨대, 범용 또는 전용 컴퓨터)에 의해서 실행되도록 논리(예컨대, 컴퓨터 프로그램 인스트럭션)로 구현될 수 있다.

도 9는 연산 순서를 생성하기 위한 예시적인 방법의 흐름도를 나타낸 도면이다. 방법(900)은 본 명세서에서 설명한 하나 이상의 실시예에 의해서 실행되는 일부 또는 전체 연산을 표현할 수 있으며 또한 방법은 도 9에서 기술되는 것보다 더 많거나 더 적은 연산을 포함할 수 있다.

도 9를 참조하면, 사용자는 분석을 위해서 소스 코드의 일부를 선택한다(블록 902). 소스 코드는 사용자의 행위에 의해서 소스 코드 뷰어(104), 에디터 엔진(106), 또는 웹 브라우저(206)를 통해서 정적으로 선택될 수 있다. 사용자는 커서, 마우스 클릭, 또는 키스트로크와 같은 입력 선택기(110)를 이용하여 소스 코드의 일 부분을 강조하거나 또는 식별할 수 있다. 소스 코드는 에디터 엔진(106) 또는 기타 소프트웨어 애플리케이션을 통해서 동적으로 선택될 수도 있다. 이 경우에 있어서, 동적 모듈 선택기(107)를 이용하여 사용자가 소스 코드를 실시간으로 수정함에 따라서 사용자의 입력 동작을 추적하여 사용자가 분석하고자 의도하는 소스 코드의 부분을 결정할 수 있다. 사용자는 입력 선택기(110)를 이용하여 사용자가 분석하고자 의도하고 있는 소스 코드의 부분을 식별할 수 있다. 하지만, 동적 모듈 선택기(107)는 연산을 완성하기 위해서 또는 더욱 의미있는 분석을 얻기 위해서 선택된 부분의 소스 코드에 문자 또는 텍스트를 추가로 포함할 수 있다.

옵션의 갯수는 연산 순서의 그래픽 표현과 관련되어 규정될 수 있다(블록 904). 사용자는 파서 옵션(120) 및 그래픽 표현 옵션(126)을 규정할 수 있다. 파서 옵션(120)은 검토시 사용자가 관심을 두지 않고 또한 파스 트리를 준비함에 있어서 파서(118)가 무시할 수 있는 특정 소스 코드 문자, 토큰, 또는 명령문을 표시할 수 있다. 그래픽 표현 옵션(126)은 선형 표현, 트리 표현, 컬러 텍스트 등과 같은 그래픽 표현의 유형을 규정할 수 있다.

파서(118)는 선택된 부분의 소스 코드, 파서 옵션(120), 및 언어 모델(122)을 수신하고 또한 선택된 부분의 소스 코드를 표현하는 파스 트리와 같은 구문 구조를 생성한다(단계 906). 하나 이상의 실시예에 있어서, 파서(118)는 소스 코드가 서버(202)에 저장될 때, 소스 코드의 전부 또는 일부가 변경될 때, 또는 파서 옵션(120)에 설정된 설정값에 따르는 것과 같이 지정된 시간에 파스 트리를 생성할 수 있다(단계 906).

그래픽 표현 모듈(124)은 파스 트리 및 그래픽 표현 옵션(126)을 수신하고, 선택된 부분의 소스 코드에 대한 연산 순서를 결정하고(블록 908), 또한 의도된 방식으로 연산 순서를 디스플레이하도록 그래픽 엔진(128)이 사용하는 그래픽 요소 및/또는 명령어를 포함하는 자료 구조를 생성한다(블록 910 및 912).

도 10을 참조하여, 예시적인 운영 환경(940)에 대한 토론에 주의를 집중하기로 한다. 운영 환경(940)은 예시적이며 또한 실시예의 기능에 대해서 어떠한 한정도 제안하도록 의도되지 않은 것에 유의하여야 한다. 본 실시예는 통신 프레임워크(944)를 통해서 하나 이상의 서버(들)(946)와 통신하는 하나 이상의 클라이언트(들)(942)를 갖는 운영 환경(940)에 적용될 수 있다. 운영 환경(940)은 네트워크 환경, 분산 환경, 멀티 프로세서 환경, 또는 원격 또는 로컬 저장 장치를 갖는 독립 실행형 컴퓨팅 장치로 구성될 수 있다.

클라이언트(942)는 하드웨어 장치, 소프트웨어 모듈로서, 또는 이들의 조합으로서 구현될 수 있다. 그와 같은 하드웨어 장치의 예는, 제한하지 않고, 서버, 개인용 컴퓨터, 랩탑 등과 같은 컴퓨터, 휴대 전화, 휴대용 개인 정보 단말기(PDA), 또는 임의의 유형의 컴퓨팅 장치 등을 포함할 수 있다. 클라이언트(942)는 또한 단일 실행 경로, (쓰레드, 프로세스 등과 같은) 복수 병행 실행 경로, 또는 임의의 기타 방식으로 실행되는 인스트럭션을 갖는 소프트웨어 모듈로서 구현될 수도 있다.

서버(946)는 하드웨어 장치, 소프트웨어 모듈로서, 또는 이들의 조합으로서 구현될 수 있다. 그와 같은 하드웨어 장치의 예는, 제한하지 않고, 서버, 개인용 컴퓨터, 랩탑 등과 같은 컴퓨터, 휴대 전화, 휴대용 개인 정보 단말기(PDA), 또는 임의의 유형의 컴퓨팅 장치 등을 포함할 수 있다. 서버(946)는 또한 단일 실행 경로, (쓰레드, 프로세스 등과 같은) 복수 병행 실행 경로, 또는 임의의 기타 방식으로 실행되는 인스트럭션을 갖는 소프트웨어 모듈로서 구현될 수도 있다.

통신 프레임워크(944)는 클라이언트(942) 및 서버(946) 간의 통신을 용이하게 한다. 통신 프레임워크(944)는 패킷 교환망(예컨대, 인터넷, 기업 인트라넷 등과 같은 사설 네트워크), 회로 교환망(예컨대, 공중 전화 교환망), 또는 (적절한 게이트웨이 및 주소 변환기를 구비한) 패킷 교환망 및 회로 교환망의 조합과 함께 사용하기에 적절한 기법과 같은 임의의 공지된 통신 기법을 채택할 수 있다. 클라이언트(942) 및 서버(946)는 하나 이상의 통신 인터페이스, 네트워크 인터페이스, 네트워크 인터페이스 카드, 라디오, 무선 송신기/수신기, 유선 및/또는 무선 통신 매체, 물리 연결 단자 등과 같은 통신 프레임워크(944)와 상호 운용할 수 있도록 설계된 다양한 유형의 표준 통신 요소를 포함할 수 있다. 유선 통신 매체의 예는 유선, 케이블, 금속 리드(lead), 인쇄 회로 기판, 백플레인, 스위치 구성, 반도체 소재, 꼬임선, 동축선, 광섬유, 전파 신호 등을 포함할 수 있다. 무선 통신 매체의 예는 음향, 무선 주파수 스펙트럼, 적외선, 및 기타 무선 매체를 포함할 수 있다.

각각의 클라이언트(들)(942)는 클라이언트(942)에 대해서 로컬인 정보를 저장하는 하나 이상의 클라이언트 데이터 저장 장치(들)(948)에 접속되어 있을 수 있다. 각각의 서버(들)(946)는 서버(946)에 대해서 로컬인 정보를 저장하는 하나 이상의 서버 데이터 저장 장치(들)(950)에 접속되어 있을 수 있다.

도 11은 예시적인 컴퓨팅 장치(102)의 블록 다이어그램을 도시하고 있다. 컴퓨팅 장치(102)는 하나 이상의 프로세서(952), 디스플레이(130), 네트워크 인터페이스(954), 메모리(956), 및 사용자 입력 인터페이스(958)를 가지고 있을 수 있다. 프로세서(952)는 임의의 시판 중인 프로세서일 수 있으며 또한 듀얼 마이크로프로세서 및 멀티 프로세서 아키텍처를 포함할 수 있다. 디스플레이(130)는 모니터, 스크린, 터치 스크린 등과 같은 임의의 시각적인 디스플레이 유닛일 수 있다. 네트워크 인터페이스(954)는 컴퓨팅 장치(102) 및 기타 네트워크 접속 장치와의 유무선 통신을 용이하게 한다. 사용자 입력 인터페이스(958)는 컴퓨팅 장치(102) 및 키보드, 마우스 등과 같은 입력 장치 간의 통신을 용이하게 한다.

메모리(956)는 실행 가능한 프로시저, 애플리케이션, 및 데이터를 저장할 수 있는 임의의 컴퓨터 판독 가능 저장 매체일 수 있다. 컴퓨터 판독 가능 매체는 반송파를 통해서 전송되는 변조 데이터 신호와 같은 전파 신호에 속하지 않는다. 이 컴퓨터 판독 가능 매체는 메모리 장치(예컨대, 랜덤 액세스 메모리, 판독 전용 메모리 등), 자기 저장 장치, 휘발성 저장 장치, 비휘발성 저장 장치, 광학식 저장 장치, DVD, CD, 플로피 디스크 드라이브 등의 임의 유형일 수 있다. 메모리(956)는 또한 하나 이상의 외장 저장 장치 또는 원격지에 위치하는 저장 장치를 포함할 수 있다. 메모리(956)는 다음과 같은 인스트럭션 및 데이터를 포함할 수 있다.

● 운영 체제(960),

● 소스 코드 뷰어(104),

● 에디터 엔진(106),

● 동적 모듈 선택기(107),

● 입력 분석기(116),

● 파서(118),

● 그래픽 표현 모듈(124),

● 파서 옵션(120),

● 언어 모델(122),

● 그래픽 표현 옵션(126),

● 그래픽 엔진(128), 및

● 기타 다양한 애플리케이션 및 데이터(962).

도 12는 예시적인 컴퓨팅 장치(201)의 블록 다아이그램을 도시한 도면이고 또한 도 13은 예시적인 서버(202)를 도시한 도면이다. 컴퓨팅 장치(201)는 하나 이상의 프로세서 또는 프로세싱 유닛(964), 디스플레이(130), 네트워크 인터페이스(966), 메모리(968), 및 사용자 입력 인터페이스(970)를 포함할 수 있다. 프로세서(964)는 임의의 시판 중인 프로세서일 수 있으며 또한 듀얼 마이크로프로세서 및 멀티 프로세서 아키텍처를 포함할 수 있다. 디스플레이(130)는 모니터, 스크린, 터치 스크린 등과 같은 임의의 시각적인 디스플레이 유닛일 수 있다. 네트워크 인터페이스(966)는 컴퓨팅 장치(201) 및 기타 네트워크 접속 장치와의 유무선 통신을 용이하게 한다. 사용자 입력 인터페이스(970)는 컴퓨팅 장치(201) 및 키보드, 마우스 등과 같은 입력 장치 간의 통신을 용이하게 한다.

메모리(968)는 실행 가능한 프로시저, 애플리케이션, 및 데이터를 저장할 수 있는 임의의 컴퓨터 판독 가능 저장 매체일 수 있다. 컴퓨터 판독 가능 매체는 반송파를 통해서 전송되는 변조 데이터 신호와 같은 전파 신호에 속하지 않는다. 이 컴퓨터 판독 가능 매체는 메모리 장치(예컨대, 랜덤 액세스 메모리, 판독 전용 메모리 등), 자기 저장 장치, 휘발성 저장 장치, 비휘발성 저장 장치, 광학식 저장 장치, DVD, CD, 플로피 디스크 드라이브 등의 임의 유형일 수 있다. 메모리(968)는 또한 하나 이상의 외장 저장 장치 또는 원격지에 위치하는 저장 장치를 포함할 수 있다. 메모리(968)는 다음과 같은 인스트럭션 및 데이터를 포함하고 있다.

● 운영 체제(972),

● 웹 브라우저(206),

● 에디터 엔진(106),

● 그래픽 표현 모듈(124),

● 그래픽 표현 옵션(126),

● 그래픽 엔진(128), 및

● 기타 다양한 애플리케이션 및 데이터(974).

서버(202)는 하나 이상의 프로세서 또는 프로세싱 유닛(976), 디스플레이(130), 네트워크 인터페이스(978), 메모리(980), 및 사용자 입력 인터페이스(982)를 가질 수 있다. 프로세서(976)는 임의의 시판 중인 프로세서일 수 있으며 또한 듀얼 마이크로프로세서 및 멀티 프로세서 아키텍처를 포함할 수 있다. 디스플레이(130)는 모니터, 스크린, 터치 스크린 등과 같은 임의의 시각적인 디스플레이 유닛일 수 있다. 네트워크 인터페이스(978)는 서버(202) 및 기타 네트워크에 접속된 장치들 간의 유선 또는 무선 통신을 용이하게 한다. 사용자 입력 인터페이스(982)는 서버(202) 및 키보드, 마우스 등과 같은 입력 장치 간의 통신을 용이하게 한다.

메모리(980)는 실행 가능한 프로시저, 애플리케이션, 및 데이터를 저장할 수 있는 임의의 컴퓨터 판독 가능 저장 매체일 수 있다. 컴퓨터 판독 가능 매체는 반송파를 통해서 전송되는 변조 데이터 신호와 같은 전파 신호에 속하지 않는다. 이 컴퓨터 판독 가능 매체는 메모리 장치(예컨대, 랜덤 액세스 메모리, 판독 전용 메모리 등), 자기 저장 장치, 휘발성 저장 장치, 비휘발성 저장 장치, 광학식 저장 장치, DVD, CD, 플로피 디스크 드라이브 등의 임의 유형일 수 있다. 메모리(980)는 또한 하나 이상의 외장 저장 장치 또는 원격지에 위치하는 저장 장치를 포함할 수 있다. 메모리(980)는 다음과 같은 인스트럭션 및 데이터를 포함하고 있다.

● 운영 체제(984),

● 소스 코드 뷰어(104),

● 입력 분석기(116),

● 파서(118),

● 파서 옵션(120),

● 언어 모델(122),

● 소스 코드 저장소(208),

● 파스 트리 저장소(210), 및

● 기타 다양한 애플리케이션 및 데이터(986).

구조적인 특징 및/또는 방법적인 동작에 특유한 표현을 이용하여 본 발명의 특허청구범위의 청구 대상에 대해서 설명하였지만, 첨부한 특허청구범위에서 한정된 본 발명의 특허청구범위의 청구 대상은 전술한 구체적인 특징이나 동작으로 한정되는 것은 아님을 이해하여야 한다. 오히려, 전술한 구체적인 특징과 동작은 특허청구범위를 구현하는 예시적인 형태로서 개시된 것이다.

다양한 실시예는 하드웨어 요소, 소프트웨어 요소, 또는 이들 모두의 조합을 사용하여 구현될 수 있다. 하드웨어 요소의 예로는, 컴포넌트, 프로세서, 마이크로 프로세서, 회로, 회로 소자, 집적 회로, 애플리케이션 전용 집적 회로, 프로그램 가능 논리 장치, 디지털 신호 프로세서, 현장 프로그램 가능 게이트 어레이(FPGA, field programmable gate array), 메모리 유닛, 논리 게이트 등이 포함될 수 있다. 소프트웨어 요소의 예는 소프트웨어 컴포넌트, 프로그램, 애플리케이션, 컴퓨터 프로그램, 애플리케이션 프로그램, 시스템 프로그램, 장비 프로그램, 운영 체제 소프트웨어 미들웨어 펌웨어, 소프트웨어 모듈, 루틴, 서브루틴, 함수, 메쏘드, 프로시저, 소프트웨어 인터페이스, 애플리케이션 프로그램 인터페이스, 인스트럭션 셋, 컴퓨팅 코드, 및 이들의 임의의 조합을 포함할 수 있다. 하드웨어 요소 및/또는 소프트웨어 요소 중의 하나를 사용하여 실시예를 구현하는 것은 소정의 구현을 위해서 소망에 따라서 소망하는 계산 속도, 파워 레벨, 대역폭, 컴퓨팅 시간, 로드 밸런싱, 메모리 리소스, 데이터 버스 속도 및 기타 설계 또는 성능 제약 조건과 같은 다수의 요인에 따라서 변동될 수 있다.

일부 실시예는 인스트럭션 또는 논리(로직, logic)를 저장하기 위한 저장 매체를 포함할 수 있다. 저장 매체의 예로는, 휘발성 메모리 또는 비휘발성 메모리, 탈착식 또는 비탈착식 메모리, 삭제 가능 또는 삭제 불가능 메모리, 기입 가능 또는 재기입 가능 메모리, 등을 포함하는 전자 데이터를 저장할 수 있는 컴퓨터 판독 가능 저장 매체 중의 하나 이상의 유형을 포함할 수 있다. 논리의 예로는, 프로그램, 프로시저, 모듈, 애플리케이션, 코드 세그먼트, 프로그램 스택, 미들 웨어, 펌 웨어, 메쏘드, 루틴 등과 같은 다양한 소프트웨어 요소를 포함할 수 있다. 예를 들면, 일 실시예에 있어서, 컴퓨터 판독 가능 저장 매체는 프로세서에 의해서 실행되었을 때, 상술한 실시예에 따른 메쏘드 및/또는 연산을 이 프로세서가 수행하도록 하는 실행 가능한 컴퓨터 프로그램 인스트럭션을 저장할 수 있다. 실행 가능한 컴퓨터 프로그램 인스트럭션은 컴퓨터로 하여금 특정 기능을 수행하도록 하기 위해서 소정의 컴퓨터 언어, 방식, 또는 구문에 따라서 구현될 수 있다. 인스트럭션은 임의의 적절한 고수준, 저수준, 객체 지향, 비주얼(visual), 컴파일되거나 및/또는 인터프리트되는 프로그램 언어를 사용하여 구현될 수 있다.

Claims (10)

1. 컴퓨터로 구현된 방법으로서,
   컴퓨터 프로그램으로부터 제 1 코드 부분을 선택하는 단계 - 상기 코드 부분은 소스 코드 중의 하나 이상의 라인을 가짐 - 와,
   상기 제 1 코드 부분의 실행에 대한 연산 순서를 결정하는 단계 - 상기 연산 순서는 상기 소스 코드와 관련된 언어 모델에 기초함 - 와,
   상기 연산 순서에 대한 그래픽 표현을 제공하는 단계와,
   상기 그래픽 표현에 따라서 상기 연산 순서를 디스플레이하는 단계를 포함하는
   컴퓨터로 구현된 방법.
   
2. 제 1 항에 있어서,
   상기 연산 순서를 선형 표현 포맷으로 디스플레이하기 위한 그래픽 표현을 규정하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
3. 제 1 항에 있어서,
   상기 연산 순서를 트리 표현 포맷으로 디스플레이하기 위한 그래픽 표현을 규정하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
4. 제 1 항에 있어서,
   상기 연산 순서를 컬러 문자 표현 포맷으로 디스플레이하기 위한 그래픽 표현을 규정하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
5. 제 1 항에 있어서,
   상기 연산 순서를 숫자 순서 표현 포맷으로 디스플레이하기 위한 그래픽 표현을 규정하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
6. 제 1 항에 있어서,
   상기 연산 순서를 병렬 표현 포맷으로 디스플레이하기 위한 그래픽 표현을 규정하는 단계를 더 포함하는
   컴퓨터로 구현된 방법.
   
7. 컴퓨터로 구현된 시스템으로서,
   적어도 하나의 서버 - 상기 서버는 적어도 하나의 프로세서 및 제 1 메모리를 가지며, 상기 제 1 메모리는 파스 트리 저장소(parse tree repository)를 포함하며, 상기 파스 트리 저장소는 하나 이상의 파스 트리를 포함함 - 와,
   하나 이상의 클라이언트 장치 - 클라이언트 장치는 적어도 하나의 프로세싱 유닛 및 제 2 메모리를 가짐 - 를 포함하며,
   상기 제 2 메모리는 프로세싱 유닛 상에서 실행될 때, 상기 서버로부터 획득되는 파스 트리로부터의 소스 코드의 선택된 부분에 대한 연산 순서의 그래픽 표현을 생성 - 상기 연산 순서는 상기 소스 코드의 선택된 부분의 연산을 실행하기 위한 순차적인 순서를 나타냄 - 하고, 또한 시각적으로 디스플레이되는 소스 코드의 선택된 부분과 함께 상기 연산 순서의 상기 그래픽 표현을 디스플레이하는 인스트럭션을 포함하는
   컴퓨터로 구현된 시스템.
   
8. 제 7 항에 있어서,
   상기 서버는 클라이언트 장치에 의해서 액세스될 수 있는 소스 코드를 저장하기 위한 소스 코드 저장소를 더 포함하는
   컴퓨터로 구현된 시스템.
   
9. 제 8 항에 있어서,
   상기 서버는 상기 제 1 프로세서 상에서 실행될 때 상기 서버로 전송되는 소스 코드에 대한 파스 트리를 생성하는 인스트럭션을 갖는
   컴퓨터로 구현된 시스템.
   
10. 제 9 항에 있어서,
    상기 서버는 상기 제 1 프로세서 상에서 실행될 때 클라이언트 장치로부터의 요청에 의거하여 상기 클라이언트 장치로 파스 트리를 전송하는 인스트럭션을 갖는
    컴퓨터로 구현된 시스템.

Images