KR20230095238A - 애플리케이션 생성을 위한 방법 및 장치 - Google Patents

Abstract

본 개시의 다양한 실시예는, 애플리케이션을 생성하기 위한 방법에 관한 것이다. 애플리케이션을 생성하기 위한 방법은, 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작, 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작, 상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작, 상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 포함하고, 상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함될 수 있다.

Description

애플리케이션 생성을 위한 방법 및 장치{METHOD AND APPARATUS FOR GENERATING APPLICATIONS}

본 개시는, 애플리케이션 생성을 위한 방법 및 장치에 관한 것이다.

로우 코드(low code) 개발 플랫폼은 프로그래밍을 위한 그래픽 사용자 인터페이스(graphic user interface, GUI)를 제공하여, 앱 개발자들로 하여금 빠른 속도로 코드를 개발하고 기존에 프로그래밍을 위하여 요구되는 작업량을 줄일 수 있는 효과를 제공하는 애플리케이션이다. 이러한 로우 코드 도구는 수동 코딩 작업을 최소화하여 코드를 빠르게 개발하는데 도움을 줄 수 있다. 로우 코드 개발 도구를 이용할 경우, 코드를 한 줄씩 작성할 필요가 없으며 작성된 순서도에 따라 코드가 생성되므로 애플리케이션 개발 프로세스에 많은 도움이 될 수 있다. 된다.

이와 관련하여, 로우 코드 도구들은 애플리케이션 개발에 있어, 애플리케이션을 구성하는 시각적인 요소에 대한 디자인 결과물을 입력으로 하여, 개발 코드 추출을 가능하게 할 수 있다. 추출된 결과물은 개발자의 약간의 코드 작성을 통해 사용자와 상호 작용(interaction)이 가능한 어플리케이션으로 빌드(build)될 수 있다. 디자인 결과물로부터 자동으로 추출된 코드를 바탕으로 코드를 작성하여 생산성을 높이는 것이 로우 코드의 목적이다.

로우 코드 도구들은 비즈니스 로직 수정 후, 비주얼 로직을 수정하는 경우 비즈니스 로직이 초기화되어 비주얼 로직 수정에 따른 비즈니스 로직의 재작업이 필요하여 애플리케이션을 구성하는 디자인적 요소의 업데이트함에 있어 추가적인 작업을 필요로 하는 문제가 존재하였다.

상술한 바와 같은 논의를 바탕으로, 본 개시(disclosure)는 비주얼 로직의 수정에 따라 요구되는 비즈니스 로직의 수정을 최소화하기 위한 방법 및 이를 위한 전자 장치를 개시한다.

또한, 본 개시는 기능 단위로 정의되는 컴포넌트 라이브러리의 생성을 통하여 비주얼 로직과 비즈니스 로직의 개발 간의 핸드 오프(hand off)를 최소화하기 위한 방법 이를 위한 전자 장치를 개시한다.

본 개시의 일 실시 예에 따른 애플리케이션을 생성하기 위한 방법은, 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작, 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작, 상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작, 상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 포함하고, 상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함될 수 있다.

본 개시의 일 실시 예에 따른 컴퓨터 판독 가능한 명령어들(instructions)이 저장된 비 일시적인(non-transitory) 기록 매체에 있어서, 상기 명령어들은 전자 장치의 적어도 하나의 프로세서에 의해 실행 시, 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작, 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작, 상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작, 상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 수행하도록 하고, 상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함될 수 있다.

본 개시의 일 실시 예에 따른 애플리케이션 생성 방법 및 장치는, 디자인이 수정에 따라 기존에 작성했던 소스가 초기화되는 것을 방지하면서 비주얼 코드 작성을 자동화하여 애플리케이션을 구성하는 디자인적 요소의 업데이트를 용이하게 하는 효과를 제공할 수 있다.

또한, 본 개시의 일 실시 예에 따른 애플리케이션 생성 방법 및 장치는 디자인 업데이트 후 바로 정합성을 확인할 수 있도록 하여, 빠른 이터레이션(iteration)을 가능하게 하는 효과를 제공할 수 있다.

본 개시에서 얻을 수 있는 효과는 이상에서 언급한 효과들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

도 1은, 본 개시의 일 실시예에 따른 전자 장치의 블록 구성을 도시한다.
도 2는, 본 개시의 일 실시 예에 따른 애플리케이션을 구성하는 구성 요소의 예를 도시한다.
도 3은, 본 개시의 일 실시 예에 따른 애플리케이션 생성의 예를 도시한다.
도 4는, 본 개시의 일 실시 예에 따른 애플리케이션 생성 흐름을 도시한다.
도 5는, 본 개시의 일 실시 예에 따른 애플리케이션의 정합성 검토 흐름을 도시한다.
도 6은, 본 개시의 일 실시 예에 따른 애플리케이션 생성의 예를 도시한다.

이하에서는 도면을 참조하여 본 개시의 실시예에 대하여 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 상세히 설명한다. 그러나 본 개시는 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 도면의 설명과 관련하여, 동일하거나 유사한 구성요소에 대해서는 동일하거나 유사한 참조 부호가 사용될 수 있다. 또한, 도면 및 관련된 설명에서는, 잘 알려진 기능 및 구성에 대한 설명이 명확성과 간결성을 위해 생략될 수 있다.

도 1은, 본 개시의 일 실시예에 따른 전자 장치(100)의 블록 구성을 도시한다.

도 1을 참조하면, 전자 장치(100)은 프로세서(110), 메모리(120), 통신 모듈(130) 및 사용자 인터페이스(140)를 포함할 수 있다.

일 실시 예에서, 프로세서(110)는 소프트웨어(예: 애플리케이션)을 실행하여 프로세서에 연결되는 전자 장치(100)의 적어도 하나의 다른 구성 요소(예: 하드웨어 또는 소프트웨어 구성 요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일 실시 예에서, 프로세서는 데이터 처리 또는 연산의 적어도 일부로서, 다른 구성 요소(예: 사용자 인터페이스(140))로부터 수신되는 명령 또는 데이터를 메모리(120)에 저장하고, 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 메모리(120)에 저장할 수 있다. 일 실시 예에서, 프로세서(110)는 메인 프로세서(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit)를 포함할 수 있다. 일 실시 예에서, 보조 프로세서(미도시)(예: 신경망 처리 장치)는 인공 지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공 지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공 지능 모델이 수행되는 전자 장치(100) 자체에서 수행될 수도 있고, 별도의 서버를 통해 수행될 수 있다.

일 실시 예에서, 메모리(130)는 전자 장치(100)의 적어도 하나의 구성 요소(예: 프로세서(110))에 의하여 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 애플리케이션)) 및 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리는, 휘발성 메모리 또는 비휘발성 메모리를 포함할 수 있다. 애플리케이션은 메모리(120)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제, 미들 웨어 또는 어플리케이션을 포함할 수 있다.

일 실시 예에서, 통신 모듈(130)은 전자 장치(100)와 외부 전자 장치(예: 다른 전자 장치 또는 서버) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(130)은 프로세서(110)와 독립적으로 운영되고, 직접 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일 실시 예에서, 통신 모듈(130)은 무선 통신 모듈(예: 셀룰러 통신 모듈, 근거리 통신 모듈 또는 유선 통신 모듈(예: LAN(local area network) 통신 모듈)을 포함할 수 있다.

일 실시 예에서, 사용자 인터페이스(140)는 사용자로부터 수신되는 입력을 수신하기 위한 입력부 및 프로세서(110), 메모리(120)를 통해 출력되는 데이터를 출력하기 위한 출력부를 포함할 수 있다.

일 실시 예에서, 메모리(120)는 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 저장할 수 있다.

일 실시 예에서, 메모리(120)는 프로세서(110)가 사용자의 입력에 따라 식별되는 비주얼 로직 또는 비즈니스 로직을 식별할 수 있도록 하는 명령어들을 저장할 수 있다.

일 실시 예에서, 메모리(120)는 프로세서(110)가 비주얼 로직 및 비즈니스 로직에 상응하는 컴포넌트 코드를 추출하게 하기 위한 명령어들을 저장할 수 있다.

일 실시 예에서, 메모리(120)는 프로세서(110)가 비주얼 로직 및 비즈니스 로직에 기반하여 애플리케이션을 생성할 수 있도록 하는 명령어들을 저장할 수 있다.

도 2는 본 개시의 일 실시 예에 따른 애플리케이션(200)의 구성의 예를 도시한다.

도 2를 참조하면, 애플리케이션(200)은 응용 프로그램으로서, 사용자 또는 다른 응용 프로그램에게 특정한 기능을 직접 수행하도록 설계된 프로그램을 의미할 수 있다. 애플리케이션의 예로는 데이터베이스 프로그램, 웹 브라우저, 개발 도구 또는 등이 포함될 수 있다.

일 실시 예에 따르면, 애플리케이션(200)은 비주얼 로직(210)과 비주얼 로직(220)을 포함할 수 있다.

일 실시 예에서, 비주얼 로직(210)은 애플리케이션에서 사용자 화면에 보여지는 영역을 구현한 로직을 의미할 수 있다. 예를 들어, 애플리케이션에서 사용자 인터페이스를 구성하는 뷰 컴포넌트(view component)의 위치나 크기, 색상, 라운드 값 등 시각적으로 표현되는 부분을 구현한 로직을 의미할 수 있다.

일 실시 예에서, 비즈니스 로직(220)는 화면에 보여지지 않는 영역을 구현한 로직을 의미할 수 있다. 예를 들어, 데이터베이스(database)와 사용자 인터페이스 사이의 정보 교환을 처리하거나 조건 별 화면 전환에 대한 부분 등 데이터 처리를 수행하기 위한 로직을 포함할 수 있다. 비즈니스 로직(220)는 전자 장치(100)의 다양한 모듈(예: 네트워크 모듈, 데이터베이스 모듈, 페이지 라우터, 데이터 모델)이 기능을 수행할 수 있도록 하기 위한 로직을 포함할 수 있다.

애플리케이션의 개발에 있어서, 종래의 로우 코드(low code) 도구들을 사용하는 것은, 비즈니스 로직 수정 후 디자인을 수정하게 되면 비즈니스 로직이 초기화되는 문제가 존재하였다. 이는 코드 추출 시 생성되는 코드는 디자인 도구의 기본 컴포넌트를 코드화하여 생성되는 코드이기 때문에, 비주얼 로직과 비즈니스 로직 부분이 서로 분리되지 않은 상태로 추출되기 때문이다. 상술한 바와 같은 문제를 해결하기 위하여, 본 개시에서는 기능 단위로 추상화된 컴포넌트를 정의하고, 디자인 툴(tool)과 구현에서 추상화된 모듈을 공유하여 작업하는 방식을 적용함으로써, 디자인 변경 후 코드를 추출하여도 비주얼 로직 부분만 업데이트할 수 있고, 기존에 구현되어 있던 비즈니스 로직을 그대로 유지할 수 있는 효과를 제공할 수 있다.

일 실시 예에 따른 애플리케이션의 생성 방법은, 디자인 결과물에서 코드화된 필수 데이터를 추출하고, 추출된 메타 데이터로부터 코드를 생성하는 방식을 통해 다양한 언어로 코드를 생성할 수 있다.

일 실시 예에 따른 애플리케이션의 생성 방법은, 디자인 도구에서 제공하는 기본 도구를 비즈니스 영역의 최하위 렌더링(rendering) 컴포넌트로 매핑하여 코드화하지 않고, 한단계 상위 레벨에서 기능 단위로 정의되는 컴포넌트를 비주얼 로직 부분과 비즈니스 로직 부분에서 공유하여, 추상화된 객체 단위의 디자인 요소를 코드 영역의 추상화된 객체로 전환시켜 코드를 추출하는 방식을 통해 비주얼 로직과 비즈니스 로직을 분리할 수 있다. 이에 따라, 디자인 소스가 업데이트 되더라도 이전에 작성한 비즈니스 로직의 코드와의 연결성이 유지될 수 있다.

도 3은, 본 개시의 일 실시 예에 따른 애플리케이션 생성의 예를 도시한다.

도 3은 애플리케이션의 생성을 위한 전자 장치(100)의 동작을 포함할 수 있다. 도 3에 도시되는 애플리케이션은 도 2의 애플리케이션(200)을 포함할 수 있다. 도 3에 도시되는 비주얼 로직(예: 312, 322)는 도 2의 비주얼 로직(210)에 포함될 수 있다. 도 3에 도시되는 비즈니스 로직(예: 314)은 도 2의 비즈니스 로직(220)에 포함될 수 있다.

이하 설명에서, 제1 디자인(310)은 업데이트 되기 전의 기존의 디자인을 의미할 수 있고, 제2 디자인(320)은 제1 디자인(310)에서 업데이트된 디자인을 의미할 수 있다. 제1 비주얼 로직(예: 비주얼 로직(312))은 제1 디자인(310)에 포함되는 비주얼 로직을 의미할 수 있고, 제1 비즈니스 로직(예: 비즈니스 로직(314))은 제1 디자인(310)에 포함되는 비즈니스 로직을 의미할 수 있다. 제2 비주얼 로직(예: 비주얼 로직(322))은 제2 디자인(320)에 포함되는 비주얼 로직을 의미할 수 있고, 제2 비즈니스 로직(미도시)은 제2 디자인(320)에 포함되는 비즈니스 로직을 의미할 수 있다.

종래, 디자인의 업데이트에 따라 비주얼 로직이 수정되는 경우, 기존의 디자인을 구성하는 제1 비즈니스 로직(예: 비즈니스 로직(314))이 초기화되는 문제가 존재하였다. 다시 말해, 제1 비즈니스 로직이 초기화되고, 새로 생성된 제2 비주얼 로직에 상응하도록 제2 비즈니스 로직이 생성될 필요가 존재하였다. 일 실시 예에 따른 전자 장치는, 제1 비즈니스 로직을 제2 디자인에도 사용할 수 있도록, 기능 단위로 추상화한 컴포넌트 라이브러리(예: 컴포넌트 라이브러리(330))을 정의할 수 있다.

일 실시 예에서, 전자 장치(100)는 디자인 영역 및/또는 애플리케이션을 수행하기 위한 개발 영역을 구성하는 기능 단위에 따라 정의되는 컴포넌트 라이브러리(330)을 포함할 수 있다. 예를 들어, 메모리(120)는 컴포넌트 라이브러리(330)을 저장할 수 있다. 컴포넌트 라이브러리(330)는 컴포넌트 속성 값 및 컴포넌트 코드 템플릿에 관한 정보를 포함할 수 있다. 컴포넌트 라이브러리(330)는 애플리케이션(200)의 디자인 영역(예: 비주얼 로직(210))에서 정의하고 관리될 수 있으며 디자인의 정의에 따라 컴포넌트 코드의 템플릿이 정의될 수 있다.

도 3을 참조하면, 전자 장치(100)가 제1 디자인(310)을 포함하는 제1 애플리케이션을 생성한 이후에 디자인이 제2 디자인(320)으로 업데이트 되는 경우, 제2 디자인(320)을 포함하는 제2 애플리케이션을 생성하는 과정이 도시된다.

일 실시 예에서, 전자 장치(100)는 제1 애플리케이션(316)을 생성할 수 있다. 예를 들어, 전자 장치(100)는 제1 디자인(310)을 식별하고, 이에 기반하여 비주얼 로직(312)를 생성한 후 비주얼 로직(312)에 비즈니스 로직(314)를 적용하여 제1 애플리케이션(316)을 생성할 수 있다. 비즈니스 로직(314)는 애플리케이션의 실행을 위하여 필요한 정보를 포함하는 로직일 수 있으며, 이는 컴포넌트 라이브러리(330)에 비주얼 로직(312)와 분리되어 저장될 수 있다.

일 실시 예에서, 제1 디자인(310)은 컴포넌트 라이브러리(330)에서 정의되는 기능 단위에 상응하는 디자인을 포함할 수 있다. 제1 디자인(310)은 컴포넌트 라이브러리(330)에 포함되는 컴포넌트 속성 값 및 컴포넌트 코드 템플릿에 상응할 수 있다.

일 실시 예에서, 전자 장치(100)는 컴포넌트 라이브러리(330)에 기반하여 비주얼 로직(312)을 생성할 수 있다. 예를 들어, 전자 장치(100)는 제1 디자인의 결과물로부터 화면 구성 정보 및 컴포넌트 속성 값을 추출하여, 비주얼 로직(312)을 생성할 수 있다.

일 실시 예에서, 디자인이 제1 디자인(310)에서 제2 디자인(320)으로 업데이트 됨에 따라, 전자 장치(100)는 제2 디자인(320)을 포함하는 제2 애플리케이션(326)을 생성할 수 있다. 예를 들어, 전자 장치(100)는 제1 디자인(310)에 포함되는 디자인에서 전부 또는 일부가 수정된 제2 디자인(320)을 식별할 수 있다.

일 실시 예에서, 제2 디자인(320)은 컴포넌트 라이브러리(330)에서 정의되는 기능 단위에 상응하는 디자인을 포함할 수 있다. 예를 들어, 제2 디자인(320)은 컴포넌트 라이브러리(330)에 포함되는 컴포넌트 속성 값 및 컴포넌트 코드 템플릿에 상응할 수 있다.

일 실시 예에서, 전자 장치(100)는 컴포넌트 라이브러리(330)에 기반하여 비주얼 로직(322)을 생성할 수 있다. 예를 들어, 전자 장치(100)는 제2 디자인의 결과물로부터 화면 구성 정보 및 컴포넌트 속성 값을 추출하여, 비주얼 로직(322)을 생성할 수 있다.

일 실시 예에서, 전자 장치(100)는 제2 디자인(310)을 식별하고, 이에 기반하여 비주얼 로직(322)를 생성한 후 비주얼 로직(322)에 비즈니스 로직(314)를 적용하여 제2 애플리케이션(326)을 생성할 수 있다. 비즈니스 로직(314)는 제1 애플리케이션(316)에 포함되는 비즈니스 로직을 포함할 수 있다.

상술한 바와 같이, 기능 단위로 정의되는 컴포넌트 라이브러리에 상응하도록 디자인을 업데이트하여, 디자인의 업데이트에 따른 비주얼 로직의 변경에도 불구하고 기존에 사용하던 비즈니스 로직을 그대로 적용할 수 있다.

도 4는 본 개시의 일 실시 예에 따른 전자 장치(100)의 동작 흐름을 도시한다.

일 실시 예에 따르면, 동작 410에서 전자 장치는 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별할 수 있다. 비주얼 로직은 애플리케이션에 포함되는 디자인 구성 요소들을 구현하기 위하여 사용되는 로직을 포함할 수 있다.

일 실시 예에서, 컴포넌트 라이브러리는 애플리케이션에 포함되는 디자인 구성 요소에 관한 정보 및 각각의 디자인 구성 요소에 상응하는 비주얼 로직에 관한 정보를 포함할 수 있다.

일 실시 예에서, 디자인 구성 요소에 관한 정보에는 애플리케이션에 포함되는 그래픽 유저 인터페이스(graphic user interface, GUI)를 구성하는 구성 요소들에 대한 정보가 포함될 수 있다. 예를 들어, GUI를 구성하는 요소는 애플리케이션을 통하여 표시되는 객체(예: 사용자 입력을 수신하기 위한 아이콘, 버튼, 선택 창), 표시되는 폰트의 종류 및 크기, 구성 요소의 배치, 화면의 레이아웃과 관련된 정보(예: 가로 및 세로 길이, 가로 세로 비율)에 관한 정보를 포함할 수 있다

일 실시 예에서, 컴포넌트 라이브러리는 애플리케이션의 구성 중 디자인 영역에서 정의하고 관리될 수 있으며, 디자인의 정의에 따라 컴포넌트 코드 템플릿이 생성될 수 있다.

일 실시 예에서, 복수의 비주얼 로직들에 대한 정보는 복수의 비주얼 로직들 각각의 컴포넌트 속성 및 컴포넌트 코드 템플릿에 관한 정보를 포함할 수 있다. 예를 들어, 컴포넌트 속성은 디자인 구성 요소의 형태, 레이아웃, 색상, 확대/축소 가부, 사용자와의 상호 작용을 통하여 형태가 변화하는지 여부(예: 버튼이 선택되었을 때, 버튼이 눌려지는 효과가 적용 가능한지), 위치 이동 가부(예: 표시되는 객체의 위치가 고정되어 있는지 여부)에 관한 정보를 포함할 수 있다. 컴포넌트 코드 템플릿은 컴포넌트 속성에 따라 이를 애플리케이션을 통해 구현하는 경우에 적용되는 코드와 관련된 정보를 포함할 수 있다.

일 실시 예에 따르면, 동작 420에서 전자 장치는 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 애플리케이션 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성할 수 있다.

일 실시 예에서, 제1 비주얼 로직에 관한 정보는 제1 디자인에 포함되는 디자인 구성 요소들을 구현하기 위하여 사용되는 로직에 관한 정보를 포함할 수 있다.

일 실시 예에서, 제1 비주얼 로직에 관한 정보는 컴포넌트 라이브러리에 포함되는 복수의 비주얼 로직들에 관한 정보에 기반하여 식별될 수 있다.

일 실시 예에서, 비즈니스 로직에 관한 정보는 전자 장치가 생성하고자 하는 애플리케이션의 속성에 따라 생성될 수 있다. 비즈니스 로직은 비주얼 로직과는 독립적으로 생성되는 정보로서, 전자 장치 또는 외부 서버에 저장되는 데이터 베이스와 사용자 인터페이스 사이의 정보 교환을 처리하는 알고리즘, 조건 별 화면 전환에 대한 부분 등 데이터 처리를 수행하기 위한 알고리즘을 포함할 수 있다. 예를 들어, 비즈니스 로직에 관한 정보는 전자 장치의 통신 모듈(예: 통신 모듈(130)), 메모리(예: 메모리(120)), 페이지 전환 모듈(미도시), 데이터 모듈(미도시)과 사용자 인터페이스(140) 간의 데이터 처리를 수행하기 위한 알고리즘을 포함할 수 있다.

일 실시 예에서, 비즈니스 로직에 관한 정보는 비주얼 로직과 분리되어 컴포넌트 라이브러리에 저장될 수 있다.

일 실시 예에 따르면, 동작 430에서 전자 장치는 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별할 수 있다. 제2 비주얼 로직은 제2 디자인에 따라 결정되는 정보를 포함할 수 있다. 제2 디자인은 제1 디자인을 구성하는 구성 요소 중 적어도 하나의 구성 요소가 수정된 디자인을 포함할 수 있다. 예를 들어, 제1 디자인을 구성하는 구성 요소 중, 미리 정의된 특정 기능을 수행하기 위하여 애플리케이션에 표시되는 객체(예: 사용자의 확인 입력을 식별하기 위하여 애플리케이션에 표시되는 “Confirm”버튼)의 모양이 수정(예: 모서리 부분이 각진 형태에서 모서리 부분이 둥근 형태)된 제2 디자인을 식별할 수 있다.

일 실시 예에서, 전자 장치는 컴포넌트 라이브러리에 포함되는 복수의 비주얼 로직들에 관한 정보에 기반하여 제2 비주얼 로직을 식별할 수 있다.

일 실시 예에 따르면, 동작 440에서 전자 장치는 제2 비주얼 로직에 관한 정보 및 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성할 수 있다.

일 실시 예에서, 비즈니스 로직에 관한 정보는 동작 420에서 제1 애플리케이션을 생성하기 위하여 사용되는 비즈니스 로직에 상응하는 정보를 포함할 수 있다.

일 실시 예에서, 동작 440 이후에 비즈니스 로직의 수정을 식별하는 경우, 전자 장치는 수정된 비즈니스 로직에 관한 정보와 제2 비주얼 로직에 관한 정보에 기반하여 제3 애플리케이션을 생성할 수 있다. 예를 들어, 제2 애플리케이션의 기능 향상을 위하여 비즈니스 로직의 일부가 수정된 경우에, 제2 애플리케이션에 포함되는 제2 비주얼 로직과 수정된 비즈니스 로직에 기반하여 제2 애플리케이션을 생성할 수 있다.

일 실시 예에서, 제1 비주얼 로직에 관한 정보 및 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보 중 어느 하나의 비주얼 로직에 관한 정보를 포함할 수 있다.

도 5는, 본 개시의 일 실시 예에 따른 애플리케이션의 정합성 검토 흐름을 도시한다. 이하 설명에서, 정합성이란 애플리케이션의 생성과 관련하여, 설계된 디자인과 이를 바탕으로 실제 구현된 결과물을 비교하는 것을 의미할 수 있다.

일 실시 예에 따르면, 동작 510에서 전자 장치는 디자인의 업데이트를 식별할 수 있다. 동작 510에 따른 디자인 업데이트 동작은 도 4의 전자 장치의 동작 410 내지 440에 상응하는 동작을 포함할 수 있다.

일 실시 예에 따르면, 동작 520에서, 전자 장치는 업데이트된 디자인의 정합성 검토를 수행할 수 있다.

애플리케이션 생성과 관련하여 정합성 검토는, 기존에 디자인 결과물에 대하여 개발자가 코드를 구현하여 실제 애플리케이션을 생성 및 실행한 후에 수행 가능하였으나, 기능 단위로 미리 정의되는 컴포넌트 라이브러리의 생성 및 이에 기반하여 비주얼 로직을 구현하는 동작을 자동화함으로써, 애플리케이션의 디자인 업데이트 후 개발자의 별도의 코드 구현 과정 없이 곧바로 정합성을 검토할 수 있다. 이에 따라, 앱 개발자의 디자인 가이드 작성 및 가이드에 기반하여 애플리케이션 구현 시 오류가 발생할 수 있는 문제점을 방지할 수 있다. 또한, 전자 장치의 다양한 폼 팩터 스크린 대응 시 모든 스크린 비율을 시각적으로 확인할 수 있어, 발생할 수 있는 오류를 미리 해결할 수 있는 효과를 제공할 수 있다.

도 6은, 본 개시의 일 실시 예에 따른 애플리케이션 생성의 예를 도시한다.

도 6을 참조하면, 애플리케이션이 생성되는 경우 구현되는 비주얼 로직 및 비즈니스 로직의 예가 개시된다. 도 6을 참조하면, 애플리케이션은 제1 비주얼 로직(610), 제2 비주얼 로직(630) 및 비즈니스 로직(620)이 포함할 수 있다.

일 실시 예에서, 제1 애플리케이션은 제1 비주얼 로직(610) 및 비즈니스 로직(620)에 기반하여 생성될 수 있다.

일 실시 예에서, 제1 비주얼 로직(610)은 애플리케이션의 디자인 구성 요소(예: Confirm 버튼)에 관한 정보를 포함할 수 있다. 예를 들어, 제1 비주얼 로직은 디자인 구성요소의 모양(예: Rectangle)에 관한 정보, 형태에 관한 정보(예: 각진 모서리(borderradious:0) 및 표시되는 폰트에 관한 정보(예: 색상, 폰트 크기에 관한 정보)를 포함할 수 있다.

일 실시 예에서, 비즈니스 로직(620)은 애플리케이션의 기능을 수행하기 위하여 필요한 정보를 포함할 수 있다.

일 실시 예에서, 제2 애플리케이션은 제1 비주얼 로직(610)에서 디자인 구성 요소의 형태가 수정(예: borderradius가 0에서 16으로 변경)된 제2 비주얼 로직(620) 및 제1 애플리케이션에 사용되는 비즈니스 로직(620)에 기반하여 생성될 수 있다.

일 실시 예에서, 도면에는 도시되지 않았으나, 비즈니스 로직(620)이 수정되는 경우, 수정된 비즈니스 로직 및 제2 비주얼 로직(630)에 기반하여 제1 애플리케이션 및 제2 애플리케이션과 상이한 제3 애플리케이션이 생성될 수 있다.

일 실시 예에서, 도면에는 도시되지 않았으나, 수정된 비즈니스 로직 및 제2 비주얼 로직에서 수정된 제3 비주얼 로직에 기반하여, 제1 애플리케이션, 제2 애플리케이션 및 제3 애플리케이션과 상이한 제4 애플리케이션이 생성될 수 있다.

애플리케이션을 구성하는 비주얼 로직 빛 비즈니스 로직을 기능 단위로 정의되는 컴포넌트 라이브러리에 기반하여 생성함을 통해, 개발자의 앱 개발이 용이하게 수행될 수 있다.

본 개시의 일 실시 예에 따른 애플리케이션을 생성하기 위한 방법은, 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작, 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작, 상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작, 상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 포함하고, 상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함될 수 있다.

일 실시 예에서, 상기 애플리케이션은 로우 코드(low code) 도구를 통해 애플리케이션을 생성하기 위한 애플리케이션을 포함할 수 있다.

일 실시 예에서, 애플리케이션을 생성하기 위한 방법은, 상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값을 추출하는 동작, 상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값에 기반하여 상기 제1 비주얼 로직에 관한 정보를 생성하는 동작, 상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값을 추출하는 동작, 및 상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값에 기반하여 상기 제2 비주얼 로직에 관한 정보를 생성하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 비주얼 로직에 관한 정보는 상기 제1 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하고, 상기 제2 비주얼 로직에 관한 정보는 상기 제2 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함할 수 있다.

일 실시 예에서, 상기 복수의 비주얼 로직에 관한 정보는 상기 애플리케이션의 디자인 구성 요소에 관한 정보를 포함하고, 상기 애플리케이션의 디자인 구성 요소는 상기 애플리케이션에 포함되는 객체의 형태에 관한 정보, 상기 애플리케이션을 통해 표시되는 화면의 레이아웃과 관련된 정보를 포함할 수 있다.

일 실시 예에서, 상기 컴포넌트 라이브러리는 상기 디자인 구성 요소의 형태 변화와 관련되는 비즈니스 로직과 관련된 정보를 포함하는, 방법.

일 실시 예에서, 애플리케이션을 생성하기 위한 방법은, 상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작을 더 포함할 수 있다.

일 실시 예에서, 애플리케이션을 생성하기 위한 방법은 상기 제2 디자인과 상기 복수의 비주얼 로직들에 관한 정보의 유사도가 일정 값 이상이라고 결정하는 동작을 포함할 수 있다.

일 실시 예에서, 애플리케이션을 생성하기 위한 방법은, 상기 제2 애플리케이션과 상기 제2 디자인이 상응하는지 여부를 확인하는 동작, 상기 제2 애플리케이션과 상기 제2 디자인이 상응한다고 결정하는 경우, 상기 애플리케이션을 생성하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 비즈니스 로직과 다른 비즈니스 로직을 식별하는 동작, 및 상기 제2 비주얼 로직 및 상기 다른 비즈니스 로직에 기반하여, 제3 애플리케이션을 생성하는 동작을 더 포함할 수 있다.

본 개시의 일 실시 예에 따른 컴퓨터 판독 가능한 명령어들(instructions)이 저장된 비 일시적인(non-transitory) 기록 매체에 있어서, 상기 명령어들은 전자 장치의 적어도 하나의 프로세서에 의해 실행 시, 복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작, 제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작, 상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작, 상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 수행하도록 하고, 상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함될 수 있다.

일 실시 예에서, 상기 애플리케이션은 로우 코드(low code) 도구를 통해 애플리케이션을 생성하기 위한 애플리케이션을 포함할 수 있다.

일 실시 예에서, 기록 매체는, 상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값을 추출하는 동작, 상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값에 기반하여 상기 제1 비주얼 로직에 관한 정보를 생성하는 동작, 상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값을 추출하는 동작, 및 상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값에 기반하여 상기 제2 비주얼 로직에 관한 정보를 생성하는 동작을 수행하도록 하는 명령어들을 포함할 수 있다.

일 실시 예에서, 상기 제1 비주얼 로직에 관한 정보는 상기 제1 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하고, 상기 제2 비주얼 로직에 관한 정보는 상기 제2 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함할 수 있다.

일 실시 예에서, 상기 복수의 비주얼 로직에 관한 정보는 상기 애플리케이션의 디자인 구성 요소에 관한 정보를 포함하고, 상기 애플리케이션의 디자인 구성 요소는 상기 애플리케이션에 포함되는 객체의 형태에 관한 정보, 상기 애플리케이션을 통해 표시되는 화면의 레이아웃과 관련된 정보를 포함할 수 있다.

일 실시 예에서, 상기 컴포넌트 라이브러리는 상기 디자인 구성 요소의 형태 변화와 관련되는 비즈니스 로직과 관련된 정보를 포함하는, 방법.

일 실시 예에서, 기록 매체는, 상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작을 수행하도록 하는 명령어들을 더 포함할 수 있다.

일 실시 예에서, 기록 매체는 상기 제2 디자인과 상기 복수의 비주얼 로직들에 관한 정보의 유사도가 일정 값 이상이라고 결정하는 동작을 수행하도록 하는 명령어들을 포함할 수 있다.

일 실시 예에서, 기록 매체는, 상기 제2 애플리케이션과 상기 제2 디자인이 상응하는지 여부를 확인하는 동작, 상기 제2 애플리케이션과 상기 제2 디자인이 상응한다고 결정하는 경우, 상기 애플리케이션을 생성하는 동작을 수행하도록 하는 명령어들을 포함할 수 있다.

일 실시 예에서, 상기 비즈니스 로직과 다른 비즈니스 로직을 식별하는 동작, 및 상기 제2 비주얼 로직 및 상기 다른 비즈니스 로직에 기반하여, 제3 애플리케이션을 생성하는 동작을 수행하도록 하는 명령어들을 더 포함할 수 있다.

본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 예를 들면, 단수로 표현된 구성요소는 문맥상 명백하게 단수만을 의미하지 않는다면 복수의 구성요소를 포함하는 개념으로 이해되어야 한다. 본 문서에서 사용되는 '및/또는'이라는 용어는, 열거되는 항목들 중 하나 이상의 항목에 의한 임의의 가능한 모든 조합들을 포괄하는 것임이 이해되어야 한다. 본 개시에서 사용되는 '포함하다,' '가지다,' '구성되다' 등의 용어는 본 개시 상에 기재된 특징, 구성 요소, 부분품 또는 이들을 조합한 것이 존재함을 지정하려는 것일 뿐이고, 이러한 용어의 사용에 의해 하나 또는 그 이상의 다른 특징들이나 구성 요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 배제하려는 것은 아니다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다.

본 문서의 다양한 실시예들에서 사용된 용어 "~부" 또는 "~모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. "~부" 또는 "~모듈"은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일 실시예에 따르면, "~부" 또는 "~모듈"은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.

본 문서를 통해 설명된 디스플레이 장치에 의해 실행되는 프로그램은 하드웨어 구성요소, 소프트웨어 구성요소, 및/또는 하드웨어 구성요소 및 소프트웨어 구성요소의 조합으로 구현될 수 있다. 프로그램은 컴퓨터로 읽을 수 있는 명령어들을 수행할 수 있는 모든 시스템에 의해 수행될 수 있다.

소프트웨어는 컴퓨터 프로그램(computer program), 코드(code), 명령어(instruction), 또는 이들 중 하나 이상의 조합을 포함할 수 있으며, 원하는 대로 동작하도록 처리 장치를 구성하거나 독립적으로 또는 결합적으로 (collectively) 처리 장치를 명령할 수 있다. 소프트웨어는, 컴퓨터로 읽을 수 있는 저장 매체(computer-readable storage media)에 저장된 명령어를 포함하는 컴퓨터 프로그램으로 구현될 수 있다. 컴퓨터가 읽을 수 있는 저장 매체로는, 예를 들어 마그네틱 저장 매체(예컨대, ROM(Read-Only Memory), RAM(Random-Access Memory), 플로피 디스크, 하드 디스크 등) 및 광학적 판독 매체(예컨대, 시디롬(CD-ROM), 디브이디(DVD: Digital Versatile Disc)) 등이 있다. 컴퓨터가 읽을 수 있는 저장 매체는 네트워크로 연결된 컴퓨터 시스템들에 분산되어, 분산 방식으로 컴퓨터가 판독 가능한 코드가 저장되고 실행될 수 있다. 컴퓨터 프로그램은 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.

다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.

Claims (20)

1. 애플리케이션을 생성하기 위한 방법에 있어서,
   복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작;
   제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작;
   상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작;
   상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 포함하고,
   상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함되는, 방법.
2. 청구항 1에 있어서,
   상기 애플리케이션은 로우 코드(low code) 도구를 통해 애플리케이션을 생성하기 위한 애플리케이션을 포함하는 방법.
3. 청구항 1에 있어서,
   상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값을 추출하는 동작;
   상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값에 기반하여 상기 제1 비주얼 로직에 관한 정보를 생성하는 동작;
   상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값을 추출하는 동작; 및
   상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값에 기반하여 상기 제2 비주얼 로직에 관한 정보를 생성하는 동작;
   을 포함하는, 방법.
4. 청구항 3에 있어서,
   상기 제1 비주얼 로직에 관한 정보는 상기 제1 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하고,
   상기 제2 비주얼 로직에 관한 정보는 상기 제2 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하는, 방법.
5. 청구항 1에 있어서,
   상기 복수의 비주얼 로직에 관한 정보는 상기 애플리케이션의 디자인 구성 요소에 관한 정보를 포함하고,
   상기 애플리케이션의 디자인 구성 요소는 상기 애플리케이션에 포함되는 객체의 형태에 관한 정보, 상기 애플리케이션을 통해 표시되는 화면의 레이아웃과 관련된 정보를 포함하는, 방법.
6. 청구항 5에 있어서,
   상기 컴포넌트 라이브러리는 상기 디자인 구성 요소의 형태 변화와 관련되는 비즈니스 로직과 관련된 정보를 포함하는, 방법.
7. 청구항 1에 있어서,
   상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작을 더 포함하는, 방법.
8. 청구항 7에 있어서,
   상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작은:
   상기 제2 디자인과 상기 복수의 비주얼 로직들에 관한 정보의 유사도가 일정 값 이상이라고 결정하는 동작을 포함하는, 방법.
9. 청구항 1에 있어서,
   상기 제2 애플리케이션과 상기 제2 디자인이 상응하는지 여부를 확인하는 동작;
   상기 제2 애플리케이션과 상기 제2 디자인이 상응한다고 결정하는 경우, 상기 애플리케이션을 생성하는 동작을 포함하는, 방법.
10. 청구항 1에 있어서,
    상기 비즈니스 로직과 다른 비즈니스 로직을 식별하는 동작; 및
    상기 제2 비주얼 로직 및 상기 다른 비즈니스 로직에 기반하여, 제3 애플리케이션을 생성하는 동작을 더 포함하는, 방법.
11. 컴퓨터 판독 가능한 명령어들(instructions)이 저장된 비 일시적인(non-transitory) 기록 매체에 있어서, 상기 명령어들은 전자 장치의 적어도 하나의 프로세서에 의해 실행 시:
    복수의 비주얼 로직들에 관한 정보를 포함하는 컴포넌트 라이브러리를 식별하는 동작;
    제1 디자인에 상응하는 제1 비주얼 로직에 관한 정보 및 상기 애플리케이션의 속성에 따라 생성되는 비즈니스 로직에 관한 정보에 기반하여, 제1 애플리케이션을 생성하는 동작;
    상기 제1 디자인과 상이한 제2 디자인에 상응하는 제2 비주얼 로직에 관한 정보를 식별하는 동작;
    상기 제2 비주얼 로직에 관한 정보 및 상기 비즈니스 로직에 관한 정보에 기반하여 제2 애플리케이션을 생성하는 동작을 수행하도록 하고,
    상기 제1 비주얼 로직에 관한 정보 및 상기 제2 비주얼 로직에 관한 정보는 상기 복수의 비주얼 로직들에 관한 정보에 포함되는, 기록 매체.
12. 청구항 11에 있어서,
    상기 애플리케이션은 로우 코드(low code) 도구를 통해 애플리케이션을 생성하기 위한 애플리케이션을 포함하는, 기록 매체.
13. 청구항 11에 있어서,
    상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값을 추출하는 동작;
    상기 제1 디자인의 화면 구성 정보 및 상기 제1 디자인의 컴포넌트 속성 값에 기반하여 상기 제1 비주얼 로직에 관한 정보를 생성하는 동작;
    상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값을 추출하는 동작; 및
    상기 제2 디자인의 화면 구성 정보 및 상기 제2 디자인의 컴포넌트 속성 값에 기반하여 상기 제2 비주얼 로직에 관한 정보를 생성하는 동작을 더 수행하도록 하는, 기록 매체.
14. 청구항 13에 있어서,
    상기 제1 비주얼 로직에 관한 정보는 상기 제1 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하고,
    상기 제2 비주얼 로직에 관한 정보는 상기 제2 디자인의 컴포넌트 속성에 기반하여 추출되는 코드에 관한 정보를 포함하는, 기록 매체.
15. 청구항 11에 있어서,
    상기 복수의 비주얼 로직에 관한 정보는 상기 애플리케이션의 디자인 구성 요소에 관한 정보를 포함하고,
    상기 애플리케이션의 디자인 구성 요소는 상기 애플리케이션에 포함되는 객체의 형태에 관한 정보, 상기 애플리케이션을 통해 표시되는 화면의 레이아웃과 관련된 정보를 포함하는, 기록 매체.
16. 청구항 15에 있어서,
    상기 컴포넌트 라이브러리는 상기 디자인 구성 요소의 형태 변화와 관련되는 비즈니스 로직과 관련된 정보를 포함하는, 기록 매체.
17. 청구항 11에 있어서,
    상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작을 더 포함하는, 기록 매체.
18. 청구항 17에 있어서,
    상기 제2 비주얼 로직에 관한 정보가 상기 컴포넌트 라이브러리의 상기 복수의 비주얼 로직들에 관한 정보에 상응하는지 여부를 판단하는 동작은:
    상기 제2 디자인과 상기 복수의 비주얼 로직들에 관한 정보의 유사도가 일정 값 이상이라고 결정하는 동작을 포함하는, 기록 매체.
19. 청구항 11에 있어서,
    상기 제2 애플리케이션과 상기 제2 디자인이 상응하는지 여부를 확인하는 동작;
    상기 제2 애플리케이션과 상기 제2 디자인이 상응한다고 결정하는 경우, 상기 애플리케이션을 생성하는 동작을 수행하는, 기록 매체.
20. 청구항 11에 있어서,
    상기 비즈니스 로직과 다른 비즈니스 로직을 식별하는 동작; 및
    상기 제2 비주얼 로직 및 상기 다른 비즈니스 로직에 기반하여, 제3 애플리케이션을 생성하는 동작을 더 포함하는, 기록 매체.

Images