Search

KR-20260061348-A - ELECTRONIC DEVICE AND DOCUMENT PROVISION METHOD THEREOF

KR20260061348AKR 20260061348 AKR20260061348 AKR 20260061348AKR-20260061348-A

Abstract

데이터베이스로부터, 선택 가능한 적어도 하나의 옵션에 따라 복수의 타입을 가지는 사용자 인터페이스(User Interface, UI) 객체에 대한 변동 정보를 확인하는 단계; 상기 변동 정보에 기반하여 업데이트된 상기 데이터베이스와 소스 문서 간의 연동 코드를 컴파일하는 단계; 및 상기 컴파일 결과에 기반하여, 상기 UI 객체와 관련하여 업무 그룹원들 간에 공유되는 컴퓨터 프로그래밍 관련 개발 문서에 대응하는 업무 문서의 적어도 일부를 업데이트하는 단계를 포함하는, 전자 장치의 문서 제공 방법이 제공된다.

Inventors

  • 리, 징센

Assignees

  • 쿠팡 주식회사

Dates

Publication Date
20260506
Application Date
20260331

Claims (18)

  1. 전자 장치의 문서 제공 방법에 있어서, 데이터베이스로부터, 선택 가능한 적어도 하나의 옵션에 따라 복수의 타입을 가지는 사용자 인터페이스(User Interface, UI) 객체에 대한 변동 정보를 확인하는 단계; 상기 변동 정보에 기반하여 업데이트된 상기 데이터베이스와 소스 문서 간의 연동 코드를 컴파일하는 단계; 및 상기 컴파일 결과에 기반하여, 상기 UI 객체와 관련하여 업무 그룹원들 간에 공유되는 컴퓨터 프로그래밍 관련 개발 문서에 대응하는 업무 문서의 적어도 일부를 업데이트하는 단계를 포함하는, 문서 제공 방법.
  2. 제1항에 있어서, 상기 UI 객체에 대한 각각의 타입별 스냅샷을 상기 데이터베이스로부터 확인하는 단계; 상기 UI 객체에 대한 항목을 포함하는 상기 업무 문서를 제공하는 단계; 상기 UI 객체에 대한 항목과 관련된 상기 업무 문서에 대한 입력을 확인하는 단계; 상기 입력에 기반하여, 상기 UI 객체의 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계를 포함하되, 상기 타입별 스냅샷은, 상기 UI 객체를 고객 환경에서 테스트함에 따라 상기 UI 객체를 타입별로 렌더링한 결과에 대한 스냅샷으로서 데이터베이스에 저장된 후 확인되는, 문서 제공 방법.
  3. 제2항에 있어서, 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계는, 상기 입력에 기반하여, 상기 선택 가능한 적어도 하나의 옵션 중 각각의 카테고리별로 선택된 각각의 옵션에 대한 정보를 확인하는 단계; 및 상기 각각의 카테고리별로 선택된 각각의 옵션의 조합에 기반하여 확인된, 상기 복수의 타입 중 하나에 대응하는 스냅샷을 제공하는 단계를 포함하는, 문서 제공 방법.
  4. 제3항에 있어서, 상기 입력을 확인하는 단계는, 업무 문서 상의 카테고리별 드롭다운 메뉴를 통해 상기 선택 가능한 적어도 하나의 옵션을 제공하는 단계; 및 상기 카테고리별 드롭다운 메뉴에 대한 각각의 선택을 포함하는 상기 입력을 확인하는 단계를 포함하는, 문서 제공 방법.
  5. 제2항에 있어서, 상기 업무 문서를 제공하는 단계는, 상기 UI 객체의 디폴트 타입에 대응하는 스냅샷 및 상기 디폴트 타입에 대응하는 샘플 코드를 포함하는, 상기 UI 객체에 대한 항목을 상기 업무 문서의 적어도 일부로서 제공하는 단계를 포함하는, 문서 제공 방법.
  6. 제5항에 있어서, 상기 입력을 확인하는 단계는, 상기 샘플 코드에 대한 수정에 응답하여, 선택된 옵션에 대한 정보를 포함하는 수정된 샘플 코드를 상기 입력으로서 확인하는 단계를 포함하는, 문서 제공 방법.
  7. 제6항에 있어서, 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계는, 상기 수정된 샘플 코드에 포함된 옵션들 중 선택 불가능한 옵션에 대한 정보를 확인하는 단계; 상기 수정된 샘플 코드에 포함된 옵션들 중 선택 가능한 옵션에 대한 정보에 대응하는 유사 타입을 확인하는 단계; 및 상기 선택 불가능한 옵션에 대한 정보에 대응하는 추정 정보에 기반하여 상기 유사 타입에 대응하는 스냅샷을 조정함으로써 확인된 추정 스냅샷을 상기 업무 문서 상에 제공하는 단계를 포함하는, 문서 제공 방법.
  8. 제7항에 있어서, 상기 추정 스냅샷을, 디자이너 단말에 전달하는 단계를 더 포함하는, 문서 제공 방법.
  9. 제2항에 있어서, 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계는, 상기 UI 객체의 상기 복수의 타입별 스냅샷 중 적어도 일부를, 순차적으로 상기 업무 문서 상에 제공하는 단계를 포함하는, 문서 제공 방법.
  10. 제9항에 있어서, 상기 입력을 확인하는 단계는, 상기 UI 객체에 대한 항목에 대응하는 영역 상의 커서 호버링을 상기 입력으로서 확인하는 단계를 포함하는, 문서 제공 방법.
  11. 제10항에 있어서, 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계는, 상기 입력에 기반하여, 커서가 호버링된 세부 영역에 대응하는 카테고리를 확인하는 단계; 및 상기 선택 가능한 적어도 하나의 옵션 중 적어도 일부인, 상기 카테고리에 대해 선택 가능한 적어도 하나의 옵션을 순차적으로 디폴트 타입에 적용하여 확인된 상기 복수의 타입 중 적어도 일부에 대응하는 스냅샷을 상기 업무 문서 상에 순차적으로 제공하는 단계를 포함하는, 문서 제공 방법.
  12. 제2항에 있어서, 상기 복수의 타입별 스냅샷 중 적어도 일부를 상기 업무 문서 상에 제공하는 단계는, 상기 입력 및 컴파일된 연동 코드에 기반하여, 상기 복수의 타입 중 적어도 일부에 대응하는, 상기 UI 객체를 고객 환경에서 렌더링한 각각의 타입별 스냅샷 중 적어도 일부를 상기 데이터베이스로부터 획득하는 단계를 포함하는, 문서 제공 방법.
  13. 제12항에 있어서, 상기 업무 문서의 적어도 일부를 업데이트하는 단계는, 상기 컴파일 결과에 기반하여, 상기 UI 객체에 대한 항목과 관련된 드롭다운 메뉴를 업데이트하는 단계를 포함하는, 문서 제공 방법.
  14. 제12항에 있어서, 상기 변동 정보를 확인하는 단계는, 상기 연동 코드에 대응하는 상기 데이터베이스 상의 폴더에서의 스냅샷의 추가 또는 삭제에 응답하여 상기 변동 정보를 확인하는 단계를 포함하는, 문서 제공 방법.
  15. 제14항에 있어서, 상기 변동 정보를 확인하는 단계는, 상기 스냅샷의 추가 또는 삭제에 응답하여, 상기 연동 코드에 대응하는 상기 데이터베이스 상의 폴더의 각각의 스냅샷의 파일명에 기반하여 상기 변동 정보를 확인하는 단계를 포함하는, 문서 제공 방법.
  16. 제15항에 있어서, 상기 변동 정보를 확인하는 단계는, 상기 연동 코드에 대응하는 상기 데이터베이스 상의 폴더에 추가된 스냅샷과, 상기 추가된 스냅샷을 제외한 나머지 스냅샷 간의 비교를 통해 상기 변동 정보를 검증하는 단계를 더 포함하는, 문서 제공 방법.
  17. 제1항 내지 제16항 중 어느 한 항의 방법을 컴퓨터에서 실행시키기 위한 프로그램을 기록한, 컴퓨터로 읽을 수 있는 비일시적 기록매체.
  18. 문서를 제공하는 전자 장치로서, 프로세서; 및 하나 이상의 인스트럭션을 저장하는 메모리를 포함하고, 상기 프로세서는, 상기 하나 이상의 인스트럭션을 수행함으로써, 데이터베이스로부터, 선택 가능한 적어도 하나의 옵션에 따라 복수의 타입을 가지는 사용자 인터페이스(User Interface, UI) 객체에 대한 변동 정보를 확인하고, 상기 변동 정보에 기반하여 업데이트된 상기 데이터베이스와 소스 문서 간의 연동 코드를 컴파일하고, 상기 컴파일 결과에 기반하여, 상기 UI 객체와 관련하여 업무 그룹원들 간에 공유되는 컴퓨터 프로그래밍 관련 개발 문서에 대응하는 업무 문서의 적어도 일부를 업데이트하도록 설정된, 전자 장치.

Description

전자 장치 및 그의 문서 제공 방법{ELECTRONIC DEVICE AND DOCUMENT PROVISION METHOD THEREOF} 본 개시는 전자 장치 및 그의 문서 제공 방법에 관한 것이다. 개발 과정에서 개발자와 디자이너 간의 소통은 중요한 요소 중 하나이다. 예를 들어 설명하면, 디자이너가 서비스 페이지에 사용될 수 있는 적절한 UI 객체를 디자인하였더라도, 개발자가 UI 객체의 특성이나 UI 객체에 대해 선택할 수 있는 옵션들에 대한 이해가 부족하여 적절하게 UI 객체를 적용하지 못할 수도 있다. 따라서, 이와 같은 측면에서, 개발자가 UI 객체의 특성에 대해 용이하게 확인할 수 있도록 하는 것이 중요하다. 개발자와 디자이너 간의 소통은 일반적으로 개발 문서에 의해 이루어진다. 하지만, 대부분의 개발 문서는 동적이기보다는 정적인 측면을 가지고 있다. 즉, 처음 작성되었을 때의 UI 객체의 정보를 기준으로 작성되어 있으며, 또한 UI 객체에 대한 정적인 예시만을 표시할 수 있도록 작성된 것이 대부분이다. 이와 같은 특성 때문에, 일반적인 개발 문서를 사용한 소통은 다소 제한적이며, UI 객체에 대한 정보가 부족하게 전달되는 상황을 초래하는 경우가 많다. 관련하여, KR10-1636335B1 건 등의 선행문헌들을 참조할 수 있다. 도 1은 일 실시예에 따른 전자 장치의 연동 관계를 나타낸다. 도 2는 일 실시예에 따른 업무 문서를 제공하기 위한 구성요소들 간의 관계도이다. 도 3은 일 실시예에 따른 문서 제공 방법을 설명하기 위한 흐름도이다. 도 4는 일 실시예에 따른 카테고리별 드롭다운 메뉴를 포함하는 UI 객체에 대한 항목을 나타낸 도면이다. 도 5는 일 실시예에 따른 샘플 코드에 대한 수정에 응답하여 선택된 옵션에 대한 정보를 입력으로서 획득할 수 있도록 하는 UI 객체에 대한 항목을 나타낸 도면이다. 도 6은 일 실시예에 따른 커서 호버링에 따라 순차적으로 타입별 스냅샷이 표시되는 UI 객체에 대한 항목을 나타낸 도면이다. 도 7은 일 실시예에 따른 전자 장치의 블록도를 나타낸다. 실시예들에서 사용되는 용어는 본 개시에서의 기능을 고려하면서 가능한 현재 널리 사용되는 일반적인 용어들을 선택하였으나, 이는 당 분야에 종사하는 기술자의 의도 또는 판례, 새로운 기술의 출현 등에 따라 달라질 수 있다. 또한, 특정한 경우는 출원인이 임의로 선정한 용어도 있으며, 이 경우 해당되는 설명 부분에서 상세히 그 의미를 기재할 것이다. 따라서 본 개시에서 사용되는 용어는 단순한 용어의 명칭이 아닌, 그 용어가 가지는 의미와 본 개시의 전반에 걸친 내용을 토대로 정의되어야 한다. 명세서 전체에서 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있음을 의미한다. 명세서 전체에서 기재된 "a, b, 및 c 중 적어도 하나"의 표현은, 'a 단독', 'b 단독', 'c 단독', 'a 및 b', 'a 및 c', 'b 및 c', 또는 'a, b, 및 c 모두'를 포괄할 수 있다. 이하에서 언급되는 "단말"은 네트워크를 통해 서버나 타 단말에 접속할 수 있는 컴퓨터나 휴대용 단말로 구현될 수 있다. 여기서, 컴퓨터는 예를 들어, 웹 브라우저(WEB Browser)가 탑재된 노트북, 데스크톱(desktop), 랩톱(laptop) 등을 포함하고, 휴대용 단말은 예를 들어, 휴대성과 이동성이 보장되는 무선 통신 장치로서, IMT(International Mobile Telecommunication), CDMA(Code Division Multiple Access), W-CDMA(W-Code Division Multiple Access), LTE(Long Term Evolution) 등의 통신 기반 단말, 스마트폰, 태블릿 PC 등과 같은 모든 종류의 핸드헬드(Handheld) 기반의 무선 통신 장치를 포함할 수 있다. 아래에서는 첨부한 도면을 참고하여 본 개시의 실시예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 이하에서는 도면을 참조하여 본 개시의 실시예들을 상세히 설명한다. 도 1은 일 실시예에 따른 전자 장치의 연동 관계를 나타낸다. 도 1을 참조하면, 전자 장치(100)는, 업무 문서(200)의 제공을 위해, 데이터베이스(300)와의 연동 관계를 제어할 수 있다. 한편, 도 1에는 본 실시예와 관련된 구성요소들만이 도시되어 있다. 따라서, 도 1에 도시된 구성요소들 외에 다른 범용적인 구성요소들이 더 포함될 수 있음을 본 실시예와 관련된 기술분야에서 통상의 지식을 가진 자라면 이해할 수 있다. 전자 장치(100)는 다양한 정보를 구성하여 제공하는 장치이다. 전자 장치(100)는 구성된 정보를 웹 페이지 또는 어플리케이션 화면 등으로 제공하거나, 제공받는 단말에서 웹 페이지 또는 어플리케이션 화면 등으로 표시할 수 있는 형태의 정보로 제공할 수 있다. 전자 장치(100)는, 단순하게 표현하면, 도 1과 같이 데이터베이스(300) 및 업무 문서(200)간의 연동 관계를 제어 및 관리할 수 있다. 본 개시에서 설명할 문서 제공 방법을 수행하기 위해 사용될 수 있는 추가적인 구성요소들과 업무 문서(200) 및 데이터베이스(300)간의 관계에 대해 설명하기 위해 도 2를 참조하도록 한다. 도 2는 일 실시예에 따른 업무 문서를 제공하기 위한 구성요소들 간의 관계도이다. 도 2를 참조하면, 전술한 바와 같이 전자 장치(100)에 의해 업무 문서(200)와의 연동 관계가 제어될 수 있는 데이터베이스(300) 외에도, 렌더링 장치(400), UI 테스트 케이스(500) 및 사용자 단말(600)이 업무 문서를 제공하기 위해 사용될 수 있다. 일 실시예에 따르면, 업무 문서(200)는, 컴퓨터 프로그래밍 관련 개발 문서로서, 업무 그룹원들 간에 공유되는 것일 수 있다. 이 때, 업무 문서(200)는, 개발과 관련된 다양한 업무 내용을 포함할 수 있는데, 일 실시예에 따르면, UI 객체에 대한 설명을 포함할 수 있다. 예를 들어, 업무 문서(200)가 전자상거래 관련 서비스의 개발과 관련한 것이라면, 이를 위한 서비스 구현에 사용되는 UI 객체에 대한 설명을 포함할 수 있다. 또한, 업무 문서(200)는, 일반적인 정적 텍스트의 형태인 개발 문서들과 다르게, 상호작용적으로 동작할 수 있다. 예를 들어, 전자 장치(100)는, 네트워크를 통해 업무 문서(200)에 접속한 사용자 단말(600)로부터 입력을 획득하여, 데이터베이스(300)로부터 획득한, UI 객체의 복수의 타입별 스냅샷 중 적어도 일부를 업무 문서(200) 상에 상호작용적으로 표시할 수 있다. 이와 같은 스냅샷은, 전술한 컴퓨터 프로그래밍 관련 개발에 사용할 수 있도록 디자이너에 의해 디자인된 UI 객체에 대응하는 UI 테스트 케이스(500)를 렌더링 장치(400)를 통해 렌더링하여 데이터베이스(300)에 저장한 것일 수 있다. 여기서 렌더링 장치(400)는, 고객 환경, 예를 들어 고객 단말이 주로 모바일 기기라면 모바일 기기의 환경에서 UI 테스트 케이스(500)를 렌더링하여 각각의 타입별로 스냅샷을 생성할 수 있다. 일 실시예에 따르면, 이와 같이 렌더링된 각각의 타입별 스냅샷은, 기설정된 디자인 가이드와 비교하는 검증 과정을 거친 후 데이터베이스(300)에 저장될 수 있다. 이상 설명한 데이터베이스(300) 및 렌더링 장치(400)는 전자 장치(100)와 별개로 존재하는 컴퓨팅 능력을 가지는 장치일 수도 있고, 전자 장치(100) 내부에 포함된 것일 수도 있다. UI 테스트 케이스(500)역시 별도의 디자이너 단말에서 생성되거나, 전자 장치(100)를 통해 생성될 수 있을 것이다. 구성요소들이 이상 설명한 것 이외의 어떠한 관계를 가지더라도, 이하 설명하는 바에 따라 상호작용적으로 동작하는 문서를 제공한다면 본 개시의 범위에 포함되는 것으로 볼 것이다. 이하 본 개시의 일 실시예에 따른 문서 제공 방법에 대해 도 3을 참조하여 설명하도록 한다. 도 3은 일 실시예에 따른 문서 제공 방법을 설명하기 위한 흐름도이다. 단계 S301에서, 전자 장치(100)는, 선택 가능한 적어도 하나의 옵션에 따라 복수의 타입을 가지는 사용자 인터페이스(UI) 객체에 대한 각각의 타입별 스냅샷을 확인할 수 있다. 단계 S302에서, 전자 장치(100)는, UI 객체에 대한 항목을 포함하는 업무 문서를 제공할 수 있다. 단계 S303에서, 전자 장치(100)는, UI 객체에 대한 항목과 관련된 업무 문서에 대한 입력을 확인할 수 있다. 단계 S304에서, 전자 장치(100)는, 입력에 기반하여, UI 객체의 복수의 타입별 스냅샷 중 적어도 일부를 업무 문서 상에 제공할 수 있다. 이하 각각의 단계에 대해 더욱 구체적으로 설명하도록 한다. 먼저, 단계 S301 이전에, 전술한 바와 같이, 디자이너에 의해 소정 UI 객체에 대응하는 UI 테스트 케이스(500)가 생성되고, 렌더링 장치(400)에 의해 고객 환경에서 렌더링될 수 있다. 여기서, UI 객체는, 선택 가능한 적어도 하나의 옵션에 따라 복수의 타입을 가질 수 있다. 이와 같은 옵션에 따른 복수의 타입별로 스냅샷이 생성될 수 있으며, 데이터베이스(300)에, 해당 UI 객체에 대한 타입별 스냅샷이 저장되고, 전자 장치(100)에 의해 확인될 수 있다. 여기서, 데이터베이스(300)에 타입별 스냅샷이 저장될 때, 소정 규칙에 따라 파일명이 결정될 수 있다. 예를 들어, 파일명은, 해당 UI 객체에 대해 선택할 수 있는 옵션들의 카테고리 순서대로 지정될 수 있다. 예를 들어, 해당 UI에 대해 외관, 색상 및 크기에 대한 옵션을 선택할 수 있다면, 파일명은 FILL_RED_MEDIUM으로, 외관에 대한 옵션, 색상에 대한 옵션 및 크기에 대한 옵션에 대한 정보를 순서대로 포함할 수 있다. 이후, 전자 장치(100)는, 소스 문서를 확인할 수 있다. 소스 문서는, 업무 문서의 원본이 되는 문서로서, 작성자 단말에 의해 작성된