KR102322600B1 - Method to display data - Google Patents

Method to display data Download PDF

Info

Publication number
KR102322600B1
KR102322600B1 KR1020200026503A KR20200026503A KR102322600B1 KR 102322600 B1 KR102322600 B1 KR 102322600B1 KR 1020200026503 A KR1020200026503 A KR 1020200026503A KR 20200026503 A KR20200026503 A KR 20200026503A KR 102322600 B1 KR102322600 B1 KR 102322600B1
Authority
KR
South Korea
Prior art keywords
version
data
tree
versions
sub
Prior art date
Application number
KR1020200026503A
Other languages
Korean (ko)
Other versions
KR20210111494A (en
Inventor
정재헌
Original Assignee
브라이튼코퍼레이션 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 브라이튼코퍼레이션 주식회사 filed Critical 브라이튼코퍼레이션 주식회사
Priority to KR1020200026503A priority Critical patent/KR102322600B1/en
Publication of KR20210111494A publication Critical patent/KR20210111494A/en
Application granted granted Critical
Publication of KR102322600B1 publication Critical patent/KR102322600B1/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

본 개시의 일 실시예에 따라, 컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램이 개시된다. 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 데이터를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는: 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는, 버전 트리 레이어; 및 상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 데이터 표시 레이어; 를 포함할 수 있다.According to an embodiment of the present disclosure, a computer program stored in a computer-readable storage medium is disclosed. The computer program provides a user interface (UI) that, when executed on one or more processors of a computing device, displays data, the user interface comprising: a main tree of one or more versions and a subtree of one or more sub-versions A version tree layer, which displays a version tree; and a data display layer for displaying data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree. may include.

Description

데이터 표시 방법{METHOD TO DISPLAY DATA}How to display data {METHOD TO DISPLAY DATA}

본 발명은 데이터 표시 방법을 제공하기 위한 것으로, 보다 구체적으로 복수의 버전들에 대응되는 데이터를 표시하는 방법에 관한 것이다.The present invention relates to a method of displaying data, and more particularly, to a method of displaying data corresponding to a plurality of versions.

최근 데이터 공유가 온라인을 통해 대부분 이루어 지고 있다. 회사에서는 자료들에 대한 작업을 수행하는 일이 많은데, 해당 자료들을 온라인 메신저 또는 회사 내 인트라넷을 통해 공유하고 있다. 사용자들 간에 공유되는 자료들에 대해서 복수개의 버전이 있을 수 있다. 복수개의 버전이 있는 경우, 사용자들은 해당 자료들의 제목에 버전 숫자를 표시해 두는 방식으로 버전 관리를 수행하고 있다. Recently, data sharing is mostly done online. Companies often work on materials, and the materials are shared through online messengers or intranets within the company. There may be multiple versions of data shared between users. If there are multiple versions, users perform version control by marking the version number in the title of the corresponding material.

그러나, 제목에 버전을 기재함으로써 자료들의 버전을 관리하는 경우, 버전들이 어떤 자료에 기초하여 어떻게 파생되었는지, 또는 어떤 버전이 최종적으로 선택되었는지 확인하기 어려운 점이 있다.However, in the case of managing versions of materials by indicating versions in the title, it is difficult to ascertain how the versions were derived based on which material or which version was finally selected.

특히, 디자인 작업 등의 경우, 하나의 버전에서 복수개의 버전이 파생되는 경우가 많다. 복수개의 버전이 생성되는 경우, 버전들 간 상이한 부분을 확인하는데 어려움이 있을 수 있다.In particular, in the case of design work and the like, a plurality of versions are often derived from one version. When a plurality of versions are generated, it may be difficult to identify different parts between the versions.

따라서 복수의 버전들에 대응되는 데이터를 효과적으로 사용자 인터페이스에 표시하고, 그리고 사용자들의 버전 관리에 대한 편의성을 향상시키기 위한 당업계의 요구가 존대한다.Accordingly, there is a great demand in the art for effectively displaying data corresponding to a plurality of versions on a user interface and improving user convenience for version management.

대한민국 공개특허 제 10-2019-0092354 호는 메신저 프로그램에서 이미지를 이용한 커뮤니케이션 방법을 개시한다.Republic of Korea Patent Publication No. 10-2019-0092354 discloses a communication method using an image in a messenger program.

본 개시는 전술한 배경기술에 대응하여 안출 된 것으로, 데이터 표시 방법을 제공하는 것을 목적으로 한다.The present disclosure has been made in response to the above-described background art, and an object of the present disclosure is to provide a data display method.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라 컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램이 개시된다. 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 데이터를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는: 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는, 버전 트리 레이어; 및 상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 데이터 표시 레이어;를 포함할 수 있다.Disclosed is a computer program stored in a computer-readable storage medium according to an embodiment of the present disclosure for realizing the above-described problems. The computer program provides a user interface (UI) that, when executed on one or more processors of a computing device, displays data, the user interface comprising: a main tree of one or more versions and a subtree of one or more sub-versions A version tree layer, which displays a version tree; and a data display layer that displays data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 메인 트리에 포함된 둘 이상의 버전은 선후 관계를 가지고, 그리고 상기 서브 트리에 포함된 둘 이상의 서브 버전은 병렬 관계를 가질 수 있다.In an alternative embodiment of computer program operations to perform the following operations for displaying data, two or more versions included in the main tree have a precedence relationship, and two or more sub-versions included in the sub-tree have a parallel relationship. can have

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 메인 트리에 포함된 버전은, 상기 서브 트리에 포함된 하나 이상의 서브 버전 중 선택된 서브 버전일 수 있다.In an alternative embodiment of the computer program operations for performing the following operations for displaying data, the version included in the main tree may be a selected sub-version among one or more sub-versions included in the sub-tree.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 버전 트리 레이어는, 상기 버전 트리를 간략화 하여 보기 위한 간단 보기 입력에 대한 응답으로, 상기 메인 트리에 대응되는 버전들 만을 표시할 수 있다.In an alternative embodiment of the computer program operations to perform the following operations for data display, the version tree layer, in response to a simple view input for a simplified view of the version tree, a version corresponding to the main tree Only those can be displayed.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 버전 트리 레이어는, 이전 버전의 데이터와 비교했을 때, 임계 값 이상의 변경이 있는 데이터의 버전에 메이저 업데이트를 표시할 수 있다.In an alternative embodiment of computer program operations to perform the following operations for data display, the version tree layer marks a major update to a version of the data that has a change above a threshold when compared to a previous version of the data. can do.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 버전 트리 레이어는, 상기 메이저 업데이트에 대응되는 버전들을 간략화 하여 보기 위한 메이저 업데이트 보기 입력에 대한 응답으로, 상기 메이저 업데이트가 아닌 버전들을 제외하고, 그리고 상기 메이저 업데이트에 대응되는 버전들 만을 표시할 수 있다.In an alternative embodiment of computer program operations that cause the following operations to be performed for data display, the version tree layer may, in response to a major update view input for a simplified view of versions corresponding to the major update, the major update Versions that are not updates may be excluded, and only versions corresponding to the major update may be displayed.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 사용자 인터페이스는: 둘 이상의 데이터를 비교하기 위한, 상기 버전 트리에 포함된 둘 이상의 버전에 대한 비교 입력에 대한 응답으로, 상기 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 표시하는, 데이터 비교 레이어;를 더 포함할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for displaying data, the user interface is configured to: respond to a comparison input for two or more versions included in the version tree, for comparing two or more data. , a data comparison layer that compares and displays two or more data corresponding to each of the two or more versions.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 데이터 비교 레이어는, 제 1 버전에 대응되는 제 1 데이터 및 제 2 버전에 대응되는 제 2 데이터를 중첩하여 표시하고, 축을 기준으로 일 영역은 상기 제 1 데이터를 상위에 표시하여 상기 제 2 데이터가 표시되지 않도록 하고, 그리고 상기 축을 기준으로 다른 일 영역은 상기 제 2 데이터를 상위에 표시하여 상기 제 1 데이터가 표시되지 않도록 하고, 그리고 상기 축을 이동시키기 위한 이동 입력에 대한 응답으로, 상기 제 1 데이터를 상위에 표시하는 일 영역의 크기를 확장하여 표시하고, 그리고 상기 제 2 데이터를 상위에 표시하는 다른 일 영역의 크기를 축소하여 표시할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for data display, the data comparison layer displays first data corresponding to a first version and second data corresponding to a second version by overlapping and, based on an axis, one region displays the first data on the upper part so that the second data is not displayed, and another region on the axis displays the second data on the upper part so that the first data is not displayed, and in response to a movement input for moving the axis, expand and display the size of one area displaying the first data on top, and another area displaying the second data on the top can be displayed by reducing the size of

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 데이터 비교 레이어는, 시각화 조정 객체에 관한 조정 입력에 대한 응답으로, 제 1 버전에 대응되는 제 1 데이터 또는 제 2 버전에 대응되는 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for data display, the data comparison layer is configured to: in response to an adjustment input relating to a visualization adjustment object, a first data corresponding to a first version or a second The visualization method of at least one of the second data corresponding to the second version may be adjusted and displayed.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 데이터 비교 레이어는, 상기 축에 표시된 시각화 조정 객체에 관한, 상기 이동 입력과 상이한 방향의 조정 입력에 대한 응답으로, 상기 제 1 데이터 또는 상기 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시할 수 있다.In an alternative embodiment of the computer program operations for performing the following operations for data display, the data comparison layer is configured to: in response to an adjustment input in a direction different from the movement input, with respect to the visualization adjustment object displayed on the axis, in a direction different from the movement input. , a visualization method for at least one of the first data and the second data may be adjusted and displayed.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 데이터 비교 레이어는, 데이터들 간 변경된 부분에 대한 어노테이션을 표시할 수 있다.In an alternative embodiment of computer program operations to perform the following operations for data display, the data comparison layer may mark annotated portions between data.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 프로세서는: 어노테이션에 대한 변경 확정 입력에 대한 응답으로, 상기 하나 이상의 어노테이션 중 상기 변경 확정 입력에 대응되는 부분의 변경 내용을 적용한, 새로운 버전의 데이터를 생성할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for displaying data, the processor is configured to: in response to a change commit input for an annotation, a portion of the one or more annotations corresponding to the change commit input. You can create a new version of the data with the changes applied.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 버전 트리 레이어는, 새로운 데이터 및 상기 새로운 데이터에 대한 버전 입력에 기초하여, 상기 새로운 데이터가 상기 버전 입력에 대응되는 위치에 포함되도록, 상기 버전 트리를 업데이트 하여 표시할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for displaying data, the version tree layer is configured such that, based on new data and a version input for the new data, the new data corresponds to the version input. The version tree can be updated and displayed so that it is included in a location where it is available.

데이터 표시를 위한 이하의 동작들을 수행하도록 하는 컴퓨터 프로그램 동작들의 대안적인 실시예에서, 상기 버전 트리 레이어는, 상기 하나 이상의 버전 중 적어도 일부의 버전에 코멘트 객체를 표시하고, 그리고 상기 사용자 인터페이스는: 코멘트들을 보기 위한 코멘트 보기 입력에 대한 응답으로, 상기 버전 트리에 포함된 코멘트들을 표시하는, 코멘트 표시 레이어; 를 더 포함할 수 있다.In an alternative embodiment of computer program operations for performing the following operations for data display, the version tree layer displays a comment object in a version of at least some of the one or more versions, and wherein the user interface comprises: a comment display layer, which displays comments included in the version tree in response to a comment view input for viewing; may further include.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라 사용자 단말이 개시된다. 상기 사용자 단말의 데이터를 표시하는 방법은 버전 트리 레이어에 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는 단계; 및 데이터 표시 레이어에 상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 단계; 를 포함할 수 있다.A user terminal is disclosed according to an embodiment of the present disclosure for realizing the above-described problems. The method of displaying data of the user terminal includes: displaying a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions in a version tree layer; and displaying data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree on a data display layer. may include.

전술한 바와 같은 과제를 실현하기 위한 본 개시의 일 실시예에 따라 사용자 단말이 개시된다. 상기 사용자 단말은 하나 이상의 코어를 포함하는 프로세서; 메모리; 및 사용자 인터페이스를 제공하는 출력부; 를 포함하고, 상기 사용자 인터페이스는, 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는, 버전 트리 레이어; 및 상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 데이터 표시 레이어; 를 포함할 수 있다.A user terminal is disclosed according to an embodiment of the present disclosure for realizing the above-described problems. The user terminal may include a processor including one or more cores; Memory; and an output unit providing a user interface; a version tree layer, wherein the user interface displays a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions; and a data display layer for displaying data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree. may include.

본 개시는 데이터 표시 방법을 제공할 수 있다.The present disclosure may provide a data display method.

도 1은 본 개시의 일 실시예에 따라 데이터 표시 방법을 제공하기 위한 동작을 수행하는 컴퓨팅 장치의 블록 구성도를 도시한 도면이다.
도 2는 본 개시의 일 실시예에 따른 버전 트리 레이어 및 데이터 표시 레이어를 예시적으로 도시한 도면이다.
도 3은 본 개시의 일 실시예에 따른 버전 트리를 예시적으로 도시한 도면이다.
도 4는 본 개시의 일 실시예에 따른 버전 트리를 예시적으로 도시한 도면이다.
도 5는 본 개시의 일 실시예에 따른 버전 트리를 예시적으로 도시한 도면이다.
도 6은 본 개시의 일 실시예에 따른 데이터 비교 레이어를 예시적으로 도시한 도면이다.
도 7은 본 개시의 일 실시예에 따른 데이터 비교 레이어를 예시적으로 시한 도면이다.
도 8은 본 개시의 일 실시예에 따른 코멘트 표시 레이어를 예시적으로 도시한 도면이다.
도 9는 본 개시의 일 실시예에 따라 데이터 표시 방법을 제공하기 위한 순서도이다.
도 10은 본 개시의 일 실시예에 따른 컴퓨팅 장치의 블록 구성도이다.
1 is a diagram illustrating a block diagram of a computing device that performs an operation for providing a data display method according to an embodiment of the present disclosure.
2 is a diagram exemplarily illustrating a version tree layer and a data display layer according to an embodiment of the present disclosure.
3 is a diagram exemplarily illustrating a version tree according to an embodiment of the present disclosure.
4 is a diagram exemplarily illustrating a version tree according to an embodiment of the present disclosure.
5 is a diagram exemplarily illustrating a version tree according to an embodiment of the present disclosure.
6 is a diagram exemplarily illustrating a data comparison layer according to an embodiment of the present disclosure.
7 is a diagram illustrating a data comparison layer according to an embodiment of the present disclosure.
8 is a diagram exemplarily illustrating a comment display layer according to an embodiment of the present disclosure.
9 is a flowchart for providing a data display method according to an embodiment of the present disclosure.
10 is a block diagram of a computing device according to an embodiment of the present disclosure.

다양한 실시예들이 이제 도면을 참조하여 설명된다. 본 명세서에서, 다양한 설명들이 본 개시의 이해를 제공하기 위해서 제시된다. 그러나, 이러한 실시예들은 이러한 구체적인 설명 없이도 실행될 수 있음이 명백하다.Various embodiments are now described with reference to the drawings. In this specification, various descriptions are presented to provide an understanding of the present disclosure. However, it is apparent that these embodiments may be practiced without these specific descriptions.

본 명세서에서 사용되는 용어 "컴포넌트", "모듈", "시스템" 등은 컴퓨터-관련 엔티티, 하드웨어, 펌웨어, 소프트웨어, 소프트웨어 및 하드웨어의 조합, 또는 소프트웨어의 실행을 지칭한다. 예를 들어, 컴포넌트는 프로세서상에서 실행되는 처리과정(procedure), 프로세서, 객체, 실행 스레드, 프로그램, 및/또는 컴퓨터일 수 있지만, 이들로 제한되는 것은 아니다. 예를 들어, 컴퓨팅 장치에서 실행되는 애플리케이션 및 컴퓨팅 장치 모두 컴포넌트일 수 있다. 하나 이상의 컴포넌트는 프로세서 및/또는 실행 스레드 내에 상주할 수 있다. 일 컴포넌트는 하나의 컴퓨터 내에 로컬화 될 수 있다. 일 컴포넌트는 2개 이상의 컴퓨터들 사이에 분배될 수 있다. 또한, 이러한 컴포넌트들은 그 내부에 저장된 다양한 데이터 구조들을 갖는 다양한 컴퓨터 판독가능한 매체로부터 실행할 수 있다. 컴포넌트들은 예를 들어 하나 이상의 데이터 패킷들을 갖는 신호(예를 들면, 로컬 시스템, 분산 시스템에서 다른 컴포넌트와 상호작용하는 하나의 컴포넌트로부터의 데이터 및/또는 신호를 통해 다른 시스템과 인터넷과 같은 네트워크를 통해 전송되는 데이터)에 따라 로컬 및/또는 원격 처리들을 통해 통신할 수 있다.The terms “component,” “module,” “system,” and the like, as used herein, refer to a computer-related entity, hardware, firmware, software, a combination of software and hardware, or execution of software. For example, a component can be, but is not limited to being, a process running on a processor, a processor, an object, a thread of execution, a program, and/or a computer. For example, both an application running on a computing device and the computing device may be a component. One or more components may reside within a processor and/or thread of execution. A component may be localized within one computer. A component may be distributed between two or more computers. In addition, these components can execute from various computer readable media having various data structures stored therein. Components may communicate via a network such as the Internet with another system, for example via a signal having one or more data packets (eg, data and/or signals from one component interacting with another component in a local system, distributed system, etc.) may communicate via local and/or remote processes depending on the data being transmitted).

더불어, 용어 "또는"은 배타적 "또는"이 아니라 내포적 "또는"을 의미하는 것으로 의도된다. 즉, 달리 특정되지 않거나 문맥상 명확하지 않은 경우에, "X는 A 또는 B를 이용한다"는 자연적인 내포적 치환 중 하나를 의미하는 것으로 의도된다. 즉, X가 A를 이용하거나; X가 B를 이용하거나; 또는 X가 A 및 B 모두를 이용하는 경우, "X는 A 또는 B를 이용한다"가 이들 경우들 어느 것으로도 적용될 수 있다. 또한, 본 명세서에 사용된 "및/또는"이라는 용어는 열거된 관련 아이템들 중 하나 이상의 아이템의 가능한 모든 조합을 지칭하고 포함하는 것으로 이해되어야 한다.In addition, the term “or” is intended to mean an inclusive “or” rather than an exclusive “or.” That is, unless otherwise specified or clear from context, "X employs A or B" is intended to mean one of the natural implicit substitutions. That is, X employs A; X employs B; or when X employs both A and B, "X employs A or B" may apply to either of these cases. It should also be understood that the term “and/or” as used herein refers to and includes all possible combinations of one or more of the listed related items.

또한, "포함한다" 및/또는 "포함하는"이라는 용어는, 해당 특징 및/또는 구성요소가 존재함을 의미하는 것으로 이해되어야 한다. 다만, "포함한다" 및/또는 "포함하는"이라는 용어는, 하나 이상의 다른 특징, 구성요소 및/또는 이들의 그룹의 존재 또는 추가를 배제하지 않는 것으로 이해되어야 한다. 또한, 달리 특정되지 않거나 단수 형태를 지시하는 것으로 문맥상 명확하지 않은 경우에, 본 명세서와 청구범위에서 단수는 일반적으로 "하나 또는 그 이상"을 의미하는 것으로 해석되어야 한다.Also, the terms "comprises" and/or "comprising" should be understood to mean that the feature and/or element in question is present. However, it should be understood that the terms "comprises" and/or "comprising" do not exclude the presence or addition of one or more other features, elements and/or groups thereof. Also, unless otherwise specified or unless the context is clear as to designating a singular form, the singular in the specification and claims should generally be construed to mean "one or more."

또한, “이상” 및/또는 “미만”은, “초과” 및/또는 “이하”로 해석될 수 있으며, 그 반대의 해석도 가능할 수 있다.In addition, “more than” and/or “less than” may be construed as “greater than” and/or “less than”, and vice versa.

당업자들은 추가적으로 여기서 개시된 실시예들과 관련되어 설명된 다양한 예시 적 논리적 블록들, 구성들, 모듈들, 회로들, 수단들, 로직들, 및 알고리즘 단계들이 전자 하드웨어, 컴퓨터 소프트웨어, 또는 양쪽 모두의 조합들로 구현될 수 있음을 인식해야 한다. 하드웨어 및 소프트웨어의 상호교환성을 명백하게 예시하기 위해, 다양한 예시 적 컴포넌트들, 블록들, 구성들, 수단들, 로직들, 모듈들, 회로들, 및 단계들은 그들의 기능성 측면에서 일반적으로 위에서 설명되었다. 그러한 기능성이 하드웨어로 또는 소프트웨어로서 구현되는지 여부는 전반적인 시스템에 부과된 특정 어플리케이션(application) 및 설계 제한들에 달려 있다. 숙련된 기술자들은 각각의 특정 어플리케이션들을 위해 다양한 방법들로 설명된 기능성을 구현할 수 있다. 다만, 그러한 구현의 결정들이 본 개시내용의 영역을 벗어나게 하는 것으로 해석되어서는 안된다.Those skilled in the art will further appreciate that the various illustrative logical blocks, configurations, modules, circuits, means, logics, and algorithm steps described in connection with the embodiments disclosed herein may be implemented in electronic hardware, computer software, or combinations of both. It should be recognized that they can be implemented with To clearly illustrate this interchangeability of hardware and software, various illustrative components, blocks, configurations, means, logics, modules, circuits, and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the overall system. Skilled artisans may implement the described functionality in varying ways for each particular application. However, such implementation decisions should not be interpreted as causing a departure from the scope of the present disclosure.

제시된 실시예들에 대한 설명은 본 개시의 기술 분야에서 통상의 지식을 가진 자가 본 발명을 이용하거나 또는 실시할 수 있도록 제공된다. 이러한 실시예들에 대한 다양한 변형들은 본 개시의 기술 분야에서 통상의 지식을 가진 자에게 명백할 것이다. 여기에 정의된 일반적인 원리들은 본 개시의 범위를 벗어남이 없이 다른 실시예들에 적용될 수 있다. 그리하여, 본 발명은 여기에 제시된 실시예들로 한정되는 것이 아니다. 본 발명은 여기에 제시된 원리들 및 신규한 특징들과 일관되는 최광의의 범위에서 해석되어야 할 것이다.Descriptions of the presented embodiments are provided to enable those skilled in the art to use or practice the present invention. Various modifications to these embodiments will be apparent to those skilled in the art of the present disclosure. The generic principles defined herein may be applied to other embodiments without departing from the scope of the present disclosure. Thus, the present invention is not limited to the embodiments presented herein. This invention is to be construed in its widest scope consistent with the principles and novel features presented herein.

본 개시의 실시예들에서 레이어는, 사용자 인터페이스에 디스플레이 되는, 여러 개의 화상을 겹쳐서 표시하기 위하여 사용하는 층을 의미할 수 있다. 둘 이상의 레이어는 겹쳐서 표시될 수도 있다. 둘 이상의 레이어가 겹쳐서 표시되는 경우, 하나의 레이어에 다른 레이어가 가려져, 보이지 않을 수 있다. 또는, 둘 이상의 레이어가 겹쳐서 표시되고, 상위 레이어가 일부 반 투명하게 표시되는 경우 하위 레이어의 적어도 일부가 보일 수 있다. 둘 이상의 레이어는 동일한 크기일 수 있다. 또한, 둘 이상의 레이어는 상이한 크기일 수도 있다. 레이어는 하나 이상의 영역을 포함할 수 있다. 또한, 레이어는 하나 이상의 디스플레이 객체를 포함할 수 있다.In embodiments of the present disclosure, a layer may mean a layer that is displayed on a user interface and is used to overlap and display multiple images. Two or more layers may be overlapped and displayed. When two or more layers are overlapped and displayed, one layer may be obscured by another layer, and thus may not be visible. Alternatively, when two or more layers are overlapped and displayed and an upper layer is partially displayed semi-transparently, at least a portion of a lower layer may be visible. Two or more layers may have the same size. Also, the two or more layers may be of different sizes. A layer may include one or more regions. In addition, a layer may include one or more display objects.

본 개시의 실시예들에서 레이어는 복수의 영역으로 분할될 수 있다. 복수의 영역들은 겹쳐지지 않는 화면 상의 일 공간일 수 있다. 하나의 레이어는 하나의 영역만을 포함할 수도 있고, 또는 복수의 영역을 포함할 수도 있다. 하나의 영역은 하나 이상의 디스플레이 객체를 포함할 수 있다.In embodiments of the present disclosure, a layer may be divided into a plurality of regions. The plurality of areas may be one space on the screen that does not overlap. One layer may include only one region or a plurality of regions. One area may include one or more display objects.

본 개시의 실시예들에서 객체는 프로그램, 명령어 또는 데이터 각각에 대응되는 그림, 기호 또는 글자의 집합일 수 있다. 본 개시의 일 실시예에 따라 객체는 사용자 선택 입력을 수신하기 위해 사용될 수 있다. 예를 들어, 객체에 대한 사용자 입력을 수신하는 경우, 프로세서(120)는 해당 객체에 대응되어 저장된 명령어 또는 데이터를 실행하여 사용자 인터페이스에 표시할 수 있다. 본 개시의 실시예들에서 객체와 디스플레이 객체는 동일한 의미로 해석될 수 있다.In embodiments of the present disclosure, an object may be a set of pictures, symbols, or characters corresponding to programs, commands, or data, respectively. According to an embodiment of the present disclosure, an object may be used to receive a user selection input. For example, when receiving a user input for an object, the processor 120 may execute a stored command or data corresponding to the object and display it on the user interface. In embodiments of the present disclosure, an object and a display object may be interpreted as the same meaning.

본 개시의 실시예들에서, “표시”는 출력부(140)를 통해 사용자에게 데이터가 보여 지도록 하는 동작일 수 있다. “표시”와 “디스플레이”는 상호 교환 가능하게 사용될 수 있다.In embodiments of the present disclosure, “display” may be an operation of displaying data to a user through the output unit 140 . “Display” and “display” may be used interchangeably.

도 1은 본 개시의 일 실시예에 따라 데이터 표시 방법을 제공하기 위한 동작을 수행하는 컴퓨팅 장치의 블록 구성도를 도시한 도면이다. 도 1에 도시된 컴퓨팅 장치(100)의 구성은 간략화 하여 나타낸 예시일 뿐이다. 본 개시의 일 실시예에서 컴퓨팅 장치(100)는 컴퓨팅 장치(100)의 컴퓨팅 환경을 수행하기 위한 다른 구성들이 포함될 수 있고, 개시된 구성들 중 일부만이 컴퓨팅 장치(100)를 구성할 수도 있다.1 is a diagram illustrating a block diagram of a computing device that performs an operation for providing a data display method according to an embodiment of the present disclosure. The configuration of the computing device 100 shown in FIG. 1 is only a simplified example. In an embodiment of the present disclosure, the computing device 100 may include other components for performing the computing environment of the computing device 100 , and only some of the disclosed components may configure the computing device 100 .

본 개시의 일 실시예들에 따른 데이터 표시 방법을 제공하기 위한 컴퓨팅 장치(100)는 네트워크부(110), 프로세서(120), 메모리(130), 출력부(140) 및 입력부(150)를 포함할 수 있다.The computing device 100 for providing a data display method according to embodiments of the present disclosure includes a network unit 110 , a processor 120 , a memory 130 , an output unit 140 , and an input unit 150 . can do.

이하에서는 데이터 표시 방법을 제공하는 사용자 인터페이스에 관하여 설명한다.Hereinafter, a user interface providing a data display method will be described.

사용자 인터페이스는 버전 트리 레이어 및 데이터 표시 레이어를 표시할 수 있다. 이하에서는 도 2를 참조하여 버전 트리 레이어(200) 및 데이터 표시 레이어(300)에 관하여 설명한다. 데이터 표시 레이어(300)는 버전 트리 레이어(200)에 포함된 버전 또는 서브 버전 중 적어도 하나에 대한 선택 입력에 따라, 대응되는 데이터를 표시할 수 있다.The user interface may display a version tree layer and a data display layer. Hereinafter, the version tree layer 200 and the data display layer 300 will be described with reference to FIG. 2 . The data display layer 300 may display corresponding data according to a selection input for at least one of a version and a sub-version included in the version tree layer 200 .

이하에서는 도 3을 참조하여 버전 트리에 관하여 설명한다.Hereinafter, the version tree will be described with reference to FIG. 3 .

버전 트리 레이어(200)는 버전 트리를 표시할 수 있다. 버전 트리는 버전들 각각을 노드 형태로 형성하여, 버전 들 간의 관계를 트리 형태로 도식화한 구조체일 수 있다. 버전 트리는 메인 트리(210) 및 서브 트리(220)를 포함할 수 있다. 버전 트리는 하나의 메인 트리(210) 및 하나 이상의 서브 트리(220)를 포함할 수 있다.The version tree layer 200 may display a version tree. The version tree may be a structure in which each of the versions is formed in the form of a node, and the relationship between the versions is schematized in the form of a tree. The version tree may include a main tree 210 and a sub-tree 220 . The version tree may include one main tree 210 and one or more sub-trees 220 .

메인 트리(210)는 하나 이상의 버전으로 구성될 수 있다. 메인 트리(210)는 동일 목적의 작업에 대해서 작업물이 업데이트 되는 과정을 표시한 트리일 수 있다. 메인 트리(210)는 도 3에서, 버전 1, 버전 2C, 버전 3A, 버전 4 및 버전 5B를 포함할 수 있다. 메인 트리(210)에 포함된 둘 이상의 버전은 선후 관계를 가질 수 있다. 메인 트리(210)에 포함된 제 2 버전은 제 1 버전 이후에 생성된 버전일 수 있다. 제 2 버전은 제 1 버전에 기초하여 생성된 버전일 수 있다. 제 2 버전은 제 1 버전을 업데이트한 버전일 수 있다. 전술한 메인 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The main tree 210 may consist of one or more versions. The main tree 210 may be a tree indicating a process of updating a work for a work of the same purpose. Main tree 210 may include version 1, version 2C, version 3A, version 4 and version 5B in FIG. 3 . Two or more versions included in the main tree 210 may have a precedence relationship. The second version included in the main tree 210 may be a version generated after the first version. The second version may be a version generated based on the first version. The second version may be an updated version of the first version. The detailed description of the above-described main tree is only an example, and the present disclosure is not limited thereto.

서브 트리(220)는 하나 이상의 서브 버전으로 구성될 수 있다. 서브 트리(220)에 포함된 둘 이상의 서브 버전은 병렬 관계를 가질 수 있다. 동일한 서브 트리(220)에 포함된 둘 이상의 서브 버전은 선후 관계를 가지지 않을 수 있다. 동일한 서브 트리(220)에 포함된 둘 이상의 서브 버전은, 동일한 버전에 기초하여 업데이트된 버전일 수 있다. 동일한 서브 트리(220)에 포함된 둘 이상의 서브 버전은, 동일한 버전에 기초하여 각각 상이한 방법으로 업데이트된 버전일 수 있다. 예를 들어, 제 1 서브 트리는 버전 2A, 버전 2B, 버전 2C 및 버전 2D를 포함하고, 그리고 제 2 서브 트리는 버전 3A, 버전 3B, 버전 3C를 포함할 수 있다. 제 2 서브 트리에 포함된 서브 버전들인, 버전 3A, 버전 3B, 버전 3C는 각각 제 1 서브 트리에 포함된 버전 2C에 기초하여 업데이트된 버전일 수 있다. 즉, 동일한 서브 트리(제 2 서브 트리)에 포함된 서브 버전들은, 하나의 서브 버전(제 1 서브 트리의 서브 버전)에 기초하여 각각 상이한 방식으로 업데이트된 버전일 수 있다. 예를 들어, 버전 2C에 대응되는 일러스트에 대해서 제 1 계열의 색상으로 업데이트하여 버전 3A를 생성하고, 제 2 계열의 색상으로 업데이트하여 버전 3B를 생성하고, 그리고 제 3 계열의 색상으로 업데이트하여 버전 3C를 생성할 수 있다. 전술한 서브 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The sub-tree 220 may consist of one or more sub-versions. Two or more sub-versions included in the sub-tree 220 may have a parallel relationship. Two or more sub-versions included in the same sub-tree 220 may not have a precedence relationship. Two or more sub-versions included in the same sub-tree 220 may be updated versions based on the same version. Two or more sub-versions included in the same sub-tree 220 may be updated versions in different ways based on the same version. For example, the first sub-tree may include version 2A, version 2B, version 2C, and version 2D, and the second sub-tree may include version 3A, version 3B, version 3C. The sub-versions included in the second sub-tree, version 3A, version 3B, and version 3C, may be updated versions based on version 2C included in the first sub-tree, respectively. That is, sub-versions included in the same sub-tree (second sub-tree) may be updated versions in different ways based on one sub-version (sub-version of the first sub-tree). For example, with respect to an illustration corresponding to version 2C, version 3A is generated by updating to the color of the first series, version 3B is generated by updating to the color of the second series, and the version is updated by updating the color of the third series 3C can be created. The detailed description of the above-described sub-tree is only an example, and the present disclosure is not limited thereto.

메인 트리(210)에 포함된 버전은 서브 트리(220)에 포함된 하나 이상의 서브 버전 중 선택된 서브 버전일 수 있다. 서브 트리(220)는 둘 이상의 서브 버전을 포함할 수 있으며, 상기 둘 이상의 서브 버전은 각각 동일 버전에서 상이한 방식으로 업데이트된 버전일 수 있다. 프로세서(120)는 둘 이상의 서브 버전 중 적어도 하나의 서브 버전에 대한 사용자 선택 입력을 수신할 수 있다. 프로세서(120)는 사용자 선택 입력된 하나의 서브 버전을 메인 트리(210)에 포함될 버전으로 결정할 수 있다. 전술한 예시에서 복수의 계열 각각에 대응되도록 업데이트된 버전 3A 내지 3C 중에서, 사용자가 최종적으로 제 1 계열의 색상으로 업데이트 된 버전 3A를 선택하고, 그리고 버전 3B 및 버전 3C에 대해서는 선택하지 않을 수 있다. 프로세서(120)는 버전 3A를 포함하도록 메인 트리(210)를 형성할 수 있다. 즉, 메인 트리(210)에 포함된 서브 버전은 사용자 선택된 버전일 수 있다. 메인 트리(210)에 포함되지 않은 서브 버전은 사용자가 선택하지 않은 버전일 수 있다. 예를 들어, 업체에서 생성한 버전 3A 내지 버전 3C 중 발주처가 선택한 버전 3A 만 메인 트리(210)에 포함될 수 있다. 발주처가 선택한 버전 3A에 기초하여 업데이트된 작업물 들이 후속적으로 생성될 수 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The version included in the main tree 210 may be a selected sub-version among one or more sub-versions included in the sub-tree 220 . The sub-tree 220 may include two or more sub-versions, and each of the two or more sub-versions may be a version updated in a different way from the same version. The processor 120 may receive a user selection input for at least one sub-version among two or more sub-versions. The processor 120 may determine one sub-version selected and input by the user as a version to be included in the main tree 210 . In the above example, from among versions 3A to 3C updated to correspond to each of the plurality of series, the user finally selects version 3A updated to the color of the first series, and may not select version 3B and version 3C. . Processor 120 may form main tree 210 to include version 3A. That is, the sub-version included in the main tree 210 may be a user-selected version. The sub-version not included in the main tree 210 may be a version not selected by the user. For example, only version 3A selected by the ordering party among the versions 3A to 3C generated by the company may be included in the main tree 210 . Updated works can be subsequently created based on version 3A selected by the client. The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

도 3에 도시된 버전 트리는 하나의 메인 트리 및 둘 이상의 서브 트리를 도시하나, 본 개시의 일 실시예에 따른 버전 트리는 둘 이상의 메인 트리를 포함할 수 있다. 즉, 사용자가 복수의 작업물을 생성하고자 하는 경우 둘 이상의 메인 트리를 생성할 수 있다. 하나의 작업물에 기초하여, 최종적으로 둘 이상의 작업물을 생성하고자 하는 경우, 메인 트리는 2개 이상이 될 수 있다. 예를 들어, 하나의 광고 작업물에 기초하여 하나는 버스 용 광고, 다른 하나는 지하철 용 광고를 생성하고자 하는 경우, 제 1 메인 트리는 버스 용 광고에 관한 작업물일 수 있고, 그리고 제 2 메인 트리는 지하철 용 광고에 관한 작업물일 수도 있다. 또한, 둘 이상의 메인 트리는 하나의 메인 트리에 기초하여 파생된 트리일 수도 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The version tree illustrated in FIG. 3 shows one main tree and two or more sub-trees, but the version tree according to an embodiment of the present disclosure may include two or more main trees. That is, when a user wants to create a plurality of works, two or more main trees may be created. When two or more works are ultimately created based on one work, the main tree may be two or more. For example, if it is desired to generate an advertisement for a bus and an advertisement for a subway based on one advertisement work, the first main tree may be a work related to the advertisement for a bus, and the second main tree is a subway advertisement. It may be a work about advertising for a dragon. In addition, two or more main trees may be trees derived based on one main tree. The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

데이터 표시 레이어(300)는 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로, 선택 입력된 서브 버전에 대응되는 데이터를 표시할 수 있다.The data display layer 300 may display data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree.

데이터 표시 레이어(300)는 데이터를 표시할 수 있다. 데이터는 전송 가능한 모든 형태의 파일을 의미할 수 있다. 예를 들어, 데이터는 png, jpg, ai 등의 이미지 파일, word, 한글, pdf, ppt, excel 등의 문서 파일, java로 작성된 코드, TS, mp4, avi, mov 등의 동영상 파일 등일 수 있으나, 본 개시는 이에 제한되지 않는다.The data display layer 300 may display data. Data may mean any type of file that can be transmitted. For example, data may be image files such as png, jpg, and ai, document files such as word, Korean, pdf, ppt, excel, code written in java, video files such as TS, mp4, avi, mov, etc. The present disclosure is not limited thereto.

데이터 표시 레이어(300)는 선택 입력된 서브 버전에 대응되는 데이터를 표시할 수 있다. 프로세서(120)는 버전 트리에 포함된 복수의 서브 버전들 중 적어도 하나의 버전에 대한 사용자의 선택 입력을 수신할 수 있다. 프로세서(120)는 선택 입력된 서브 버전(201)과 다른 서브 버전들을 구별하여 표시할 수 있다. 프로세서(120)는 선택 입력된 서브 버전(201)에 대해서 시각적 표현을 표시하여, 다른 서브 버전들과 구별되도록 할 수 있다. 선택 입력된 서브 버전(201)에 대한 시각적 표현은 해당 버전의 노드 명암, 색상 등을 다르게 표시하거나, 또는 체크 표시 등의 아이콘을 표시할 수 있다. 전술한 서브 버전 선택에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The data display layer 300 may display data corresponding to the selected input sub-version. The processor 120 may receive a user's selection input for at least one version among a plurality of sub-versions included in the version tree. The processor 120 may distinguish and display the selected sub-version 201 from other sub-versions. The processor 120 may display a visual expression for the selected and inputted sub-version 201 to be distinguished from other sub-versions. A visual representation of the selected and inputted sub version 201 may display a different node contrast, color, etc. of the corresponding version, or may display an icon such as a check mark. The detailed description of the above-described sub version selection is merely an example, and the present disclosure is not limited thereto.

프로세서(120)는 선택 입력된 서브 버전을 식별하고, 선택 입력된 서브 버전에 대응되는 데이터를 데이터 표시 레이어(300)에 표시할 수 있다. 프로세서(120)는 선택 입력된 서브 버전이 둘 이상인 경우, 둘 이상의 서브 버전 각각에 대응되는 데이터들을 데이터 표시 레이어(300)에 표시할 수 있다. 둘 이상의 서브 버전에 대응되는 데이터들을 표시하는 경우, 프로세서(120)는 데이터 표시 레이어(300)를 둘 이상의 영역으로 분할하여, 각각의 영역에 데이터가 표시되도록 할 수 있다. 또는, 둘 이상의 서브 버전에 대응되는 데이터들을 표시하는 경우, 프로세서(120)는 데이터 표시 레이어(300)에 상기 둘 이상의 데이터들을 중첩하여 표시할 수 있다. 또는, 프로세서(120)는 둘 이상의 데이터를 비교하여 표시할 수 있다. 둘 이상의 데이터를 비교하여 표시하는 방법에 관하여 후술하여 설명한다. 전술한 데이터 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The processor 120 may identify the selected input sub-version, and display data corresponding to the selected input sub-version on the data display layer 300 . When there are two or more sub-versions selected and input, the processor 120 may display data corresponding to each of the two or more sub-versions on the data display layer 300 . When displaying data corresponding to two or more sub-versions, the processor 120 may divide the data display layer 300 into two or more regions to display data in each region. Alternatively, when displaying data corresponding to two or more sub-versions, the processor 120 may display the two or more data by overlapping the data display layer 300 . Alternatively, the processor 120 may compare and display two or more pieces of data. A method of comparing and displaying two or more data will be described later. The detailed description of the above-described data display is merely an example, and the present disclosure is not limited thereto.

데이터 표시 레이어(300)에 표시된 데이터는 표시 방법의 조정이 가능할 수 있다. 데이터 표시 레이어(300)에 표시된 데이터는 예를 들어, 확대, 축소가 가능할 수 있고, 그리고 데이터를 이동시켜 다른 부분이 레이어의 중심에 오도록 조정할 수 있다. 또는, 데이터 표시 레이어(300)에 표시된 데이터(예를 들어, 문서, 이미지 등)는 사용자 입력(예를 들어, 스크롤 등)에 기초하여 데이터의 하단 또는 상단 부분도 확인할 수 있도록 조정할 수 있다. 전술한 데이터 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.A display method of data displayed on the data display layer 300 may be adjustable. Data displayed on the data display layer 300 may be enlarged or reduced, for example, and may be adjusted so that another portion is centered on the layer by moving the data. Alternatively, the data (eg, document, image, etc.) displayed on the data display layer 300 may be adjusted so that the lower or upper part of the data can also be checked based on a user input (eg, scrolling, etc.). The detailed description of the above-described data display is merely an example, and the present disclosure is not limited thereto.

데이터 표시 레이어(300)에 표시된 데이터는 편집 가능한 형태일 수 있다. 프로세서(120)는 데이터 표시 레이어(300)에 표시된 데이터를 편집하기 위한 사용자 입력을 수신할 수 있다. 즉, 데이터 표시 레이어(300) 상에서 데이터의 편집이 가능할 수 있다. 예를 들어, 문서, 이미지 또는 영상 등을 포함하는 데이터의 일부를 데이터 표시 레이어(300) 상에서 직접 편집할 수도 있다. 프로세서(120)는 데이터 표시 레이어(300) 상에서 편집된 데이터를 별도의 버전으로 새롭게 저장할 수 있다. 프로세서(120)는 데이터 표시 레이어(300) 상에서 편집된 데이터에 대응되는 서브 버전을 포함하도록 버전 트리를 업데이트할 수도 있다. 전술한 데이터 표시 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.Data displayed on the data display layer 300 may be in an editable form. The processor 120 may receive a user input for editing data displayed on the data display layer 300 . That is, data may be edited on the data display layer 300 . For example, a part of data including a document, an image, or an image may be directly edited on the data display layer 300 . The processor 120 may newly store data edited on the data display layer 300 as a separate version. The processor 120 may update the version tree to include a sub-version corresponding to the data edited on the data display layer 300 . The detailed description of the data display layer described above is only an example, and the present disclosure is not limited thereto.

버전 트리 레이어(200)와 데이터 표시 레이어(300)는 나란히 배치될 수 있다. 버전 트리 레이어(200)와 데이터 표시 레이어(300)는 도 2에서는 좌우로 나란히 배치되는 것으로 도시되어 있으나, 본 개시는 이에 제한되지 않는다. 버전 트리 레이어(200)와 데이터 표시 레이어(300)는 상하로 나란히 배치될 수도 있다. 또는, 버전 트리 레이어(200)는 크기 또는 위치가 변경 가능한 레이어일 수 있다. 사용자 입력에 따라 버전 트리 레이어(200)의 크기는 확장 또는 축소될 수 있으며, 그에 대응되어 데이터 표시 레이어(300)의 크기도 또한 축소 또는 확장될 수 있다. 버전 트리 레이어(200)는 데이터 표시 레이어(300)의 오른쪽에 배치될 수도 있고, 그리고 사용자 입력에 따라 위치가 조정되어 위 또는 아래 쪽에 배치될 수도 있다. 전술한 레이어들의 배치에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The version tree layer 200 and the data display layer 300 may be arranged side by side. The version tree layer 200 and the data display layer 300 are illustrated as being arranged side by side in FIG. 2 , but the present disclosure is not limited thereto. The version tree layer 200 and the data display layer 300 may be arranged vertically side by side. Alternatively, the version tree layer 200 may be a layer whose size or position can be changed. The size of the version tree layer 200 may be expanded or reduced according to a user input, and the size of the data display layer 300 may also be reduced or expanded correspondingly. The version tree layer 200 may be disposed on the right side of the data display layer 300 , and may be disposed above or below the location of which is adjusted according to a user input. The detailed description regarding the arrangement of the above-described layers is merely an example, and the present disclosure is not limited thereto.

이하에서는 도 4를 참조하여 버전 트리를 간략화 하여 보는 방법에 관하여 설명한다.Hereinafter, a method of simplifying and viewing the version tree will be described with reference to FIG. 4 .

버전 트리 레이어(200)는 버전 트리를 간략화 하여 보기 위한 간단 보기 입력에 대한 응답으로, 간략화 된 버전 트리(240)를 표시할 수 있다. 간략화 된 버전 트리(240)는 트리의 버전들 중 적어도 일부를 생략하여 표시된 버전 트리 일 수 있다. 간략화 된 버전 트리(240)는 메인 트리에 대응되는 버전들 만을 표시할 수 있다.The version tree layer 200 may display the simplified version tree 240 in response to a simple view input for viewing the simplified version tree. The simplified version tree 240 may be a version tree indicated by omitting at least some of the versions of the tree. The simplified version tree 240 may display only versions corresponding to the main tree.

버전 트리에 하나의 메인 트리만 표시된 경우, 간략화 된 버전 트리(240)는 하나의 메인 트리만을 포함할 수 있다. 간략화 된 버전 트리(240)는 버전 트리에 포함되어 있던, 하나의 서브 트리에 포함된 복수의 서브 버전들 중 하나의 서브 버전 만을 포함할 수 있다. 예를 들어, 도 3에 도시된 서브 버전 들 중, 사용자 선택 입력된 서브 버전들(버전 1, 버전 2C, 버전 3A, 버전 4 및 버전 5) 만을 포함하는 간략화 된 버전 트리(240)가 표시될 수 있다. 버전 트리에 둘 이상의 메인 트리가 표시된 경우, 간략화 된 버전 트리(240)에도 둘 이상의 메인 트리가 포함될 수 있다. 전술한 간략화 된 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.When only one main tree is displayed in the version tree, the simplified version tree 240 may include only one main tree. The simplified version tree 240 may include only one sub-version among a plurality of sub-versions included in one sub-tree included in the version tree. For example, among the sub-versions shown in FIG. 3 , the simplified version tree 240 including only the user-selected and inputted sub-versions (version 1, version 2C, version 3A, version 4, and version 5) will be displayed. can When two or more main trees are displayed in the version tree, two or more main trees may be included in the simplified version tree 240 as well. The detailed description of the above simplified version tree is only an example, and the present disclosure is not limited thereto.

사용자는 간략화 된 버전 트리(240)를 통해 복수의 서브 버전 들 중 선택된 버전들 만을 한눈에 확인할 수 있다. 즉, 사용자는 간략화 된 버전 트리(240)를 통해 최종 결과물의 기초가 되는 서브 버전들 만을 모아서 확인할 수 있다.The user can check only the selected versions among the plurality of sub-versions at a glance through the simplified version tree 240 . That is, the user can collect and check only the sub-versions that are the basis of the final result through the simplified version tree 240 .

프로세서(120)는 전체 보기 입력에 대한 응답으로, 간략화 된 버전 트리(240)를 펼쳐서 버전 트리를 표시할 수 있다. 즉, 반대로 전체 보기를 사용자가 클릭한 경우, 간략화 된 버전 트리에서, 모든 서브 버전들을 포함하는 버전 트리로 변경되어 사용자 인터페이스에 표시될 수 있다.In response to the full view input, the processor 120 may expand the simplified version tree 240 to display the version tree. That is, when the user clicks on the entire view, on the contrary, the simplified version tree may be changed to a version tree including all sub-versions and displayed on the user interface.

버전 트리 레이어(200)는 간략화 된 버전 트리(240)가 표시되면서 영역이 축소되어 표시될 수 있다. 이에 대응되어, 데이터 표시 레이어(300)의 영역이 확장되어 표시될 수 있다.The version tree layer 200 may be displayed in a reduced area while the simplified version tree 240 is displayed. Correspondingly, the area of the data display layer 300 may be expanded and displayed.

이하에서는 도 5를 참조하여 버전의 메이저 업데이트에 관하여 설명한다.Hereinafter, a major update of the version will be described with reference to FIG. 5 .

버전 트리 레이어(200)는 버전 트리에 포함된 하나 이상의 버전들 중 적어도 일부의 버전들에 대하여 시각적인 강조 표시를 포함할 수 있다. 버전 트리 레이어(200)의 시각적인 강조 표시는 버전들에 대한 업데이트 정도에 기초하여 생성될 수도 있다. 버전 트리 레이어(200)는 이전 버전의 데이터와 비교했을 때, 임계 값 이상의 변경이 있는 데이터의 버전에 메이저 업데이트(230)를 표시할 수 있다. 메이저 업데이트가 표시된 버전은 이전 버전과 비교하였을 때 업데이트가 많이 된 것으로 판단될 수 있다. 메이저 업데이트가 표시되지 않은 버전은 이전 버전과 비교하였을 때 업데이트가 많이 되지 않은 것으로 판단될 수 있다. 도 5에는 메이저 업데이트(230)가 표시되는 것으로 도시되어 있으나, 이는 예시일 뿐이며, 메이저 업데이트 및 마이너 업데이트가 모두 표시될 수도 있고, 또는 마이너 업데이트만 표시될 수도 있다.The version tree layer 200 may include visual highlighting for at least some versions of one or more versions included in the version tree. A visual highlighting of the version tree layer 200 may be generated based on the degree of update to the versions. The version tree layer 200 may display the major update 230 in the version of the data having a change of more than a threshold value when compared with the previous version of the data. The version marked with a major update may be determined to have been updated a lot compared to the previous version. A version that does not display major updates may be judged to have not been updated much compared to the previous version. Although it is shown that the major update 230 is displayed in FIG. 5 , this is only an example, and both the major update and the minor update may be displayed, or only the minor update may be displayed.

이하에서는 메이저 업데이트를 판단하는 방법에 관하여 설명한다.Hereinafter, a method of determining a major update will be described.

프로세서(120)는 둘 이상의 버전에 대응되는 데이터들을 비교할 수 있다. 프로세서(120)는 임계 값 이상의 변경이 있는 데이터의 버전을 메이저 업데이트 버전으로 결정할 수 있다. 프로세서(120)는 임계 값 미만의 변경이 있는 데이터의 버전을 마이너 업데이트 버전으로 결정할 수 있다.The processor 120 may compare data corresponding to two or more versions. The processor 120 may determine a version of the data having a change greater than or equal to a threshold value as a major update version. The processor 120 may determine a version of the data having a change less than a threshold value as a minor update version.

예를 들어, 프로세서(120)는 둘 이상의 버전에 대응되는 데이터들의 문자 일치 정도를 연산할 수 있다. 예를 들어, 프로세서(120)는 각 데이터(예를 들어, 문서, 이미지 또는 영상)에 포함된 문자가 일치하는지 여부, 또는 각 데이터의 동일 위치에 포함된 문자가 일치하는지 여부를 연산할 수 있다. 프로세서(120)는 각 데이터에 포함된 일치하는 문자의 비율이, 전체 문자 중 임계 비율 이상인 경우, 임계 값 이상의 변경이 없는 것으로 결정할 수 있다. 프로세서(120)는 각 데이터에 포함된 일치하는 문자의 비율이, 전체 문자 중 임계 비율 미만인 경우, 임계 값 이상의 변경이 있는 것으로 결정할 수 있다. 전술한 메이저 업데이트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다. 또한, 전술한 데이터에 관한 구체적인 기재는 예시일 뿐이며, 사용자들이 확인 가능한 다양한 형태의 자료를 포함할 수 있다For example, the processor 120 may calculate a character matching degree of data corresponding to two or more versions. For example, the processor 120 may calculate whether characters included in each data (eg, document, image, or video) match, or whether characters included in the same position of each data match. . When the ratio of matching characters included in each data is equal to or greater than the threshold ratio among all characters, the processor 120 may determine that there is no change of more than the threshold value. When the ratio of matching characters included in each data is less than a threshold ratio among all characters, the processor 120 may determine that there is a change of more than a threshold value. The detailed description of the above-described major update is merely an example, and the present disclosure is not limited thereto. In addition, the detailed description of the above data is only an example, and may include various types of data that users can check.

예를 들어, 프로세서(120)는 둘 이상의 버전에 대응되는 데이터들의 색상 변경 정도를 연산할 수 있다. 프로세서(120)는 데이터에 포함된 색상들의 히스토그램 분포를 연산할 수 있다. 프로세서(120)는 데이터에 포함된 픽셀들 각각의 색상에 대한 히스토그램 분포를 연산할 수 있다. 프로세서(120)는 둘 이상의 데이터들 각각의 히스토그램 분포의 유사도를 연산할 수 있다. 프로세서(120)는 둘 이상의 히스토그램 분포가 유사한 경우, 임계 값 이상의 변경이 없는 것으로 결정할 수 있다. 프로세서(120)는 둘 이사의 히스토그램 분포가 유사하지 않은 경우, 임계 값 이상의 변경이 있는 것으로 결정할 수 있다. 프로세서(120)는 예를 들어, 둘 이상의 히스토그램에 대해 Correlation, Chi-square, Intersection, Bhattacharyya 등의 값을 연산할 수 있다. 예를 들어, 프로세서(120)는 Correlation 또는 Intersection 값이 작을수록 또는, 예를 들어, 프로세서(120)는 Chi-square 또는 Bhattacharyya 값이 클수록 데이터들이 유사하지 않은 것으로 결정하여, 메이저 업데이트로 결정할 수 있다. 전술한 메이저 업데이트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.For example, the processor 120 may calculate a color change degree of data corresponding to two or more versions. The processor 120 may calculate a histogram distribution of colors included in data. The processor 120 may calculate a histogram distribution for each color of the pixels included in the data. The processor 120 may calculate the similarity of the histogram distribution of each of the two or more pieces of data. When two or more histogram distributions are similar, the processor 120 may determine that there is no change of more than a threshold value. When two or more histogram distributions are not similar, the processor 120 may determine that there is a change of more than a threshold value. The processor 120 may calculate values such as Correlation, Chi-square, Intersection, and Bhattacharyya for two or more histograms. For example, the processor 120 determines that the data are not similar as the values of Correlation or Intersection are smaller or, for example, the values of Chi-square or Bhattacharyya are larger, so that the data are not similar, and can be determined as a major update. . The detailed description of the above-described major update is merely an example, and the present disclosure is not limited thereto.

예를 들어 프로세서(120)는 둘 이상의 버전들에 대하여 딥러닝 알고리즘을 이용하여 각각의 버전들을 분석 함으로써, 버전 별 변경의 정도를 연산할 수도 있다. 예를 들어, 프로세서(120)는 둘 이상의 버전에 대응되는 피쳐들의 변경 정도를 연산할 수 있다. 프로세서(120)는 예를 들어, 사전 학습된 뉴럴 네트워크 함수를 이용하여 피쳐를 추출할 수 있다. 사전 학습된 뉴럴 네트워크 함수는 예를 들어, 컨벌루셔널 뉴럴 네트워크(CNN: convolutional neural network), 다층 퍼셉트론 (MLP: multi-layer perceptrons), 리커런트 뉴럴 네트워크(RNN: recurrent neural network), 제한 볼츠만 머신(RBM: restricted boltzmann machine), 심층 신뢰 네트워크(DBN: deep belief network), Q 네트워크, U 네트워크, 샴 네트워크 등을 포함 할 수 있으나, 본 개시는 이에 제한되지 않는다. 프로세서(120)는 예를 들어, 캐니 엣지 디텍션(canny edge detection) 또는 해리스 코너 디텍션(harris corner detection) 등을 이용하여 피쳐를 추출할 수 있다. 프로세서(120)는 캐니 엣지 디텍션을 통해 데이터(예를 들어, 이미지, 영상 등)를 블러링(blurring) 처리하여 노이즈를 제거하고, 마스크 엣지를 이용하여 엣지를 검출하고, Non-Maximum Value를 제거하고, Double Threshold로 크기를 구분하여 엣지를 연결함으로써 피쳐를 추출할 수 있다. 프로세서(120)는 각 데이터에서 추출된 피쳐들의 일치 정도에 따라 메이저 업데이트를 결정할 수 있다. 전술한 메이저 업데이트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.For example, the processor 120 may calculate the degree of change for each version by analyzing each version using a deep learning algorithm for two or more versions. For example, the processor 120 may calculate a change degree of features corresponding to two or more versions. The processor 120 may extract a feature using, for example, a pre-trained neural network function. Pre-trained neural network functions are, for example, convolutional neural networks (CNNs), multi-layer perceptrons (MLPs), recurrent neural networks (RNNs), and constrained Boltzmann machines. It may include a restricted boltzmann machine (RBM), a deep belief network (DBN), a Q network, a U network, a Siamese network, and the like, but the present disclosure is not limited thereto. The processor 120 may extract the feature using, for example, canny edge detection or Harris corner detection. The processor 120 removes noise by blurring data (eg, image, video, etc.) through canny edge detection, detects an edge using a mask edge, and removes a Non-Maximum Value And, by dividing the size with Double Threshold and connecting the edges, the feature can be extracted. The processor 120 may determine the major update according to the degree of matching of features extracted from each data. The detailed description of the above-described major update is merely an example, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따라, 프로세서(120)는 사전 학습된 알고리즘(예를 들어, Open CV, Vision AI 등)을 이용하여 둘 이상의 데이터에서 변경된 부분을 출력할 수 있다. 예를 들어, 프로세서(120)는 사전 학습된 알고리즘을 이용하여 변경된 부분을 표시한 결과를 출력할 수 있다. 출력된 결과는 많이 변경된 부분(예를 들어, 객체 변경)은 흰색으로 표시되고, 일부 변경된 부분(예를 들어, 색상 변경)은 회색조로 표시되고, 그리고 변경되지 않은 부분은 검정색으로 표시될 수 있다. 또한, 변경된 정도에 따라 회색조의 명도가 상이하게 표시될 수 있다. 프로세서(120)는 사전 학습된 알고리즘을 이용하여 출력된 결과에 흰색, 또는 회색조가 임계 값 이상 포함되어 있는 경우, 데이터들 간의 변경이 많이 된 것으로 판단하여, 메이저 업데이트로 결정할 수 있다. 전술한 메이저 업데이트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.According to an embodiment of the present disclosure, the processor 120 may output a changed part in two or more data using a pre-learned algorithm (eg, Open CV, Vision AI, etc.). For example, the processor 120 may output a result of displaying the changed portion using a pre-learned algorithm. In the output result, heavily changed parts (eg, object change) may be displayed in white, some changed parts (eg, color change) may be displayed in grayscale, and unchanged parts may be displayed in black. . Also, the brightness of the grayscale may be displayed differently according to the changed degree. When white or grayscale is included in the output result using the pre-learned algorithm by more than a threshold value, the processor 120 determines that a large number of data changes have occurred, and may determine a major update. The detailed description of the above-described major update is merely an example, and the present disclosure is not limited thereto.

버전 트리 레이어(200)는 메이저 업데이트에 대응되는 버전들을 간략화 하여 보기 위한 메이저 업데이트 보기 입력에 대한 응답으로, 메이저 업데이트 버전 트리(250)를 표시할 수 있다. 메이저 업데이트 버전 트리(250)는 메이저 업데이트에 대응되는 버전들 만을 표시할 수 있다. 메이저 업데이트 버전 트리(250)는 메이저 업데이트가 아닌 버전들 또는 서브 버전들을 제외하고, 메이저 업데이트에 대응되는 버전들 만을 표시할 수 있다. 예를 들어, 프로세서(120)는 도 3의 메인 트리(210)에 포함된 버전 1, 버전 2C, 버전 3A, 버전 4 및 버전 5B 각각에 대해서 이전 버전과 비교했을 때, 변경이 많이 되었는지 여부를 연산할 수 있다. 프로세서(120)는 메인 트리(210)의 버전들 중 버전 1, 버전 3A 및 버전 4에 대해서 메이저 업데이트로 판단할 수 있다. 버전 1의 경우, 버전 1의 이전 버전은 존재하지 않지만 새로운 데이터가 형성된 것이므로, 메이저 업데이트로 판단할 수 있다. 프로세서(120)는 메이저 업데이트 보기 입력에 대한 응답으로, 버전 1, 버전 3A 및 버전 4 만을 포함하는 메이저 업데이트 버전 트리(250)를 표시할 수 있다. 전술한 메이저 업데이트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The version tree layer 200 may display the major update version tree 250 in response to a major update view input for simplifying and viewing versions corresponding to the major update. The major update version tree 250 may display only versions corresponding to the major update. The major update version tree 250 may display only versions corresponding to the major update, excluding versions or sub-versions that are not major updates. For example, the processor 120 determines whether a lot has changed compared to the previous version for each of version 1, version 2C, version 3A, version 4, and version 5B included in the main tree 210 of FIG. 3 . can be calculated. The processor 120 may determine that version 1, version 3A, and version 4 among the versions of the main tree 210 are major updates. In the case of version 1, since the previous version of version 1 does not exist, but new data is formed, it can be determined as a major update. In response to the view major update input, the processor 120 may display a major update version tree 250 including only version 1, version 3A, and version 4, respectively. The detailed description of the above-described major update is merely an example, and the present disclosure is not limited thereto.

데이터에 대한 업데이트가 지속적으로 수행되면서, 업데이트가 많이 된 버전이 있을 수 있고, 그리고 업데이트가 적게 된 버전이 있을 수 있다. 사용자는 업데이트가 많이 된 버전들 만을 모아서 확인함으로써, 어떤 업데이트 과정을 거쳐 데이터가 업데이트 되고 있는지 효율적으로 확인할 수 있다. 즉, 사용자는 마이너한 변경에 대해서는 별도로 확인을 하지 않음으로써 효율적으로 업데이트를 확인할 수 있다.As updates to the data are continuously performed, there may be a version with a lot of updates, and there may be a version with a few updates. By collecting and checking only the updated versions, the user can efficiently check which update process the data is being updated through. That is, the user can efficiently check the update by not separately checking for minor changes.

이하에서는 도 6을 참조하여 둘 이상의 데이터를 비교하는 방법에 관하여 설명한다.Hereinafter, a method of comparing two or more data will be described with reference to FIG. 6 .

사용자 인터페이스는 데이터 비교 레이어(310)를 표시할 수 있다. 프로세서(120)는 버전 트리에 포함된 둘 이상의 버전에 대한 선택 입력을 수신할 수 있다. 프로세서(120)는 선택된 둘 이상의 버전 각각에 대응되는 데이터들을 비교하기 위한 비교 입력을 수신할 수 있다. 프로세서(120)는 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 데이터 비교 레이어(310)에 표시할 수 있다.The user interface may display the data comparison layer 310 . The processor 120 may receive a selection input for two or more versions included in the version tree. The processor 120 may receive a comparison input for comparing data corresponding to each of the two or more selected versions. The processor 120 may compare two or more data corresponding to each of the two or more versions and display it on the data comparison layer 310 .

데이터 비교 레이어(310)는 제 1 버전에 대응되는 제 1 데이터 및 제 2 버전에 대응되는 제 2 데이터를 중첩하여 표시할 수 있다. 예를 들어, 제 1 데이터 및 제 2 데이터가 이미지인 경우, 프로세서(120)는 데이터들의 크기 또는 중심 부분을 일치시켜 제 1 데이터 및 제 2 데이터를 중첩하여 표시할 수 있다. 예를 들어, 프로세서(120)는 제 1 데이터 및 제 2 데이터 각각의 일 부분을 기준으로 하여 데이터들이 중첩되도록 표시할 수 있다. 전술한 데이터들에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The data comparison layer 310 may overlap the first data corresponding to the first version and the second data corresponding to the second version to be displayed. For example, when the first data and the second data are images, the processor 120 may display the first data and the second data to overlap each other by matching sizes or central portions of the data. For example, the processor 120 may display data to overlap each other based on a portion of each of the first data and the second data. The detailed description of the above data is only an example, and the present disclosure is not limited thereto.

데이터 비교 레이어(310)는 축(311)을 기준으로 일 영역은 제 1 데이터를 상위에 표시하여 제 2 데이터가 표시되지 않도록 하고, 그리고 축(311)을 기준으로 다른 일 영역은 제 2 데이터를 상위에 표시하여 제 1 데이터가 표시되지 않도록 할 수 있다. 데이터 비교 레이어(310)는 축(311)을 이동시키기 위한 이동 입력에 대한 응답으로, 제 1 데이터를 상위에 표시하는 일 영역의 크기를 확장하여 표시하고, 그리고 제 2 데이터를 상위에 표시하는 다른 일 영역의 크기를 축소하여 표시할 수 있다. 즉, 사용자는 축(311)을 이동시켜 데이터들을 확인함으로써, 데이터의 어느 부분이 변경되었는지 쉽게 확인할 수 있다. 제 1 데이터를 기준으로, 제 2 데이터가 변경되지 않은 부분 위로 축(311)이 이동하는 경우, 축(311)의 이동에 따라 데이터 비교 레이어(310)에 다르게 표시되는 부분은 없을 수 있다. 반면, 제 1 데이터를 기준으로, 제 2 데이터가 변경된 부분 위로 축(311)이 이동하는 경우, 축(311)의 이동에 따라 데이터 비교 레이어(310)에 변경된 부분이 상이하게 표시될 수 있다. 즉, 축(311)이 이동하면서 달라지는 부분이 생기는 경우, 사용자는 해당 부분에 업데이트가 있었다는 것을 확인할 수 있다. 술한 데이터 비교 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The data comparison layer 310 displays the first data on top of the axis 311 so that the second data is not displayed, and the other region displays the second data on the axis 311. It is possible to prevent the first data from being displayed by displaying it above. In response to a movement input for moving the axis 311 , the data comparison layer 310 expands and displays the size of one region that displays the first data on top, and displays another region that displays the second data on the top. The size of one area may be reduced and displayed. That is, by moving the axis 311 and checking the data, the user can easily check which part of the data has been changed. When the axis 311 moves over a portion in which the second data is not changed based on the first data, there may be no portion displayed differently in the data comparison layer 310 according to the movement of the axis 311 . On the other hand, when the axis 311 moves over the changed portion of the second data based on the first data, the changed portion may be differently displayed on the data comparison layer 310 according to the movement of the axis 311 . That is, when a different part occurs while the axis 311 moves, the user can confirm that there is an update in the corresponding part. The detailed description of the data comparison layer described above is only an example, and the present disclosure is not limited thereto.

도 6(a)의 데이터 비교 레이어(310)의 축(311)의 왼쪽에는 제 1 데이터가 표시되고, 그리고 축(311)의 오른쪽에는 제 2 데이터가 표시될 수 있다. 제 1 데이터와 제 2 데이터는 중첩되어 표시된 것일 수 있다. 도 6(b)은 축(311)을 오른쪽으로 이동시킨 것을 도시한 데이터 비교 레이어(310)다. 축(311)을 오른쪽으로 이동시키면서, 도 6(a)의 왼쪽 눈 부분과 도 6(b)의 왼쪽 눈 부분이 변경된 것을 사용자는 확인할 수 있다. 도 6에 도시된 축(311)은 좌우 방향으로 움직이는 것으로 도시되어 있으나, 본 개시는 이에 제한되지 않으며, 상하 방향, 대각선 방향 등 제한되지 않은 여러 방향으로 움직이는 것을 모두 포함할 수 있다. 전술한 데이터 비교 레이어에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.First data may be displayed on the left side of the axis 311 of the data comparison layer 310 of FIG. 6A , and second data may be displayed on the right side of the axis 311 . The first data and the second data may be displayed overlapping each other. 6( b ) is a data comparison layer 310 showing that the axis 311 is moved to the right. While the axis 311 is moved to the right, the user may check that the left eye part of FIG. 6(a) and the left eye part of FIG. 6(b) are changed. Although the axis 311 illustrated in FIG. 6 is illustrated to move in the left and right direction, the present disclosure is not limited thereto, and may include all movement in various non-limited directions, such as an up-down direction and a diagonal direction. The detailed description of the data comparison layer described above is only an example, and the present disclosure is not limited thereto.

사용자가 데이터들을 병렬적으로 띄워 놓고 변경된 부분을 확인하는 경우, 어느 부분이 변경된 건지 한눈에 확인하기가 어려울 수 있다. 특히, 복잡한 데이터이거나, 또는 변경된 부분의 크기가 작은 경우(즉, 마이너 업데이트), 사용자가 병렬적으로 나란히 표시된 데이터들에서 업데이트된 부분을 확인하기는 더욱 어려울 수 있다. 본 개시의 실시예에 따른 데이터 비교 레이어의 축 이동을 통해 변경된 부분을 확인하는 경우, 사용자는 복잡한 데이터이거나 또는 마이너한 업데이트의 경우에도 쉽게 확인이 가능할 수 있다. If the user puts the data in parallel and checks the changed part, it may be difficult to check which part has been changed at a glance. In particular, if the data is complex or the size of the changed portion is small (ie, minor update), it may be more difficult for the user to check the updated portion from the data displayed side by side in parallel. When checking the changed part through the axis movement of the data comparison layer according to the embodiment of the present disclosure, the user may be able to easily check even in case of complex data or a minor update.

데이터 비교 레이어(310)는 시각화 조정 객체에 관한 조정 입력에 대한 응답으로, 제 1 버전에 대응되는 제 1 데이터 또는 제 2 버전에 대응되는 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시할 수 있다.The data comparison layer 310 adjusts and displays a visualization method for at least one of the first data corresponding to the first version and the second data corresponding to the second version in response to an adjustment input regarding the visualization adjustment object. can

시각화 조정 객체는 데이터의 표시 방식을 조정하기 위한 그래픽 객체일 수 있다.The visualization adjustment object may be a graphic object for adjusting a display method of data.

본 개시의 일 실시예에 따른 시각화 조정 객체는 데이터 비교 레이어(310)에 표시되는 디스플레이 객체일 수 있다. 예를 들어, 시각화 조정 객체는 시각화 조정 정도를 사용자가 숫자로 입력하기 위한 객체일 수 있다. 또는, 시각화 조정 객체는 사용자가 사전 결정된 범위(예를 들어, 0 내지 100) 내의 값을 선택함으로써 시각화 조정 정도를 입력하기 위한 객체일 수 있다. 또는, 시각화 조정 객체는 사전 결정된 값들(예를 들어, +50, 0, -50) 중 하나를 선택함으로써 시각화 조정 정도를 입력하기 위한 객체일 수 있다. 전술한 시각화 조정 객체에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The visualization adjustment object according to an embodiment of the present disclosure may be a display object displayed on the data comparison layer 310 . For example, the visualization adjustment object may be an object for the user to input the degree of visualization adjustment as a number. Alternatively, the visualization adjustment object may be an object for the user to input a degree of visualization adjustment by selecting a value within a predetermined range (eg, 0 to 100). Alternatively, the visualization adjustment object may be an object for inputting a degree of visualization adjustment by selecting one of predetermined values (eg, +50, 0, -50). The detailed description of the above-described visualization adjustment object is only an example, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따른 시각화 조정 객체는 축(311)과 중첩되어 표시되는 디스플레이 객체일 수 있다. 예를 들어, 도 6에 도시된 축(311)과 중첩된 원형 디스플레이 객체가 시각화 조정 객체일 수 있다. 예를 들어, 원형 디스플레이 객체를 좌우로 이동시키면, 제 1 데이터 및 제 2 데이터의 표시 영역의 크기가 변경될 수 있다. 그리고, 원형 디스플레이 객체를 상하로 이동시키면, 제 1 데이터 및 제 2 데이터의 시각화 정도가 조정되어 표시될 수 있다. 전술한 시각화 조정 객체에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The visualization adjustment object according to an embodiment of the present disclosure may be a display object displayed overlapping the axis 311 . For example, the circular display object overlapped with the axis 311 illustrated in FIG. 6 may be a visualization adjustment object. For example, if the circular display object is moved left and right, the sizes of the display areas of the first data and the second data may be changed. In addition, when the circular display object is moved up and down, the degree of visualization of the first data and the second data may be adjusted and displayed. The detailed description of the above-described visualization adjustment object is only an example, and the present disclosure is not limited thereto.

프로세서(120)는 제 1 데이터에 대한 시각화 방식을 조정할 수 있다. 또는, 프로세서(120)는 제 2 데이터에 대한 시각화 방식을 조정할 수 있다. 또는, 프로세서(120)는 제 1 데이터 및 제 2 데이터에 대한 시각화 방식을 조정할 수 있다.The processor 120 may adjust a visualization method for the first data. Alternatively, the processor 120 may adjust a visualization method for the second data. Alternatively, the processor 120 may adjust a visualization method for the first data and the second data.

프로세서(120)는 제 1 데이터 또는 제 2 데이터 중 적어도 하나에 대한 사용자 선택 입력을 수신할 수 있다. 프로세서(120)는 사용자 선택 입력된 데이터에 대한 시각화 방식을 조정할 수 있다. 즉, 사용자는 자신이 시각화 방식을 조정하고자 하는 데이터가 표시된 영역을 클릭하여, 해당 데이터 부분의 시각화 방식이 조정되도록 할 수 있다.The processor 120 may receive a user selection input for at least one of the first data and the second data. The processor 120 may adjust a visualization method for the user-selected input data. That is, the user can adjust the visualization method of the corresponding data part by clicking the area in which the data for which the user wants to adjust the visualization method is displayed.

데이터 표시 방식의 조정은 예를 들어, 데이터 투명도의 조정일 수 있다. 예를 들어, 프로세서(120)는 시각화 조정 객체에 대한 조정 입력에 기초하여 투명도를 조정할 수 있다. 전술한 예시에서, 프로세서(120)는 도 6에 도시된 원형 디스플레이 객체를 위로 올릴수록 투명도를 높게 표시하고, 그리고 원형 디스플레이 객체를 아래로 내릴수록 투명도를 낮게 표시할 수도 있다. 제 1 데이터에 대한 투명도를 높게 표시하는 경우, 제 1 데이터와 제 2 데이터가 일부 중첩되어 사용자에게 보여 질 수 있다. 사용자는 제 1 데이터의 투명도가 높게 표시되기 때문에, 제 1 데이터 및 제 2 데이터 사이에 상이한 부분을 빠르게 확인할 수 있다. 전술한 데이터 표시 방식 조정에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.Adjustment of data display manner may be, for example, adjustment of data transparency. For example, the processor 120 may adjust the transparency based on an adjustment input for the visualization adjustment object. In the above-described example, the processor 120 may display a higher transparency as the circular display object shown in FIG. 6 is raised upward, and may display a lower transparency as the circular display object is lowered. When the transparency of the first data is displayed to be high, the first data and the second data may partially overlap and be shown to the user. Since the first data is displayed with high transparency, the user can quickly identify a different portion between the first data and the second data. The detailed description of the above-described data display method adjustment is merely an example, and the present disclosure is not limited thereto.

데이터 표시 방식의 조정은 예를 들어, 데이터 색 반전 정도, 데이터의 명도, 채도, 밝기 등의 조정일 수 있다. 예를 들어, 사용자는 제 1 버전의 제 1 데이터와, 그 이후의 버전인 제 2 버전의 제 2 데이터를 비교하는 경우, 제 1 데이터가 이전 버전이라는 것을 강조하기 위하여 제 1 데이터는 회색조로 표시하고, 그리고 제 2 데이터는 기본 색조로 표시할 수 있다. 프로세서(120)는 시각화 조정 객체에 따른 조정 정도에 따라 제 1 데이터의 회색조정도를 더 높게 또는 더 낮게 표시할 수 있다. 전술한 데이터 표시 방식 조정에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.Adjustment of the data display method may be, for example, adjustment of data color inversion degree, data brightness, saturation, brightness, and the like. For example, when a user compares first data of a first version with second data of a second version that is a later version, the first data is displayed in grayscale to emphasize that the first data is an older version. , and the second data may be displayed with a basic color tone. The processor 120 may display the gray adjustment degree of the first data higher or lower according to the adjustment degree according to the visualization adjustment object. The detailed description of the above-described data display method adjustment is merely an example, and the present disclosure is not limited thereto.

이하에서는 데이터 비교에 따른 어노테이션 표시 방법에 관하여 도 7을 참조하여 설명한다.Hereinafter, an annotation display method according to data comparison will be described with reference to FIG. 7 .

데이터 비교 레이어(310)는 데이터들 간 변경된 부분에 대한 어노테이션(312)을 표시할 수 있다. 데이터 비교 레이어(310)는 제 1 데이터를 기준으로 제 2 데이터에서 변경된 부분에 어노테이션(312)을 표시할 수 있다.The data comparison layer 310 may display an annotation 312 on a changed portion between data. The data comparison layer 310 may display the annotation 312 on a changed portion of the second data based on the first data.

어노테이션(312)은 데이터와 구별되는 시각적 표현일 수 있다. 도 7은 원형의 어노테이션(312)을 표시하는 것으로 도시되어 있으나, 어노테이션(312)은 다른 방식으로도 표시될 수 있다. 예를 들어, 어노테이션(312)은 해당 위치의 변경의 여부 및 변경의 내용 등을 포함할 수도 있다. 예를 들어, 프로세서(120)는 변경이 많이 된 부분과 변경이 적게 된 부분에 대해 상이한 어노테이션을 표시할 수 있다. 프로세서(120)는 변경이 많이 된 부분(예를 들어, 객체 변경)에 대해서는 진한 색상의 어노테이션 표시를 생성하고, 그리고 변경이 적게 된 부분(예를 들어, 동일 객체에 대한 색상 변경)에 대해서는 연한 색상의 어노테이션 표시를 생성할 수도 있다. 전술한 어노테이션 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.Annotations 312 may be visual representations distinct from data. Although FIG. 7 is illustrated as displaying a circular annotation 312 , the annotation 312 may be displayed in other ways. For example, the annotation 312 may include whether or not the corresponding position is changed and the content of the change. For example, the processor 120 may display different annotations for a portion with a large change and a portion with a small change. The processor 120 generates a dark-colored annotation mark for a heavily changed portion (eg, object change), and a light color for a less-changed portion (eg, a color change for the same object). You can also create annotated representations of colors. The detailed description of the above-described annotation display is only an example, and the present disclosure is not limited thereto.

데이터 비교 레이어(310)는 제 1 데이터 또는 제 2 데이터 중 적어도 하나에 어노테이션(312)을 표시할 수 있다. 예를 들어, 프로세서(120)는 변경된 부분에 대해서 제 1 데이터 또는 제 2 데이터 영역에만 어노테이션 표시를 생성할 수도 있고, 또는 제 1 데이터 및 제 2 데이터 영역 모두에 어노테이션 표시를 생성할 수도 있다. 전술한 어노테이션 표시에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The data comparison layer 310 may indicate the annotation 312 on at least one of the first data and the second data. For example, the processor 120 may generate an annotation mark only in the first data or the second data region for the changed portion, or may generate an annotation mark in both the first data and the second data region. The detailed description of the above-described annotation display is only an example, and the present disclosure is not limited thereto.

프로세서(120)는 어노테이션에 대한 변경 확정 입력에 대한 응답으로, 하나 이상의 어노테이션 중 변경 확정 입력에 대응되는 부분의 변경 내용을 적용한, 새로운 버전의 데이터를 생성할 수 있다. 데이터 비교 레이어(310)에는 둘 이상의 어노테이션이 표시될 수 있다. 프로세서(120)는 데이터 비교 레이어(310)에 표시된 둘 이상의 어노테이션 중 적어도 일부의 어노테이션에 대한 변경 확정 입력을 수신할 수 있다. 프로세서(120)는 변경 확정 입력된 어노테이션에 대응되는 부분의 변경 내용을 적용하고, 그리고 나머지 다른 어노테이션에 대응되는 부분의 변경 내용은 적용하지 않을 수 있다. 프로세서(120)는 변경 확정 입력에 대응되는 부분의 변경 내용을 적용한 데이터를 새로운 버전으로 메모리(130)에 저장할 수 있다. 프로세서(120)는 변경 확정 입력에 기초하여 생성된 새로운 버전을, 제 1 데이터 또는 제 2 데이터의 다음 버전으로 저장할 수 있다. 전술한 어노테이션 변경 확정 입력에 대한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.In response to the change confirmation input for the annotation, the processor 120 may generate a new version of data to which a change content of a portion corresponding to the change confirmation input among one or more annotations is applied. Two or more annotations may be displayed in the data comparison layer 310 . The processor 120 may receive a change confirmation input for at least some of the two or more annotations displayed in the data comparison layer 310 . The processor 120 may apply the change content of the part corresponding to the changed-confirmed input annotation, and may not apply the change content of the part corresponding to the other annotations. The processor 120 may store, in the memory 130 , a new version of data to which the change of the part corresponding to the change confirmation input is applied. The processor 120 may store the new version generated based on the change confirmation input as a next version of the first data or the second data. The detailed description of the above-described annotation change confirmation input is merely an example, and the present disclosure is not limited thereto.

이하에서는 버전 트리를 생성하는 방법에 관하여 설명한다.Hereinafter, a method for generating a version tree will be described.

본 개시의 일 실시예에 따라 버전 트리 레이어(200)는 새로운 데이터 및 새로운 데이터에 대한 버전 입력에 기초하여, 새로운 데이터가 버전 입력에 대응되는 위치에 포함되도록, 버전 트리를 업데이트 하여 표시할 수 있다. 프로세서(120)는 새로운 데이터를 업로드 하기 위한 입력을 수신할 수 있다. 프로세서(120)는 새로운 데이터에 대한 버전 입력을 수신할 수 있다. 버전 입력은 새로운 데이터에 대한 버전 식별 정보를 표시할 수 있다. 예를 들어, 버전 입력은 버전을 식별하기 위한 숫자, 문자 등일 수 있다. 사용자는 새로운 데이터를 소프트웨어에 업로드 하면서, 데이터의 버전 식별 정보를 입력할 수 있다. 프로세서(120)는 버전 식별 정보에 대응되는 위치에 해당 버전의 노드를 새로 형성할 수 있다. 예를 들어, 데이터 파일을 업로드 하면서, '버전 3B'를 입력하는 경우, 프로세서(120)는 버전 3A의 노드와 병렬적으로 버전 3B 노드를 형성할 수 있다. 또는, 데이터 파일을 업로드 하면서 '버전 4'를 입력한, 프로세서(120)는 버전 3A 내지 버전 3C와 상하 관계의 노드를 생성할 수 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.According to an embodiment of the present disclosure, the version tree layer 200 may update and display the version tree so that new data is included in a position corresponding to the version input based on the new data and the version input for the new data. . The processor 120 may receive an input for uploading new data. The processor 120 may receive a version input for new data. The version input may display version identification information for new data. For example, the version input may be a number, letter, or the like for identifying a version. The user can input version identification information of the data while uploading new data to the software. The processor 120 may newly form a node of the corresponding version at a location corresponding to the version identification information. For example, when 'version 3B' is input while uploading a data file, the processor 120 may form a version 3B node in parallel with the version 3A node. Alternatively, the processor 120 having input 'version 4' while uploading the data file may create a node having a vertical relationship with version 3A to version 3C. The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

프로세서(120)는 새로운 버전 입력을 수신하는 경우, 이전 버전에 대응되는 서브 버전들 중에서, 새로운 버전과 유사도가 가장 높은 서브 버전을 메인 트리에 포함되는 버전으로 결정하고, 그리고 새로운 버전을 메인 트리에 포함시킬 수 있다. 예를 들어, 사용자가 데이터 파일을 업로드 하면서 '버전 4'를 입력한 경우, 버전 4 데이터 파일과 서브 버전 3A 내지 3C 데이터 파일들 중, 가장 유사도가 높은 서브 버전을 식별할 수 있다. 프로세서(120)는 버전 4 데이터 파일과 서브 버전 3B의 데이터 파일의 유사도가 가장 높은 것으로 판단할 수 있다. 프로세서(120)는 서브 버전 3A 내지 서브 버전 3C 중 서브 버전 3B를 메인 트리에 포함될 버전으로 결정할 수 있다. 프로세서(120)는 서브 버전 3B와 버전 4를 연결하여 메인 트리를 생성할 수 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.When receiving a new version input, the processor 120 determines, among sub-versions corresponding to the previous version, a sub-version having the highest similarity to the new version as a version included in the main tree, and inserts the new version into the main tree. can be included For example, when the user inputs 'version 4' while uploading the data file, the sub version with the highest similarity among the version 4 data file and the sub version 3A to 3C data files may be identified. The processor 120 may determine that the similarity between the version 4 data file and the sub version 3B data file is the highest. The processor 120 may determine sub version 3B among sub version 3A to sub version 3C as a version to be included in the main tree. The processor 120 may connect the sub version 3B and the version 4 to generate the main tree. The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따라 버전 트리 레이어(200)는 새로운 데이터와 버전 트리에 포함된 버전 또는 서브 버전 중 적어도 하나를 연결하는 연결 입력에 대한 응답으로, 새로운 데이터의 서브 버전이 연결 입력에 대응되는 위치에 포함되도록, 버전 트리를 업데이트 하여 표시할 수 있다. 프로세서(120)는 새로운 데이터를 업로드하기 위한 입력을 수신할 수 있다. 연결 입력은 새로운 데이터에 대응되는 노드와 기존 버전 트리에 포함된 노드를 연결하기 위한 입력일 수 있다. 예를 들어, 새로운 데이터의 노드에 대한 클릭 및 기존 버전 트리에 포함된 노드에 대한 클릭을 각각 식별하여, 프로세서(120)는 각 노드들을 연결하여 버전 트리를 업데이트 할 수 있다. 예를 들어, 사용자가 새로운 데이터에 대응되는 노드를 기존 노드와 가로로 배치되도록 위치시키고, 기존 노드와 새로운 노드에 대해 가로로 연결 입력을 생성하는 경우, 프로세서(120)는 새로운 데이터는 새로운 버전이 아닌, 기존 버전의 서브 버전에 해당하는 것으로 식별할 수 있다. 또는, 세로 방향으로 위치시키는 경우, 기존 버전의 서브 버전이 아닌, 기존 버전의 업데이트 된 다음 버전에 해당하는 것으로 식별할 수 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.According to an embodiment of the present disclosure, the version tree layer 200 responds to a connection input that connects new data and at least one of a version or a sub-version included in the version tree, and a sub-version of the new data corresponds to the connection input. The version tree can be updated and displayed so that it is included in the new location. The processor 120 may receive an input for uploading new data. The connection input may be an input for connecting a node corresponding to new data and a node included in the existing version tree. For example, by identifying a click on a node of new data and a click on a node included in the existing version tree, the processor 120 may update the version tree by connecting the nodes. For example, when the user positions the node corresponding to the new data to be horizontally arranged with the existing node and generates a horizontally connected input for the existing node and the new node, the processor 120 converts the new data into a new version. Instead, it can be identified as corresponding to the sub-version of the existing version. Alternatively, when positioned in the vertical direction, it may be identified as corresponding to the next updated version of the existing version, not the sub version of the existing version. The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

프로세서(120)는 새로운 데이터에 대응되는 노드와 기존 버전 트리에 포함된 노드들의 배치에 기초하여 새로운 데이터의 버전을 결정할 수 있다. 프로세서(120)는 새로운 데이터에 대응되는 노드가 기존 버전 트리에 포함된 노드와 예를 들어, 상하로 배치되는 경우, 새로운 데이터는 새로운 버전으로 결정할 수 있다. 프로세서(120)는 새로운 데이터에 대응되는 노드가 기존 버전 트리에 포함된 노드와 병렬적으로 배치되는 경우, 새로운 데이터는 기존 버전에 포함되는 다른 서브 버전으로 결정할 수 있다. 새로운 데이터에 대응되는 노드가 기존 버전 트리에 포함된 노드의 윗 부분과 가까이 위치하는 경우, 프로세서(120)는 새로운 데이터를 기존 버전 트리의 노드에 대한 다음 버전으로 식별할 수 있다. 새로운 데이터에 대응되는 노드가 기존 버전 트리에 포함된 노드의 오른쪽 또는 왼쪽 부분과 가까이 위치하는 경우, 프로세서(120)는 새로운 데이터를 기존 버전 트리의 동일 버전에 포함된 서브 버전에 대한 또 다른 서브 버전으로 식별할 수 있다. 전술한 버전 트리에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The processor 120 may determine a version of the new data based on a node corresponding to the new data and an arrangement of nodes included in the existing version tree. When a node corresponding to the new data is disposed above and below a node included in the existing version tree, for example, the processor 120 may determine the new data as a new version. When a node corresponding to the new data is disposed in parallel with a node included in the existing version tree, the processor 120 may determine the new data as a different sub-version included in the existing version. When the node corresponding to the new data is located close to the upper part of the node included in the existing version tree, the processor 120 may identify the new data as the next version of the node of the existing version tree. When the node corresponding to the new data is located close to the right or left part of the node included in the existing version tree, the processor 120 converts the new data into another sub-version of the sub-version included in the same version of the existing version tree. can be identified as The detailed description of the above-described version tree is only an example, and the present disclosure is not limited thereto.

이하에서는 데이터에 대한 코멘트 표시에 관하여 도 8을 참조하여 설명한다.Hereinafter, the display of comments on data will be described with reference to FIG. 8 .

버전 트리 레이어(200)는 하나 이상의 버전 중 적어도 일부의 버전에 코멘트 객체를 표시할 수 있다. 사용자들은 데이터에 대해서 코멘트를 달 수 있다. 프로세서(120)는 사용자 입력된 코멘트와 데이터를 매칭시켜 저장할 수 있다. 프로세서(120)는 데이터에 매칭된 코멘트가 있을 경우, 버전 트리의 해당 노드에 코멘트 객체를 표시할 수 있다. 도 8에는 코멘트 객체가 버전 트리의 노드에 작은 원형으로 표시되어 있으나, 이는 예시일 뿐이며 다른 다양한 방식의 시각적 표현을 포함할 수 있다.The version tree layer 200 may display a comment object in at least some versions of one or more versions. Users can comment on the data. The processor 120 may match and store the user input comment and data. When there is a comment matched to the data, the processor 120 may display a comment object in a corresponding node of the version tree. In FIG. 8 , the comment object is displayed as a small circle at a node of the version tree, but this is only an example and may include various other visual representations.

사용자 인터페이스는 코멘트 표시 레이어(400)를 표시할 수 있다. 코멘트 표시 레이어(400)는 코멘트들을 보기 위한 코멘트 보기 입력에 대한 응답으로, 버전 트리에 포함된 코멘트들을 표시할 수 있다. 즉, 코멘트 표시 레이어는 복수의 버전들에 대응되는 코멘트들을 한꺼번에 모아서 표시할 수 있다. 프로세서(120)는 시간 순서 대로 코멘트를 표시할 수 있다. 프로세서(120)는 버전 트리에 표시된 코멘트 객체와 대응되는 시각적 표현을 코멘트 표시 레이어(400)의 코멘트에 표시할 수 있다. 예를 들어, 버전 1에 코멘트 객체를 빨간색으로 표시하고, 그리고 코멘트 표시 레이어(400)의 코멘트에 빨간색 객체를 표시할 수 있다. 전술한 코멘트에 관한 구체적인 기재는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The user interface may display the comment display layer 400 . The comment display layer 400 may display comments included in the version tree in response to a comment view input for viewing comments. That is, the comment display layer may collect and display comments corresponding to a plurality of versions at once. The processor 120 may display the comments in chronological order. The processor 120 may display a visual expression corresponding to the comment object displayed in the version tree in the comment of the comment display layer 400 . For example, a comment object may be displayed in red in version 1, and a red object may be displayed in a comment of the comment display layer 400 . Specific description of the above comment is only an example, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따른 데이터 표시 방법을 이용하는 경우 사용자들의 업무 편의성이 향상될 수 있다. 사용자들은 하나의 작업물에 대해서 복수의 버전들을 생성하고, 해당 버전들을 업데이트 시키는 경우가 많다. 본 방법에 따라, 사용자들은 복수의 버전에 대응되는 데이터들을 효과적으로 관리할 수 있다. 또한, 복수의 버전에 대응되는 데이터들을 효과적으로 비교할 수 있다.When the data display method according to an embodiment of the present disclosure is used, user convenience may be improved. Users often create multiple versions of one work and update the versions. According to this method, users can effectively manage data corresponding to a plurality of versions. In addition, data corresponding to a plurality of versions can be effectively compared.

네트워크부(110)는 본 개시의 일 실시예에 따른 데이터 표시 방법을 제공하기 위한 데이터 등을 다른 컴퓨팅 장치, 서버 등과 송수신할 수 있다. 네트워크부(110)는 데이터, 버전, 코멘트 등 본 개시의 실시예에 필요한 데이터들을 다른 컴퓨팅 장치, 서버 등과 송수신할 수 있다. 예를 들어, 네트워크부(110)는 데이터베이스 등에서 버전에 대응되는 데이터, 코멘트 등을 수신할 수 있다.The network unit 110 may transmit/receive data, etc. for providing the data display method according to an embodiment of the present disclosure, to other computing devices, servers, and the like. The network unit 110 may transmit/receive data necessary for an embodiment of the present disclosure, such as data, a version, and a comment, to another computing device, a server, and the like. For example, the network unit 110 may receive data, comments, etc. corresponding to a version in a database or the like.

본 개시의 일 실시예에 따른 네트워크부(110)는 제한되지 않는, 다양한 유선 또는 무선 통신 시스템들을 사용할 수 있다. 본 개시에서 네트워크부(110)는 유선 및 무선 등과 같은 그 통신 양태를 가리지 않고 구성될 수 있다.The network unit 110 according to an embodiment of the present disclosure is not limited and may use various wired or wireless communication systems. In the present disclosure, the network unit 110 may be configured regardless of its communication mode, such as wired and wireless.

프로세서(120)는 하나 이상의 코어로 구성될 수 있으며, 컴퓨팅 장치의 중앙 처리 장치(CPU: central processing unit), 범용 그래픽 처리 장치(GPGPU: general purpose graphics processing unit), 텐서 처리 장치(TPU: tensor processing unit) 등의 데이터 표시를 위한 프로세서를 포함할 수 있다. 프로세서(120)는 메모리(130)에 저장된 컴퓨터 프로그램을 판독하여 본 개시의 일 실시예에 따른 데이터 표시 인터페이스를 제공할 수 있다. 또한, 본 개시의 일 실시예에 따른 컴퓨팅 장치에서 수행되는 컴퓨터 프로그램은 CPU, GPGPU 또는 TPU 실행가능 프로그램일 수 있다.The processor 120 may include one or more cores, and a central processing unit (CPU) of a computing device, a general purpose graphics processing unit (GPGPU), and a tensor processing unit (TPU). unit) and the like, and may include a processor for data display. The processor 120 may read a computer program stored in the memory 130 to provide a data display interface according to an embodiment of the present disclosure. In addition, the computer program executed in the computing device according to an embodiment of the present disclosure may be a CPU, GPGPU, or TPU executable program.

본 개시의 일 실시예에 따르면, 메모리(130)는 프로세서(120)가 생성하거나 결정한 임의의 형태의 정보 및 네트워크부(110)가 수신한 임의의 형태의 정보를 저장할 수 있다.According to an embodiment of the present disclosure, the memory 130 may store any type of information generated or determined by the processor 120 and any type of information received by the network unit 110 .

본 개시의 일 실시예에 따르면, 메모리(130)는 플래시 메모리 타입(flash memory type), 하드디스크 타입(hard disk type), 멀티미디어 카드 마이크로 타입(multimedia card micro type), 카드 타입의 메모리(예를 들어 SD 또는 XD 메모리 등), 램(Random Access Memory, RAM), SRAM(Static Random Access Memory), 롬(Read-Only Memory, ROM), EEPROM(Electrically Erasable Programmable Read-Only Memory), PROM(Programmable Read-Only Memory), 자기 메모리, 자기 디스크, 광디스크 중 적어도 하나의 타입의 저장매체를 포함할 수 있다. 컴퓨팅 장치(100)는 인터넷(internet) 상에서 메모리(130)의 저장 기능을 수행하는 웹 스토리지(web storage)와 관련되어 동작할 수도 있다. 전술한 메모리에 대한 기재는 예시일 뿐, 본 개시는 이에 제한되지 않는다.According to an embodiment of the present disclosure, the memory 130 is a flash memory type, a hard disk type, a multimedia card micro type, or a card type memory (eg, SD or XD memory, etc.), Random Access Memory (RAM), Static Random Access Memory (SRAM), Read-Only Memory (ROM), Electrically Erasable Programmable Read-Only Memory (EEPROM), Programmable Read (PROM) -Only Memory), a magnetic memory, a magnetic disk, and an optical disk may include at least one type of storage medium. The computing device 100 may operate in relation to a web storage that performs a storage function of the memory 130 on the Internet. The description of the above-described memory is only an example, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따른 출력부(140)는 버전 트리 및 데이터를 표시하기 위한 임의의 사용자 인터페이스(UI, user interface)를 표시할 수 있다. 출력부(140)는 도 2 내지 도 8에 도시된 바와 같은 사용자 인터페이스를 표시할 수 있다. 이하에서 도시되고 그리고 후술되는 사용자 인터페이스들은 예시일 뿐, 본 개시는 이에 제한되지 않는다.The output unit 140 according to an embodiment of the present disclosure may display an arbitrary user interface (UI) for displaying the version tree and data. The output unit 140 may display a user interface as shown in FIGS. 2 to 8 . The user interfaces shown and described below are examples only, and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따른 출력부(140)는 프로세서(120)가 생성하거나 결정한 임의의 형태의 정보 및 네트워크부(110)가 수신한 임의의 형태의 정보를 출력할 수 있다.The output unit 140 according to an embodiment of the present disclosure may output any type of information generated or determined by the processor 120 and any type of information received by the network unit 110 .

본 개시의 일 실시예에서 출력부(140)는 액정 디스플레이(liquid crystal display, LCD), 박막 트랜지스터 액정 디스플레이(thin film transistorliquid crystal display, TFT LCD), 유기 발광 다이오드(organic light-emitting diode, OLED), 플렉시블 디스플레이(flexible display), 3차원 디스플레이(3D display) 중에서 적어도 하나를 포함할 수 있다. 이들 중 일부 디스플레이 모듈은 그를 통해 외부를 볼 수 있도록 투명형 또는 광투과형으로 구성될 수 있다. 이는 투명 디스플레이 모듈이라 지칭될 수 있는데, 상기 투명 디스플레이 모듈의 대표적인 예로는 TOLED(Transparant OLED) 등이 있다.In an embodiment of the present disclosure, the output unit 140 is a liquid crystal display (LCD), a thin film transistor liquid crystal display (TFT LCD), an organic light-emitting diode (OLED) , a flexible display, and a three-dimensional display (3D display) may include at least one. Some of these display modules may be configured as a transparent type or a light transmitting type so that the outside can be viewed through them. This may be referred to as a transparent display module, and a typical example of the transparent display module is a TOLED (Transparant OLED).

본 개시의 일 실시예에 따른 입력부(150)를 통해 사용자 입력을 수신할 수 있다. 본 개시의 일 실시예에 따른 입력부(150)는 사용자 입력을 수신 받기 위한 키 및/또는 버튼들을 구비할 수 있다. 입력부(150)를 통한 사용자 입력에 따라 본 개시의 실시예들에 따른 데이터 표시 방법을 제공하기 위한 컴퓨터 프로그램이 실행될 수 있다.A user input may be received through the input unit 150 according to an embodiment of the present disclosure. The input unit 150 according to an embodiment of the present disclosure may include a key and/or buttons for receiving a user input. According to a user input through the input unit 150, a computer program for providing the data display method according to embodiments of the present disclosure may be executed.

본 개시의 실시예들에 따른 입력부(150)는 사용자의 버튼 조작 또는 터치 입력을 감지하여 신호를 수신하거나, 카메라 또는 마이크로폰을 통하여 사용자 등의 음성 또는 동작을 수신하여 이를 입력 신호로 변환할 수도 있다. 이를 위해 음성 인식(Speech Recognition) 기술 또는 동작 인식(Motion Recognition) 기술들이 사용될 수 있다.The input unit 150 according to embodiments of the present disclosure may receive a signal by sensing a user's button manipulation or a touch input, or may receive a user's voice or motion through a camera or microphone and convert it into an input signal. . For this purpose, speech recognition technology or motion recognition technology may be used.

본 개시의 실시예들에 따른 입력부(150)는 컴퓨팅 장치(100)와 연결된 외부 입력 장비로서 구현될 수도 있다. 예를 들어, 입력 장비는 사용자 입력을 수신하기 위한 터치 패드, 터치 펜, 키보드 또는 마우스 중 적어도 하나일 수 있으나, 이는 예시일 뿐이며 본 개시는 이에 제한되는 것은 아니다.The input unit 150 according to embodiments of the present disclosure may be implemented as an external input device connected to the computing device 100 . For example, the input device may be at least one of a touch pad, a touch pen, a keyboard, or a mouse for receiving a user input, but this is only an example and the present disclosure is not limited thereto.

본 개시의 일 실시예에 따른 입력부(150)는 사용자 터치 입력을 인식할 수 있다. 본 개시의 일 실시예에 따른 입력부(150)는 출력부(140)와 동일한 구성일 수도 있다. 입력부(150)는 사용자의 선택 입력을 수신하도록 구현되는 터치 스크린으로 구성될 수 있다. 터치 스크린은 접촉식 정전용량 방식, 적외선 광 감지 방식, 표면 초음파(SAW) 방식, 압전 방식, 저항막 방식 중 어느 하나의 방식이 사용될 수 있다. 전술한 터치 스크린에 대한 자세한 기재는 본 발명의 일 실시예에 따른 예시일 뿐이며, 다양한 터치 스크린 패널이 컴퓨팅 장치(100)에 채용될 수 있다. 터치 스크린으로 구성된 입력부(150)는 터치 센서를 포함할 수 있다. 터치 센서는 입력부(150)의 특정 부위에 가해진 압력 또는 입력부(150)의 특정 부위에 발생하는 정전 용량 등의 변화를 전기적인 입력신호로 변환하도록 구성될 수 있다. 터치 센서는 터치 되는 위치 및 면적 뿐만 아니라, 터치 시의 압력까지도 검출할 수 있도록 구성될 수 있다. 터치 센서에 대한 터치 입력이 있는 경우, 그에 대응하는 신호(들)는 터치 제어기로 보내진다. 터치 제어기는 그 신호(들)를 처리한 다음 대응하는 데이터를 프로세서(120)로 전송한다. 이로써, 프로세서(120)는 입력부(150)의 어느 영역이 터치 되었는지 여부 등을 인식할 수 있게 된다The input unit 150 according to an embodiment of the present disclosure may recognize a user touch input. The input unit 150 according to an embodiment of the present disclosure may have the same configuration as the output unit 140 . The input unit 150 may be configured as a touch screen configured to receive a user's selection input. For the touch screen, any one of a contact capacitive method, an infrared light sensing method, a surface ultrasonic wave (SAW) method, a piezoelectric method, and a resistive film method may be used. The detailed description of the above-described touch screen is merely an example according to an embodiment of the present invention, and various touch screen panels may be employed in the computing device 100 . The input unit 150 configured as a touch screen may include a touch sensor. The touch sensor may be configured to convert a change in pressure applied to a specific portion of the input unit 150 or capacitance generated in a specific portion of the input unit 150 into an electrical input signal. The touch sensor may be configured to detect not only the touched position and area, but also the pressure at the time of the touch. When there is a touch input to the touch sensor, a signal(s) corresponding thereto is sent to the touch controller. The touch controller processes the signal(s) and then sends the corresponding data to the processor 120 . Accordingly, the processor 120 can recognize which area of the input unit 150 has been touched, and the like.

본 개시의 일 실시예에서 서버는 서버의 서버 환경을 수행하기 위한 다른 구성들이 포함될 수도 있다. 서버는 임의의 형태의 장치는 모두 포함할 수 있다. 서버는 디지털 기기로서, 랩탑 컴퓨터, 노트북 컴퓨터, 데스크톱 컴퓨터, 웹 패드, 이동 전화기와 같이 프로세서를 탑재하고 메모리를 구비한 연산 능력을 갖춘 디지털 기기일 수 있다.In an embodiment of the present disclosure, the server may include other configurations for performing a server environment of the server. The server may include any type of device. The server is a digital device, and may be a digital device equipped with a processor, such as a laptop computer, a notebook computer, a desktop computer, a web pad, and a mobile phone, and having a computing capability with a memory.

본 개시의 일 실시예에 따른 버전 트리 및 데이터를 표시하는 사용자 인터페이스를 사용자 단말로 제공하기 위한 동작을 수행하는 서버(미도시)는 네트워크부, 프로세서 및 메모리를 포함할 수 있다.A server (not shown) that performs an operation for providing a user interface displaying a version tree and data according to an embodiment of the present disclosure to a user terminal may include a network unit, a processor, and a memory.

서버는 본 개시의 실시예들에 따른 사용자 인터페이스를 생성할 수 있다. 서버는 클라이언트(예를 들어, 사용자 단말)에게 네트워크를 통해 정보를 제공하는 컴퓨팅 시스템일 수 있다. 서버는 생성한 사용자 인터페이스를 사용자 단말로 전송할 수 있다. 이러한 경우, 사용자 단말은 서버에 액세스할 수 있는 임의의 형태의 컴퓨팅 장치(100)일 수 있다. 서버의 프로세서는 네트워크부를 통해 사용자 단말로 사용자 인터페이스를 전송할 수 있다. 본 개시의 실시예들에 따른 서버는 예를 들어, 클라우드 서버일 수 있다. 서버는 서비스를 처리하는 웹 서버일 수 있다. 전술한 서버의 종류는 예시일 뿐이며 본 개시는 이에 제한되지 않는다.The server may generate a user interface according to embodiments of the present disclosure. The server may be a computing system that provides information to a client (eg, a user terminal) through a network. The server may transmit the generated user interface to the user terminal. In this case, the user terminal may be any type of computing device 100 that can access the server. The processor of the server may transmit the user interface to the user terminal through the network unit. The server according to embodiments of the present disclosure may be, for example, a cloud server. The server may be a web server that processes the service. The above-described types of servers are merely examples, and the present disclosure is not limited thereto.

본 개시의 실시예들에 따른 서버에 포함된 네트워크부, 프로세서 및 메모리 각각은, 전술한 컴퓨팅 장치(100)에 포함된 네트워크부(110), 프로세서(120) 및 메모리(130)와 동일한 역할을 수행하거나 또는 동일하게 구성될 수 있다.Each of the network unit, the processor, and the memory included in the server according to the embodiments of the present disclosure performs the same role as the network unit 110 , the processor 120 and the memory 130 included in the above-described computing device 100 . or may be configured in the same way.

도 9는 본 개시의 일 실시예에 따라 데이터 표시 방법을 제공하기 위한 순서도이다.9 is a flowchart for providing a data display method according to an embodiment of the present disclosure.

컴퓨팅 장치(100)는 버전 트리 레이어에 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시(510)할 수 있다. 메인 트리에 포함된 둘 이상의 버전은 선후 관계를 가질 수 있다. 서브 트리에 포함된 둘 이상의 서브 버전은 병렬 관계를 가질 수 있다. 메인 트리에 포함된 버전은 서브 트리에 포함된 하나 이상의 서브 버전 중 선택된 서브 버전일 수 있다. 컴퓨팅 장치(100)는 버전 트리 레이어에 이전 버전의 데이터와 비교했을 때, 임계 값 이상의 변경이 있는 데이터의 버전에 메이저 업데이트를 표시할 수 있다.The computing device 100 may display 510 a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions in the version tree layer. Two or more versions included in the main tree may have a precedence relationship. Two or more sub-versions included in a sub-tree may have a parallel relationship. The version included in the main tree may be a sub-version selected from one or more sub-versions included in the sub-tree. The computing device 100 may display a major update in the version of the data having a change greater than or equal to a threshold value when compared with the previous version of the data in the version tree layer.

컴퓨팅 장치(100)는 데이터 표시 레이어에 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 선택 입력된 서브 버전에 대응되는 데이터를 표시(520)할 수 있다.The computing device 100 may display 520 data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree on the data display layer.

컴퓨팅 장치(100)는 버전 트리 레이어에 버전 트리를 간략화 하여 보기 위한 간단 보기 입력에 대한 응답으로, 메인 트리에 대응되는 버전들 만을 표시할 수 있다.The computing device 100 may display only versions corresponding to the main tree in response to a simple view input for viewing the version tree in a simplified version tree layer.

컴퓨팅 장치(100)는 메이저 업데이트에 대응되는 버전들을 간략화 하여 보기 위한 메이저 업데이트 보기 입력에 대한 응답으로, 메이저 업데이트가 아닌 버전들을 제외하고, 그리고 메이저 업데이트에 대응되는 버전들 만을 표시할 수 있다.The computing device 100 may display only the versions corresponding to the major update and excluding versions that are not major updates in response to the major update view input for simplified viewing of versions corresponding to the major update.

컴퓨팅 장치(100)는 데이터 비교 레이어에 둘 이상의 데이터를 비교하기 위한, 버전 트리에 포함된 둘 이상의 버전에 대한 비교 입력에 대한 응답으로, 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 표시할 수 있다. 컴퓨팅 장치(100)는 데이터 비교 레이어에 제 1 버전에 대응되는 제 1 데이터 및 제 2 버전에 대응되는 제 2 데이터를 중첩하여 표시하고, 축을 기준으로 일 영역은 제 1 데이터를 상위에 표시하여 상기 제 2 데이터가 표시되지 않도록 하고, 그리고 축을 기준으로 다른 일 영역은 상기 제 2 데이터를 상위에 표시하여 제 1 데이터가 표시되지 않도록 하고, 그리고 축을 이동시키기 위한 이동 입력에 대한 응답으로, 제 1 데이터를 상위에 표시하는 일 영역의 크기를 확장하여 표시하고, 그리고 제 2 데이터를 상위에 표시하는 다른 일 영역의 크기를 축소하여 표시할 수 있다. 컴퓨팅 장치(100)는 데이터 비교 레이어에 시각화 조정 객체에 관한 조정 입력에 대한 응답으로, 제 1 버전에 대응되는 제 1 데이터 또는 제 2 버전에 대응되는 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시할 수 있다. 컴퓨팅 장치(100)는 데이터 비교 레이어에 축에 표시된 시각화 조정 객체에 관한, 이동 입력과 상이한 방향의 조정 입력에 대한 응답으로, 제 1 데이터 또는 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시할 수 있다. 컴퓨팅 장치(100)는 데이터 비교 레이어에 데이터들 간 변경된 부분에 대한 어노테이션을 표시할 수 있다. 컴퓨팅 장치(100)는 어노테이션에 대한 변경 확정 입력에 대한 응답으로, 하나 이상의 어노테이션 중 변경 확정 입력에 대응되는 부분의 변경 내용을 적용한, 새로운 버전의 데이터를 생성할 수 있다.The computing device 100 compares and displays two or more data corresponding to each of the two or more versions in response to a comparison input for two or more versions included in the version tree for comparing two or more data in the data comparison layer. can The computing device 100 superimposes the first data corresponding to the first version and the second data corresponding to the second version in the data comparison layer, and displays the first data on the top of one region based on the axis. The second data is not displayed, and one area other with respect to the axis displays the second data on top so that the first data is not displayed, and in response to a movement input for moving the axis, the first data may be displayed by expanding the size of one region displaying the . The computing device 100 adjusts a visualization method for at least one of the first data corresponding to the first version and the second data corresponding to the second version in response to an adjustment input regarding the visualization adjustment object to the data comparison layer can be displayed. The computing device 100 adjusts and displays a visualization method for at least one of the first data or the second data in response to an adjustment input in a direction different from a movement input with respect to the visualization adjustment object displayed on the axis in the data comparison layer can do. The computing device 100 may display an annotation on a changed portion between data in the data comparison layer. In response to the change confirmation input for the annotation, the computing device 100 may generate a new version of data to which a change content of a portion corresponding to the change confirmation input among one or more annotations is applied.

컴퓨팅 장치(100)는 버전 트리 레이어에 새로운 데이터 및 새로운 데이터에 대한 버전 입력에 기초하여, 새로운 데이터가 상기 버전 입력에 대응되는 위치에 포함되도록, 버전 트리를 업데이트 하여 표시할 수 있다.The computing device 100 may update and display the version tree so that new data is included in a position corresponding to the version input based on the new data and the version input for the new data in the version tree layer.

컴퓨팅 장치(100)는 버전 트리 레이어에 새로운 데이터와 버전 트리에 포함된 버전 또는 서브 버전 중 적어도 하나를 연결하는 연결 입력에 대한 응답으로, 새로운 데이터의 서브 버전이 연결 입력에 대응되는 위치에 포함되도록, 버전 트리를 업데이트 하여 표시할 수 있다.The computing device 100 responds to a connection input that connects new data to the version tree layer and at least one of a version or a sub-version included in the version tree, so that a sub-version of the new data is included in a position corresponding to the connection input. , can be displayed by updating the version tree.

컴퓨팅 장치(100)는 버전 트리 레이어에 하나 이상의 버전 중 적어도 일부의 버전에 코멘트 객체를 표시할 수 있다. 컴퓨팅 장치(100)는 코멘트 표시 레이어에 코멘트들을 보기 위한 코멘트 보기 입력에 대한 응답으로, 버전 트리에 포함된 코멘트들을 표시할 수 있다.The computing device 100 may display a comment object on at least a partial version of one or more versions in a version tree layer. The computing device 100 may display comments included in the version tree in response to a comment view input for viewing comments in the comment display layer.

본 개시의 데이터 표시 방법은 데이터 표시 방법을 구현하기 위한 로직, 모듈, 회로 또는 수단에 의해 구현될 수 있다.The data display method of the present disclosure may be implemented by logic, module, circuit or means for implementing the data display method.

도 10은 본 개시의 일 실시예에 따른 컴퓨팅 장치의 블록 구성도이다.10 is a block diagram of a computing device according to an embodiment of the present disclosure.

본 개시가 일반적으로 하나 이상의 컴퓨터 상에서 실행될 수 있는 컴퓨터 실행가능 명령어와 관련하여 전술되었지만, 당업자라면 본 개시가 기타 프로그램 모듈들과 결합되어 및/또는 하드웨어와 소프트웨어의 조합으로써 구현될 수 있다는 것을 잘 알 것이다.Although the present disclosure has been described above generally in the context of computer-executable instructions that may be executed on one or more computers, those skilled in the art will appreciate that the present disclosure may be implemented in combination with other program modules and/or as a combination of hardware and software. will be.

일반적으로, 프로그램 모듈은 특정의 태스크를 수행하거나 특정의 추상 데이터 유형을 구현하는 루틴, 프로그램, 컴포넌트, 데이터 구조, 기타 등등을 포함한다. 또한, 당업자라면 본 개시의 방법이 단일-프로세서 또는 멀티프로세서 컴퓨터 시스템, 미니컴퓨터, 메인프레임 컴퓨터는 물론 퍼스널 컴퓨터, 핸드 헬드 컴퓨팅 장치, 마이크로프로세서-기반 또는 프로그램가능 가전 제품, 기타 등등(이들 각각은 하나 이상의 연관된 장치와 연결되어 동작할 수 있음)을 비롯한 다른 컴퓨터 시스템 구성으로 실시될 수 있다는 것을 잘 알 것이다.Generally, program modules include routines, programs, components, data structures, etc. that perform particular tasks or implement particular abstract data types. In addition, those skilled in the art will appreciate that the methods of the present disclosure are suitable for single-processor or multiprocessor computer systems, minicomputers, mainframe computers as well as personal computers, hand held computing devices, microprocessor-based or programmable consumer electronics, etc. (each of which is It will be appreciated that other computer system configurations may be implemented, including those that may operate in connection with one or more associated devices.

본 개시의 설명된 실시예들은 또한 어떤 태스크들이 통신 네트워크를 통해 연결되어 있는 원격 처리 장치들에 의해 수행되는 분산 컴퓨팅 환경에서 실시될 수 있다. 분산 컴퓨팅 환경에서, 프로그램 모듈은 로컬 및 원격 메모리 저장 장치 둘 다에 위치할 수 있다.The described embodiments of the present disclosure may also be practiced in distributed computing environments where certain tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote memory storage devices.

컴퓨터는 통상적으로 다양한 컴퓨터 판독가능 매체를 포함한다. 컴퓨터에 의해 액세스 가능한 매체는 그 어떤 것이든지 컴퓨터 판독가능 매체가 될 수 있다. 컴퓨터 판독가능 매체는 휘발성 및 비휘발성 매체, 일시적(transitory) 및 비일시적(non-transitory) 매체, 이동식 및 비-이동식 매체를 포함한다. 제한이 아닌 예로서, 컴퓨터 판독가능 매체는 컴퓨터 판독가능 저장 매체 및 컴퓨터 판독가능 전송 매체를 포함할 수 있다. 컴퓨터 판독가능 저장 매체는 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터와 같은 정보를 저장하는 임의의 방법 또는 기술로 구현되는 휘발성 및 비휘발성 매체, 일시적 및 비-일시적 매체, 이동식 및 비이동식 매체를 포함한다. 컴퓨터 저장 매체는 RAM, ROM, EEPROM, 플래시 메모리 또는 기타 메모리 기술, CD-ROM, DVD(digital video disk) 또는 기타 광 디스크 저장 장치, 자기 카세트, 자기 테이프, 자기 디스크 저장 장치 또는 기타 자기 저장 장치, 또는 컴퓨터에 의해 액세스될 수 있고 원하는 정보를 저장하는 데 사용될 수 있는 임의의 기타 매체를 포함하지만, 이에 한정되지 않는다.Computers typically include a variety of computer-readable media. Any medium accessible by a computer may be a computer-readable medium. Computer-readable media includes volatile and non-volatile media, transitory and non-transitory media, removable and non-removable media. By way of example, and not limitation, computer-readable media may include computer-readable storage media and computer-readable transmission media. Computer-readable storage media includes volatile and non-volatile media, transitory and non-transitory media, removable and non-removable media implemented in any method or technology for storage of information such as computer readable instructions, data structures, program modules or other data. includes media. Computer storage media may include RAM, ROM, EEPROM, flash memory or other memory technology, CD-ROM, digital video disk (DVD) or other optical disk storage device, magnetic cassette, magnetic tape, magnetic disk storage device or other magnetic storage device; or any other medium that can be accessed by a computer and used to store the desired information.

컴퓨터 판독가능 전송 매체는 통상적으로 기타 전송 메커니즘(transport mechanism)과 같은 피변조 데이터 신호(modulated data signal)에 컴퓨터 판독가능 명령어, 데이터 구조, 프로그램 모듈 또는 기타 데이터 등을 구현하고 모든 정보 전달 매체를 포함한다. 피변조 데이터 신호라는 용어는 신호 내에 정보를 인코딩하도록 그 신호의 특성들 중 하나 이상을 설정 또는 변경시킨 신호를 의미한다. 제한이 아닌 예로서, 컴퓨터 판독가능 전송 매체는 유선 네트워크 또는 직접 배선 접속(direct-wired connection)과 같은 유선 매체, 그리고 음향, RF, 적외선, 기타 무선 매체와 같은 무선 매체를 포함한다. 상술된 매체들 중 임의의 것의 조합도 역시 컴퓨터 판독가능 전송 매체의 범위 안에 포함되는 것으로 한다.Computer-readable transmission media typically embodies computer-readable instructions, data structures, program modules, or other data in a modulated data signal such as other transport mechanisms, and includes all information delivery media. do. The term modulated data signal means a signal in which one or more of the characteristics of the signal is set or changed so as to encode information in the signal. By way of example, and not limitation, computer-readable transmission media includes wired media such as a wired network or direct-wired connection, and wireless media such as acoustic, RF, infrared, and other wireless media. Combinations of any of the above are also intended to be included within the scope of computer-readable transmission media.

컴퓨터(1102)를 포함하는 본 개시의 여러가지 측면들을 구현하는 예시적인 환경(1100)이 나타내어져 있으며, 컴퓨터(1102)는 처리 장치(1104), 시스템 메모리(1106) 및 시스템 버스(1108)를 포함한다. 시스템 버스(1108)는 시스템 메모리(1106)(이에 한정되지 않음)를 비롯한 시스템 컴포넌트들을 처리 장치(1104)에 연결시킨다. 처리 장치(1104)는 다양한 상용 프로세서들 중 임의의 프로세서일 수 있다. 듀얼 프로세서 및 기타 멀티프로세서 아키텍처도 역시 처리 장치(1104)로서 이용될 수 있다.An example environment 1100 implementing various aspects of the disclosure is shown including a computer 1102 , the computer 1102 including a processing unit 1104 , a system memory 1106 , and a system bus 1108 . do. The system bus 1108 couples system components, including but not limited to system memory 1106 , to the processing device 1104 . The processing device 1104 may be any of a variety of commercially available processors. Dual processor and other multiprocessor architectures may also be used as processing unit 1104 .

시스템 버스(1108)는 메모리 버스, 주변장치 버스, 및 다양한 상용 버스 아키텍처 중 임의의 것을 사용하는 로컬 버스에 추가적으로 상호 연결될 수 있는 몇 가지 유형의 버스 구조 중 임의의 것일 수 있다. 시스템 메모리(1106)는 판독 전용 메모리(ROM)(1110) 및 랜덤 액세스 메모리(RAM)(1112)를 포함한다. 기본 입/출력 시스템(BIOS)은 ROM, EPROM, EEPROM 등의 비휘발성 메모리(1110)에 저장되며, 이 BIOS는 시동 중과 같은 때에 컴퓨터(1102) 내의 구성요소들 간에 정보를 전송하는 일을 돕는 기본적인 루틴을 포함한다. RAM(1112)은 또한 데이터를 캐싱하기 위한 정적 RAM 등의 고속 RAM을 포함할 수 있다.The system bus 1108 may be any of several types of bus structures that may further be interconnected to a memory bus, a peripheral bus, and a local bus using any of a variety of commercial bus architectures. System memory 1106 includes read only memory (ROM) 1110 and random access memory (RAM) 1112 . A basic input/output system (BIOS) is stored in non-volatile memory 1110, such as ROM, EPROM, EEPROM, etc., which is the basic input/output system (BIOS) that helps transfer information between components within computer 1102, such as during startup. contains routines. RAM 1112 may also include high-speed RAM, such as static RAM, for caching data.

컴퓨터(1102)는 또한 내장형 하드 디스크 드라이브(HDD)(1114)(예를 들어, EIDE, SATA)-이 내장형 하드 디스크 드라이브(1114)는 또한 적당한 섀시(도시 생략) 내에서 외장형 용도로 구성될 수 있음-, 자기 플로피 디스크 드라이브(FDD)(1116)(예를 들어, 이동식 디스켓(1118)으로부터 판독을 하거나 그에 기록을 하기 위한 것임), 및 광 디스크 드라이브(1120)(예를 들어, CD-ROM 디스크(1122)를 판독하거나 DVD 등의 기타 고용량 광 매체로부터 판독을 하거나 그에 기록을 하기 위한 것임)를 포함한다. 하드 디스크 드라이브(1114), 자기 디스크 드라이브(1116) 및 광 디스크 드라이브(1120)는 각각 하드 디스크 드라이브 인터페이스(1124), 자기 디스크 드라이브 인터페이스(1126) 및 광 드라이브 인터페이스(1128)에 의해 시스템 버스(1108)에 연결될 수 있다. 외장형 드라이브 구현을 위한 인터페이스(1124)는 USB(Universal Serial Bus) 및 IEEE 1394 인터페이스 기술 중 적어도 하나 또는 그 둘 다를 포함한다.Computer 1102 may also be configured for external use within an internal hard disk drive (HDD) 1114 (eg, EIDE, SATA) - this internal hard disk drive 1114 may also be configured for external use within a suitable chassis (not shown). Yes, magnetic floppy disk drive (FDD) 1116 (eg, for reading from or writing to removable diskette 1118), and optical disk drive 1120 (eg, CD-ROM) for reading from, or writing to, disk 1122, or other high capacity optical media such as DVD. The hard disk drive 1114 , the magnetic disk drive 1116 , and the optical disk drive 1120 are connected to the system bus 1108 by the hard disk drive interface 1124 , the magnetic disk drive interface 1126 , and the optical drive interface 1128 , respectively. ) can be connected to The interface 1124 for implementing an external drive includes at least one or both of Universal Serial Bus (USB) and IEEE 1394 interface technologies.

이들 드라이브 및 그와 연관된 컴퓨터 판독가능 매체는 데이터, 데이터 구조, 컴퓨터 실행가능 명령어, 기타 등등의 비 휘발성 저장을 제공한다. 컴퓨터(1102)의 경우, 드라이브 및 매체는 임의의 데이터를 적당한 디지털 형식으로 저장하는 것에 대응한다. 상기에서의 컴퓨터 판독가능 매체에 대한 설명이 HDD, 이동식 자기 디스크, 및 CD 또는 DVD 등의 이동식 광 매체를 언급하고 있지만, 당업자라면 집 드라이브(zip drive), 자기 카세트, 플래쉬 메모리 카드, 카트리지, 기타 등등의 컴퓨터에 의해 판독가능한 다른 유형의 매체도 역시 예시 적인 운영 환경에서 사용될 수 있으며 또 임의의 이러한 매체가 본 개시의 방법들을 수행하기 위한 컴퓨터 실행가능 명령어를 포함할 수 있다는 것을 잘 알 것이다.These drives and their associated computer readable media provide non-volatile storage of data, data structures, computer executable instructions, and the like. In the case of computer 1102, drives and media correspond to storing any data in a suitable digital format. Although the description of computer readable media above refers to HDDs, removable magnetic disks, and removable optical media such as CDs or DVDs, those skilled in the art will use zip drives, magnetic cassettes, flash memory cards, cartridges, etc. It will be appreciated that other tangible computer-readable media such as etc. may also be used in the exemplary operating environment and any such media may include computer-executable instructions for performing the methods of the present disclosure.

운영 체제(1130), 하나 이상의 애플리케이션 프로그램(1132), 기타 프로그램 모듈(1134) 및 프로그램 데이터(1136)를 비롯한 다수의 프로그램 모듈이 드라이브 및 RAM(1112)에 저장될 수 있다. 운영 체제, 애플리케이션, 모듈 및/또는 데이터의 전부 또는 그 일부분이 또한 RAM(1112)에 캐싱될 수 있다. 본 개시가 여러가지 상업적으로 이용가능한 운영 체제 또는 운영 체제들의 조합에서 구현될 수 있다는 것을 잘 알 것이다.A number of program modules may be stored in the drive and RAM 1112 , including an operating system 1130 , one or more application programs 1132 , other program modules 1134 , and program data 1136 . All or portions of the operating system, applications, modules, and/or data may also be cached in RAM 1112 . It will be appreciated that the present disclosure may be implemented in various commercially available operating systems or combinations of operating systems.

사용자는 하나 이상의 유선/무선 입력 장치, 예를 들어, 키보드(1138) 및 마우스(1140) 등의 포인팅 장치를 통해 컴퓨터(1102)에 명령 및 정보를 입력할 수 있다. 기타 입력 장치(도시 생략)로는 마이크, IR 리모콘, 조이스틱, 게임 패드, 스타일러스 펜, 터치 스크린, 기타 등등이 있을 수 있다. 이들 및 기타 입력 장치가 종종 시스템 버스(1108)에 연결되어 있는 입력 장치 인터페이스(1142)를 통해 처리 장치(1104)에 연결되지만, 병렬 포트, IEEE 1394 직렬 포트, 게임 포트, USB 포트, IR 인터페이스, 기타 등등의 기타 인터페이스에 의해 연결될 수 있다.A user may enter commands and information into the computer 1102 via one or more wired/wireless input devices, for example, a pointing device such as a keyboard 1138 and a mouse 1140 . Other input devices (not shown) may include a microphone, IR remote control, joystick, game pad, stylus pen, touch screen, and the like. Although these and other input devices are often connected to the processing unit 1104 through an input device interface 1142 that is connected to the system bus 1108, parallel ports, IEEE 1394 serial ports, game ports, USB ports, IR interfaces, It may be connected by other interfaces, etc.

모니터(1144) 또는 다른 유형의 디스플레이 장치도 역시 비디오 어댑터(1146) 등의 인터페이스를 통해 시스템 버스(1108)에 연결된다. 모니터(1144)에 부가하여, 컴퓨터는 일반적으로 스피커, 프린터, 기타 등등의 기타 주변 출력 장치(도시 생략)를 포함한다.A monitor 1144 or other type of display device is also coupled to the system bus 1108 via an interface, such as a video adapter 1146 . In addition to the monitor 1144, the computer typically includes other peripheral output devices (not shown), such as speakers, printers, and the like.

컴퓨터(1102)는 유선 및/또는 무선 통신을 통한 원격 컴퓨터(들)(1148) 등의 하나 이상의 원격 컴퓨터로의 논리적 연결을 사용하여 네트워크화 된 환경에서 동작할 수 있다. 원격 컴퓨터(들)(1148)는 워크스테이션, 컴퓨팅 디바이스 컴퓨터, 라우터, 퍼스널 컴퓨터, 휴대용 컴퓨터, 마이크로프로세서-기반 오락 기기, 피어 장치 또는 기타 통상의 네트워크 노드일 수 있으며, 일반적으로 컴퓨터(1102)에 대해 기술된 구성요소들 중 다수 또는 그 전부를 포함하지만, 간략함을 위해, 메모리 저장 장치(1150)만이 도시되어 있다. 도시되어 있는 논리적 연결은 근거리 통신망(LAN)(1152) 및/또는 더 큰 네트워크, 예를 들어, 원거리 통신망(WAN)(1154)에의 유선/무선 연결을 포함한다. 이러한 LAN 및 WAN 네트워킹 환경은 사무실 및 회사에서 일반적인 것이며, 인트라넷 등의 전사적 컴퓨터 네트워크(enterprise-wide computer network)를 용이하게 해주며, 이들 모두는 전세계 컴퓨터 네트워크, 예를 들어, 인터넷에 연결될 수 있다.Computer 1102 may operate in a networked environment using logical connections to one or more remote computers, such as remote computer(s) 1148 via wired and/or wireless communications. Remote computer(s) 1148 may be workstations, computing device computers, routers, personal computers, portable computers, microprocessor-based entertainment devices, peer devices, or other common network nodes, and are typically connected to computer 1102 . Although it includes many or all of the components described for it, only memory storage device 1150 is shown for simplicity. The logical connections shown include wired/wireless connections to a local area network (LAN) 1152 and/or a larger network, eg, a wide area network (WAN) 1154 . Such LAN and WAN networking environments are common in offices and companies, and facilitate enterprise-wide computer networks, such as intranets, all of which can be connected to a worldwide computer network, for example, the Internet.

LAN 네트워킹 환경에서 사용될 때, 컴퓨터(1102)는 유선 및/또는 무선 통신 네트워크 인터페이스 또는 어댑터(1156)를 통해 로컬 네트워크(1152)에 연결된다. 어댑터(1156)는 LAN(1152)에의 유선 또는 무선 통신을 용이하게 해줄 수 있으며, 이 LAN(1152)은 또한 무선 어댑터(1156)와 통신하기 위해 그에 설치되어 있는 무선 액세스 포인트를 포함하고 있다. WAN 네트워킹 환경에서 사용될 때, 컴퓨터(1102)는 모뎀(1158)을 포함할 수 있거나, WAN(1154) 상의 통신 컴퓨팅 디바이스에 연결되거나, 또는 인터넷을 통하는 등, WAN(1154)을 통해 통신을 설정하는 기타 수단을 갖는다. 내장형 또는 외장형 및 유선 또는 무선 장치일 수 있는 모뎀(1158)은 직렬 포트 인터페이스(1142)를 통해 시스템 버스(1108)에 연결된다. 네트워크화 된 환경에서, 컴퓨터(1102)에 대해 설명된 프로그램 모듈들 또는 그의 일부분이 원격 메모리/저장 장치(1150)에 저장될 수 있다. 도시된 네트워크 연결이 예시 적인 것이며 컴퓨터들 사이에 통신 링크를 설정하는 기타 수단이 사용될 수 있다는 것을 잘 알 것이다.When used in a LAN networking environment, the computer 1102 is connected to the local network 1152 through a wired and/or wireless communication network interface or adapter 1156 . Adapter 1156 may facilitate wired or wireless communication to LAN 1152 , which also includes a wireless access point installed therein for communicating with wireless adapter 1156 . When used in a WAN networking environment, the computer 1102 may include a modem 1158, be connected to a communication computing device on the WAN 1154, or establish communications over the WAN 1154, such as over the Internet. have other means. A modem 1158 , which may be internal or external and a wired or wireless device, is coupled to the system bus 1108 via a serial port interface 1142 . In a networked environment, program modules described for computer 1102 or portions thereof may be stored in remote memory/storage device 1150 . It will be appreciated that the network connections shown are exemplary and other means of establishing a communication link between the computers may be used.

컴퓨터(1102)는 무선 통신으로 배치되어 동작하는 임의의 무선 장치 또는 개체, 예를 들어, 프린터, 스캐너, 데스크톱 및/또는 휴대용 컴퓨터, PDA(portable data assistant), 통신 위성, 무선 검출가능 태그와 연관된 임의의 장비 또는 장소, 및 전화와 통신을 하는 동작을 한다. 이것은 적어도 Wi-Fi 및 블루투스 무선 기술을 포함한다. 따라서, 통신은 종래의 네트워크에서와 같이 미리 정의된 구조이거나 단순하게 적어도 2개의 장치 사이의 애드혹 통신(ad hoc communication)일 수 있다.Computer 1102 may be associated with any wireless device or object that is deployed and operates in wireless communication, for example, printers, scanners, desktop and/or portable computers, portable data assistants (PDAs), communications satellites, wireless detectable tags. It operates to communicate with any device or place, and phone. This includes at least Wi-Fi and Bluetooth wireless technologies. Accordingly, the communication may be a predefined structure as in a conventional network or may simply be an ad hoc communication between at least two devices.

Wi-Fi(Wireless Fidelity)는 유선 없이도 인터넷 등으로의 연결을 가능하게 해준다. Wi-Fi는 이러한 장치, 예를 들어, 컴퓨터가 실내에서 및 실외에서, 즉 기지국의 통화권 내의 아무 곳에서나 데이터를 전송 및 수신할 수 있게 해주는 셀 전화와 같은 무선 기술이다. Wi-Fi 네트워크는 안전하고 신뢰성 있으며 고속인 무선 연결을 제공하기 위해 IEEE 802.11(a,b,g, 기타)이라고 하는 무선 기술을 사용한다. 컴퓨터를 서로에, 인터넷에 및 유선 네트워크(IEEE 802.3 또는 이더넷을 사용함)에 연결시키기 위해 Wi-Fi가 사용될 수 있다. Wi-Fi 네트워크는 비인가 2.4 및 5 GHz 무선 대역에서, 예를 들어, 11Mbps(802.11a) 또는 54 Mbps(802.11b) 데이터 레이트로 동작하거나, 양 대역(듀얼 대역)을 포함하는 제품에서 동작할 수 있다.Wi-Fi (Wireless Fidelity) makes it possible to connect to the Internet, etc. without a wire. Wi-Fi is a wireless technology such as cell phones that allows these devices, eg, computers, to transmit and receive data indoors and outdoors, ie anywhere within range of a base station. Wi-Fi networks use a radio technology called IEEE 802.11 (a, b, g, etc.) to provide secure, reliable, and high-speed wireless connections. Wi-Fi can be used to connect computers to each other, to the Internet, and to wired networks (using IEEE 802.3 or Ethernet). Wi-Fi networks may operate in unlicensed 2.4 and 5 GHz radio bands, for example, at 11 Mbps (802.11a) or 54 Mbps (802.11b) data rates, or in products that include both bands (dual band). have.

본 개시의 기술 분야에서 통상의 지식을 가진 자는 정보 및 신호들이 임의의 다양한 상이한 기술들 및 기법들을 이용하여 표현될 수 있다는 것을 이해할 것이다. 예를 들어, 위의 설명에서 참조될 수 있는 데이터, 지시들, 명령들, 정보, 신호들, 비트들, 심볼들 및 칩들은 전압들, 전류들, 전자기파들, 자기장들 또는 입자들, 광학장들 또는 입자들, 또는 이들의 임의의 결합에 의해 표현될 수 있다.One of ordinary skill in the art of this disclosure will understand that information and signals may be represented using any of a variety of different technologies and techniques. For example, data, instructions, instructions, information, signals, bits, symbols and chips that may be referenced in the above description are voltages, currents, electromagnetic waves, magnetic fields or particles, optical fields particles or particles, or any combination thereof.

본 개시의 기술 분야에서 통상의 지식을 가진 자는 여기에 개시된 실시예들과 관련하여 설명된 다양한 예시적인 논리 블록들, 모듈들, 프로세서들, 수단들, 회로들 및 알고리즘 단계들이 전자 하드웨어, (편의를 위해, 여기에서 "소프트웨어"로 지칭되는) 다양한 형태들의 프로그램 또는 설계 코드 또는 이들 모두의 결합에 의해 구현될 수 있다는 것을 이해할 것이다. 하드웨어 및 소프트웨어의 이러한 상호 호환성을 명확하게 설명하기 위해, 다양한 예시적인 컴포넌트들, 블록들, 모듈들, 회로들 및 단계들이 이들의 기능과 관련하여 위에서 일반적으로 설명되었다. 이러한 기능이 하드웨어 또는 소프트웨어로서 구현되는지 여부는 특정한 애플리케이션 및 전체 시스템에 대하여 부과되는 설계 제약들에 따라 좌우된다. 본 개시의 기술 분야에서 통상의 지식을 가진 자는 각각의 특정한 애플리케이션에 대하여 다양한 방식들로 설명된 기능을 구현할 수 있으나, 이러한 구현 결정들은 본 개시의 범위를 벗어나는 것으로 해석되어서는 안 될 것이다.Those of ordinary skill in the art of the present disclosure will recognize that the various illustrative logical blocks, modules, processors, means, circuits, and algorithm steps described in connection with the embodiments disclosed herein include electronic hardware, (convenience For this purpose, it will be understood that it may be implemented by various forms of program or design code (referred to herein as "software") or a combination of both. To clearly illustrate this interchangeability of hardware and software, various illustrative components, blocks, modules, circuits, and steps have been described above generally in terms of their functionality. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the overall system. A person skilled in the art of the present disclosure may implement the described functionality in various ways for each specific application, but such implementation decisions should not be interpreted as a departure from the scope of the present disclosure.

여기서 제시된 다양한 실시예들은 방법, 장치, 또는 표준 프로그래밍 및/또는 엔지니어링 기술을 사용한 제조 물품(article)으로 구현될 수 있다. 용어 "제조 물품"은 임의의 컴퓨터-판독가능 장치로부터 액세스 가능한 컴퓨터 프로그램 또는 매체(media)를 포함한다. 예를 들어, 컴퓨터-판독가능 매체는 자기 저장 장치(예를 들면, 하드 디스크, 플로피 디스크, 자기 스트립, 등), 광학 디스크(예를 들면, CD, DVD, 등), 스마트 카드, 및 플래쉬 메모리 장치(예를 들면, EEPROM, 카드, 스틱, 키 드라이브, 등)를 포함하지만, 이들로 제한되는 것은 아니다. 또한, 여기서 제시되는 다양한 저장 매체는 정보를 저장하기 위한 하나 이상의 장치 및/또는 다른 기계-판독가능한 매체를 포함한다. The various embodiments presented herein may be implemented as methods, apparatus, or articles of manufacture using standard programming and/or engineering techniques. The term "article of manufacture" includes a computer program or media accessible from any computer-readable device. For example, computer-readable media include magnetic storage devices (eg, hard disks, floppy disks, magnetic strips, etc.), optical disks (eg, CDs, DVDs, etc.), smart cards, and flash memory. devices (eg, EEPROMs, cards, sticks, key drives, etc.). Also, various storage media presented herein include one or more devices and/or other machine-readable media for storing information.

제시된 프로세스들에 있는 단계들의 특정한 순서 또는 계층 구조는 예시적인 접근들의 일례임을 이해하도록 한다. 설계 우선순위들에 기반하여, 본 개시의 범위 내에서 프로세스들에 있는 단계들의 특정한 순서 또는 계층 구조가 재배열될 수 있다는 것을 이해하도록 한다. 첨부된 방법 청구항들은 샘플 순서로 다양한 단계들의 엘리먼트들을 제공하지만 제시된 특정한 순서 또는 계층 구조에 한정되는 것을 의미하지는 않는다.It is understood that the specific order or hierarchy of steps in the presented processes is an example of exemplary approaches. Based on design priorities, it is understood that the specific order or hierarchy of steps in the processes may be rearranged within the scope of the present disclosure. The appended method claims present elements of the various steps in a sample order, but are not meant to be limited to the specific order or hierarchy presented.

제시된 실시예들에 대한 설명은 임의의 본 개시의 기술 분야에서 통상의 지식을 가진 자가 본 개시를 이용하거나 또는 실시할 수 있도록 제공된다. 이러한 실시예들에 대한 다양한 변형들은 본 개시의 기술 분야에서 통상의 지식을 가진 자에게 명백할 것이다. 여기에 정의된 일반적인 원리들은 본 개시의 범위를 벗어남이 없이 다른 실시예들에 적용될 수 있다. 그리하여, 본 개시는 여기에 제시된 실시예들로 한정되는 것이 아니라, 여기에 제시된 원리들 및 신규한 특징들과 일관되는 최광의의 범위에서 해석되어야 할 것이다.The description of the presented embodiments is provided to enable any person skilled in the art to make or use the present disclosure. Various modifications to these embodiments will be apparent to those skilled in the art of the present disclosure. The generic principles defined herein may be applied to other embodiments without departing from the scope of the present disclosure. Thus, the present disclosure is not intended to be limited to the embodiments presented herein, but is to be construed in the widest scope consistent with the principles and novel features presented herein.

Claims (17)

컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램으로서, 상기 컴퓨터 프로그램은 컴퓨팅 장치의 하나 이상의 프로세서에서 실행되는 경우 데이터를 표시하는 사용자 인터페이스(UI)를 제공하며, 상기 사용자 인터페이스는:
하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는, 버전 트리 레이어;
상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는, 데이터 표시 레이어; 및
상기 버전 트리에 포함된 둘 이상의 버전에 대한 비교 입력에 대한 응답으로, 상기 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 표시하는, 데이터 비교 레이어;
를 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
A computer program stored on a computer-readable storage medium, wherein the computer program provides a user interface (UI) for displaying data when executed on one or more processors of a computing device, the user interface comprising:
a version tree layer, displaying a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions;
a data display layer configured to display data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree; and
a data comparison layer that compares and displays two or more data corresponding to each of the two or more versions in response to a comparison input for two or more versions included in the version tree;
containing,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 메인 트리에 포함된 둘 이상의 버전은 선후 관계를 가지고, 그리고 상기 서브 트리에 포함된 둘 이상의 서브 버전은 병렬 관계를 가지는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
Two or more versions included in the main tree have a precedence relationship, and two or more sub-versions included in the sub-tree have a parallel relationship,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 메인 트리에 포함된 버전은,
상기 서브 트리에 포함된 하나 이상의 서브 버전 중 선택된 서브 버전인,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version included in the main tree is,
A sub-version selected from one or more sub-versions included in the sub-tree,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 버전 트리 레이어는,
상기 버전 트리를 간략화 하여 보기 위한 간단 보기 입력에 대한 응답으로, 상기 메인 트리에 대응되는 버전들 만을 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version tree layer is
In response to a simple view input for simplifying and viewing the version tree, displaying only versions corresponding to the main tree,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 버전 트리 레이어는,
이전 버전의 데이터와 비교했을 때, 임계 값 이상의 변경이 있는 데이터의 버전에 메이저 업데이트를 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version tree layer is
Marking a major update to a version of the data that has a change above a threshold when compared to a previous version of the data.
A computer program stored on a computer-readable storage medium.
제 5 항에 있어서,
상기 버전 트리 레이어는,
상기 메이저 업데이트에 대응되는 버전들을 간략화 하여 보기 위한 메이저 업데이트 보기 입력에 대한 응답으로, 상기 메이저 업데이트가 아닌 버전들을 제외하고, 그리고 상기 메이저 업데이트에 대응되는 버전들 만을 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
6. The method of claim 5,
The version tree layer is
In response to a major update view input for a simplified view of versions corresponding to the major update, excluding versions that are not the major update, and displaying only versions corresponding to the major update,
A computer program stored on a computer-readable storage medium.
삭제delete 제 1 항에 있어서,
상기 데이터 비교 레이어는,
제 1 버전에 대응되는 제 1 데이터 및 제 2 버전에 대응되는 제 2 데이터를 중첩하여 표시하고,
축을 기준으로 일 영역은 상기 제 1 데이터를 상위에 표시하여 상기 제 2 데이터가 표시되지 않도록 하고, 그리고 상기 축을 기준으로 다른 일 영역은 상기 제 2 데이터를 상위에 표시하여 상기 제 1 데이터가 표시되지 않도록 하고, 그리고
상기 축을 이동시키기 위한 이동 입력에 대한 응답으로, 상기 제 1 데이터를 상위에 표시하는 일 영역의 크기를 확장하여 표시하고, 그리고 상기 제 2 데이터를 상위에 표시하는 다른 일 영역의 크기를 축소하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The data comparison layer is
superimposed on the first data corresponding to the first version and the second data corresponding to the second version;
Based on the axis, one region displays the first data on the upper part so that the second data is not displayed, and another region on the axis displays the second data on the upper part so that the first data is not displayed. avoid, and
In response to a movement input for moving the axis, the size of one area displaying the first data is displayed by expanding the size, and the size of another area displaying the second data is displayed by reducing the size of the area displaying the second data at the upper level. doing,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 데이터 비교 레이어는,
시각화 조정 객체에 관한 조정 입력에 대한 응답으로, 제 1 버전에 대응되는 제 1 데이터 또는 제 2 버전에 대응되는 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The data comparison layer is
In response to an adjustment input regarding the visualization adjustment object, adjusting and displaying a visualization method for at least one of first data corresponding to the first version and second data corresponding to the second version,
A computer program stored on a computer-readable storage medium.
제 8 항에 있어서,
상기 데이터 비교 레이어는,
상기 축에 표시된 시각화 조정 객체에 관한, 상기 이동 입력과 상이한 방향의 조정 입력에 대한 응답으로, 상기 제 1 데이터 또는 상기 제 2 데이터 중 적어도 하나에 대한 시각화 방식을 조정하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
9. The method of claim 8,
The data comparison layer is
In response to an adjustment input in a direction different from the movement input regarding the visualization adjustment object displayed on the axis, adjusting and displaying a visualization method for at least one of the first data or the second data,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 데이터 비교 레이어는,
데이터들 간 변경된 부분에 대한 어노테이션을 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The data comparison layer is
Annotating the changed part between data,
A computer program stored on a computer-readable storage medium.
제 11 항에 있어서,
상기 프로세서는:
어노테이션에 대한 변경 확정 입력에 대한 응답으로, 상기 하나 이상의 어노테이션 중 상기 변경 확정 입력에 대응되는 부분의 변경 내용을 적용한, 새로운 버전의 데이터를 생성하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
12. The method of claim 11,
The processor is:
In response to the change confirmation input for the annotation, generating a new version of data to which the change content of the part corresponding to the change confirmation input is applied among the one or more annotations;
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 버전 트리 레이어는,
새로운 데이터 및 상기 새로운 데이터에 대한 버전 입력에 기초하여, 상기 새로운 데이터가 상기 버전 입력에 대응되는 위치에 포함되도록, 상기 버전 트리를 업데이트 하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version tree layer is
Based on the new data and the version input for the new data, updating and displaying the version tree so that the new data is included in a position corresponding to the version input,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 버전 트리 레이어는,
새로운 데이터와 상기 버전 트리에 포함된 버전 또는 서브 버전 중 적어도 하나를 연결하는 연결 입력에 대한 응답으로, 상기 새로운 데이터의 서브 버전이 상기 연결 입력에 대응되는 위치에 포함되도록, 상기 버전 트리를 업데이트 하여 표시하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version tree layer is
In response to a connection input that connects new data and at least one of a version or a sub-version included in the version tree, the version tree is updated so that a sub-version of the new data is included in a position corresponding to the connection input. marked,
A computer program stored on a computer-readable storage medium.
제 1 항에 있어서,
상기 버전 트리 레이어는,
상기 하나 이상의 버전 중 적어도 일부의 버전에 코멘트 객체를 표시하고, 그리고
상기 사용자 인터페이스는:
코멘트들을 보기 위한 코멘트 보기 입력에 대한 응답으로, 상기 버전 트리에 포함된 코멘트들을 표시하는, 코멘트 표시 레이어;
를 더 포함하는,
컴퓨터 판독가능 저장 매체에 저장된 컴퓨터 프로그램.
The method of claim 1,
The version tree layer is
display a comment object in a version of at least some of the one or more versions, and
The user interface is:
a comment display layer, which displays comments included in the version tree in response to a comment view input for viewing comments;
further comprising,
A computer program stored on a computer-readable storage medium.
사용자 단말에서 데이터를 표시하는 방법으로서,
버전 트리 레이어에 하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는 단계;
데이터 표시 레이어에 상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 단계; 및
데이터 비교 레이어에 상기 버전 트리에 포함된 둘 이상의 버전에 대한 비교 입력에 대한 응답으로 상기 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 표시하는 단계;
를 포함하는,
사용자 단말에서 데이터를 표시하는 방법.
A method of displaying data in a user terminal, comprising:
displaying a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions on the version tree layer;
displaying data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree on a data display layer; and
comparing and displaying two or more data corresponding to each of the two or more versions in a data comparison layer in response to a comparison input for two or more versions included in the version tree;
containing,
A method of displaying data on a user terminal.
사용자 단말로서,
하나 이상의 코어를 포함하는 프로세서;
메모리; 및
사용자 인터페이스를 제공하는 출력부;
를 포함하고,
상기 사용자 인터페이스는,
하나 이상의 버전으로 구성된 메인 트리 및 하나 이상의 서브 버전으로 구성된 서브 트리를 포함하는 버전 트리를 표시하는, 버전 트리 레이어;
상기 버전 트리에 포함된 적어도 하나의 서브 버전에 대한 선택 입력에 대한 응답으로 상기 선택 입력된 서브 버전에 대응되는 데이터를 표시하는 데이터 표시 레이어; 및
상기 버전 트리에 포함된 둘 이상의 버전에 대한 비교 입력에 대한 응답으로 상기 둘 이상의 버전 각각에 대응되는 둘 이상의 데이터를 비교하여 표시하는 데이터 비교 레이어;
를 포함하는,
사용자 단말.
As a user terminal,
a processor including one or more cores;
Memory; and
an output unit providing a user interface;
including,
The user interface is
a version tree layer, displaying a version tree including a main tree composed of one or more versions and a subtree composed of one or more sub-versions;
a data display layer for displaying data corresponding to the selected sub-version in response to a selection input for at least one sub-version included in the version tree; and
a data comparison layer that compares and displays two or more data corresponding to each of the two or more versions in response to a comparison input for the two or more versions included in the version tree;
containing,
user terminal.
KR1020200026503A 2020-03-03 2020-03-03 Method to display data KR102322600B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020200026503A KR102322600B1 (en) 2020-03-03 2020-03-03 Method to display data

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020200026503A KR102322600B1 (en) 2020-03-03 2020-03-03 Method to display data

Publications (2)

Publication Number Publication Date
KR20210111494A KR20210111494A (en) 2021-09-13
KR102322600B1 true KR102322600B1 (en) 2021-11-08

Family

ID=77796710

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020200026503A KR102322600B1 (en) 2020-03-03 2020-03-03 Method to display data

Country Status (1)

Country Link
KR (1) KR102322600B1 (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009115641A1 (en) * 2008-03-19 2009-09-24 Pore Oy A method for creating a sound composition, a sound composition, a computer program that implements the method as well as a service provided in an information network
US20130326478A1 (en) * 2012-05-31 2013-12-05 International Business Machines Corporation Version labeling in a version control system
KR101648027B1 (en) 2016-01-04 2016-08-17 (주) 한길아이티 Building information modeling design collaboration device

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09223055A (en) * 1996-02-14 1997-08-26 Nippon Steel Corp Method and device for tree display
US7580938B1 (en) * 2006-06-29 2009-08-25 Emc Corporation Methods and apparatus facilitating efficient display of data

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2009115641A1 (en) * 2008-03-19 2009-09-24 Pore Oy A method for creating a sound composition, a sound composition, a computer program that implements the method as well as a service provided in an information network
US20130326478A1 (en) * 2012-05-31 2013-12-05 International Business Machines Corporation Version labeling in a version control system
KR101648027B1 (en) 2016-01-04 2016-08-17 (주) 한길아이티 Building information modeling design collaboration device

Also Published As

Publication number Publication date
KR20210111494A (en) 2021-09-13

Similar Documents

Publication Publication Date Title
US11392556B1 (en) Digital processing systems and methods for draft and time slider for presentations in collaborative work systems
CN109271967B (en) Method and device for recognizing text in image, electronic equipment and storage medium
CN111709339B (en) Bill image recognition method, device, equipment and storage medium
US20160147434A1 (en) Device and method of providing handwritten content in the same
US20180181807A1 (en) Conversion of static images into interactive maps
WO2015017227A1 (en) Three dimensional conditional formatting
CN103814351A (en) Collaborative gesture-based input language
US20170221242A1 (en) Automatic overdraw reduction before rendering
KR102417152B1 (en) Method to provide design information
US20230055241A1 (en) Digital processing systems and methods for external events trigger automatic text-based document alterations in collaborative work systems
US9881399B2 (en) Custom map configuration
US20150347097A1 (en) Adaptive user interfaces
WO2022153122A1 (en) Systems, methods, and devices for enhanced collaborative work documents
US9665249B1 (en) Approaches for controlling a computing device based on head movement
CN108780443B (en) Intuitive selection of digital stroke groups
KR102322600B1 (en) Method to display data
WO2023239468A1 (en) Cross-application componentized document generation
CN111552829A (en) Method and apparatus for analyzing image material
US20220358113A1 (en) Method of displaying data
US20180121075A1 (en) Freehand object manipulation
CN111553375B (en) Using transformations to verify computer vision quality
KR20210107559A (en) Method to identify label
KR102366382B1 (en) User interface for editing and automatic evaluation
KR102317855B1 (en) User interface for project analysis
KR102317854B1 (en) User interface for real-time monitoring

Legal Events

Date Code Title Description
E701 Decision to grant or registration of patent right
GRNT Written decision to grant