KR102560619B1 - 노코드툴 서비스를 제공하는 전자 장치 및 그 방법 - Google Patents

노코드툴 서비스를 제공하는 전자 장치 및 그 방법 Download PDF

Info

Publication number
KR102560619B1
KR102560619B1 KR1020230034928A KR20230034928A KR102560619B1 KR 102560619 B1 KR102560619 B1 KR 102560619B1 KR 1020230034928 A KR1020230034928 A KR 1020230034928A KR 20230034928 A KR20230034928 A KR 20230034928A KR 102560619 B1 KR102560619 B1 KR 102560619B1
Authority
KR
South Korea
Prior art keywords
window
component
page
input
displaying
Prior art date
Application number
KR1020230034928A
Other languages
English (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 KR1020230034928A priority Critical patent/KR102560619B1/ko
Application granted granted Critical
Publication of KR102560619B1 publication Critical patent/KR102560619B1/ko

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/31—Programming languages or programming paradigms
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming

Landscapes

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

Abstract

웹페이지를 생성하는 노코드툴(No-Code Tool) 서비스를 제공하는 전자 장치 및 그 방법이 개시된다. 상기 방법은 웹(web)상 주소가 할당된 페이지(Page)를 생성하고, 페이지 내에서 사용자 입력에 따라 이동하는 커서(Cursor)를 표시하고, 페이지 내에서 제1 위치를 선택하는 제1 사용자 입력이 수신됨에 따라 제1 위치에 대응하는 입력창을 생성하고, 입력창을 통해 모달 윈도(Modal Window), 알림 윈도 및 컴포넌트(Component) 중 적어도 하나를 생성하는 커맨드(command) 입력을 수신하고, 커맨드 입력이 컴포넌트에 대응하면, 컴포넌트를 생성하여 제1 위치에 표시하고, 컴포넌트 내부에서 제2 위치를 선택하는 제2 사용자 입력에 응답하여, 텍스트(text), 버튼, 이미지 및 인풋창(input window) 중 적어도 하나의 사용자 인터페이스 객체를 생성하기 위한 드롭다운 메뉴(drop-down menu)를 표시하며, 드롭다운 메뉴에서 하나의 사용자 인터페이스 객체를 선택하는 제3 사용자 입력에 응답하여 제2 위치에 선택된 사용자 인터페이스 객체를 표시하고, 화면의 일 측면에 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값을 표시한다. 이때 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값은 타입스크립트(Typescript)로 작성된 스벨트(Svelte) 프레임워크로 구현된다.

Description

노코드툴 서비스를 제공하는 전자 장치 및 그 방법 {ELECTRONIC DEVICE PROVIDING NO-CODE TOOL SERVICE AND METHOD THEREOF}
본 발명은 웹페이지를 제작하는 노코드툴(No-Code Tool) 서비스를 제공하는 전자 장치 및 그 방법에 관한 것이다.
최근 4차 산업혁명 시대가 도래하면서 사회의 전 영역에서 디지털 전환 추세가 가속화되고 있다. 디지털 전환이란 소프트웨어를 활용하여 맞춤형 플랫폼을 만드는 것을 의미한다. 비즈니스 모델은 다양하므로 이에 대한 플랫폼에 대한 니즈도 다양하고 많을 수밖에 없는 것이 현실이나, 대기업이 아닌 중소기업에서 코딩, 프로그래밍 전문 인력을 확보하는데에 어려움이 있다. 이에 정부 및 민간 영역에서 개발자를 양성하기 위해 많은 노력을 하고 있으나 한계가 있다. 따라서, 프로그래밍에 익숙하지 않은 사람들도 플랫폼 내의 템플릿을 이용하여 스스로 필요한 서비스나 애플리케이션을 구현할 수 있는 노코드(No-Code), 로우 코드(Low Code) 플랫폼이 개발 시장에서 성장 중이다. 노코드 플랫폼은 코딩 없이 웹페이지 또는 웹어플리케이션을 개발하는 방식을 의미하며, 로우 코드 플랫폼은 개발자와 유사한 코딩을 할 수 있도록 최소화 및 간소화된 코딩을 제공하는 것을 의미한다.
그러나 현존하는 노코드툴 플랫폼은 특정 기능에 중점을 두어 다양한 비즈니스 모델을 적용하는데에 한계가 있거나, 인터페이스의 복잡도가 높아 여전히 일반인이 접근하는데에 여전히 어려움이 있다. 또한 로우 코드 플랫폼은 주로 복잡한 프로그램 개발을 돕는 개발자용 툴로서 사용되고 있다. 이에, 보다 시각적이고 효율적인 방식으로 다양한 비즈니스 모델에 적용할 수 있는 노코드툴 서비스를 제공하는 방법 및 그 시스템이 필요하다.
(특허문헌 1) KR 102482641
본 발명은 상술한 문제점을 해결하기 위한 것으로, 본 발명의 목적은 직관적인 사용자 인터페이스를 제공함으로써 용이하게 웹페이지를 제공할 수 있는 노코드툴 서비스를 제공하는데에 그 목적이 있다.
또한, 본 발명은 런타임 부하가 최소화된 웹페이지를 제공할 수 있는 노코드툴 서비스를 제공하는데에 그 목적이 있다.
다만, 본 실시예가 이루고자 하는 기술적 과제는 상기된 바와 같은 기술적 과제들로 한정되지 않으며, 또 다른 기술적 과제들이 더 존재할 수 있다.
상술한 목적을 달성하기 위한 본 발명의 일 실시예에 따른 전자 장치의 동작 방법은 웹(web)상 주소가 할당된 페이지(Page)를 생성하는 단계; 상기 페이지 내에서 사용자 입력에 따라 이동하는 커서(Cursor)를 표시하는 단계; 상기 페이지 내에서 제1 위치를 선택하는 제1 사용자 입력이 수신됨에 따라 상기 제1 위치에 대응하는 입력창을 생성하는 단계; 상기 입력창을 통해 모달 윈도(Modal Window), 알림 윈도 및 컴포넌트(Component) 중 적어도 하나를 생성하는 커맨드(command) 입력을 수신하는 단계; 상기 커맨드 입력이 컴포넌트에 대응하면, 컴포넌트를 생성하여 상기 제1 위치에 표시하고, 상기 컴포넌트 내부에서 제2 위치를 선택하는 제2 사용자 입력에 응답하여, 텍스트(text), 버튼, 이미지 및 인풋창(input window) 중 적어도 하나의 사용자 인터페이스 객체를 생성하기 위한 드롭다운 메뉴(drop-down menu)를 표시하는 단계; 상기 드롭다운 메뉴에서 하나의 사용자 인터페이스 객체를 선택하는 제3 사용자 입력에 응답하여 상기 제2 위치에 상기 선택된 사용자 인터페이스 객체를 표시하는 단계; 및 화면의 일 측면에 상기 페이지, 상기 모달 윈도, 상기 알림 윈도 및 상기 컴포넌트의 설정값을 표시하는 단계를 포함한다. 이때 상기 페이지, 상기 모달 윈도, 상기 알림 윈도 및 상기 컴포넌트의 설정값은 타입스크립트(Typescript)로 작성된 스벨트(Svelte) 프레임워크로 구현된다.
본 발명의 기타 구체적인 사항들은 상세한 설명 및 도면들에 포함되어 있다.
본 발명의 다양한 실시예는, 프로그래밍이 아닌 시각적인 사용자 인터페이스를 통하여 웹페이지를 제작할 수 있는 사용자 경험(User Experience)을 제공할 수 있다.
또한, 본 발명의 다양한 실시예는 타입스크립트(Typescript)로 작성된 스벨트(Svelte) 프레임워크(framework)를 이용함으로써 런타임 부하가 최소화된 웹페이지를 제공할 수 있다.
또한, 본 발명의 다양한 실시예는, 타입스크립트(Typescirpt) 기반의 프론트엔드 및 백엔드를 제공함으로써 안정적인 웹페이지 구동 환경을 제공할 수 있다.
본 발명의 효과들은 이상에서 언급된 효과로 제한되지 않으며, 언급되지 않은 또 다른 효과들은 아래의 기재로부터 통상의 기술자에게 명확하게 이해될 수 있을 것이다.
도 1은 본 발명의 일 실시예에 따른 웹페이지를 제작하는 노코드툴(No-Code Tool) 서비스를 제공하는 노코드툴 시스템을 도시한다.
도 2는 본 발명의 일 실시예에 따른 노코드툴 서비스를 제공하는 전자 장치의 동작 방법을 도시한 도면이다.
도 3은 본 발명의 일 실시예에 따라 전자 장치가 노코드툴 서비스를 제공하는 화면을 도시한다.
도 4는 본 발명의 일 실시예에 따라 제1 위치에 대응하여 생성된 입력창을 도시한다.
도 5는 본 발명의 일 실시예에 따라 생성된 컴포넌트를 도시한다.
도 6은 본 발명의 일 실시예에 따라 생성된 모달 윈도 및 모달 윈도의 설정 버튼을 통해 데이터를 입력하는 화면을 도시한다.
도 7은 본 발명의 일 실시예에 따라 생성된 알림 윈도의 설정 버튼을 통해 데이터를 입력하는 화면을 도시한다.
도 8은 본 발명의 일실시예에 따라 타입스크립트로 작성된 페이지 설정값을 도시한다.
도 9는 본 발명의 일 실시예에 따라 생성된 컴포넌트를 도시한다.
도 10은 도 9의 컴포넌트에 대응하여 타입스크립트로 작성된 컴포넌트 설정값을 도시한다.
도 11은 본 발명의 일 실시 예에 따른 전자 장치의 구성도이다.
이하에서, 첨부된 도면을 이용하여 본 발명에 대하여 구체적으로 설명한다. 본 발명을 설명함에 있어서, 관련된 공지 기술에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단되는 경우 그 상세한 설명을 생략한다. 또한, 본 명세서의 설명 과정에서 이용되는 숫자(예를 들어, 제1, 제2 등)는 하나의 구성요소를 다른 구성요소와 구분하기 위한 식별기호에 불과하다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어"있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어"있다거나 "직접 접속되어"있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해되어야 할 것이다.
본 출원에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 발명을 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다. 본 출원에서, "포함하다" 또는 "가지다" 등의 용어는 명세서 상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
다른 정의가 없다면, 본 명세서에서 사용되는 모든 용어(기술 및 과학적 용어를 포함)는 본 발명이 속하는 기술분야의 통상의 기술자에게 공통적으로 이해될 수 있는 의미로 사용될 수 있을 것이다. 또한, 일반적으로 사용되는 사전에 정의되어 있는 용어들은 명백하게 특별히 정의되어 있지 않는 한 이상적으로 또는 과도하게 해석되지 않는다.
본 명세서에서, 전자 장치는 적어도 하나의 프로세서를 포함하는 무선 통신 기능을 포함하는 하드웨어 장치를 의미하는 것이고, 실시 예에 따라 해당 하드웨어 장치에서 동작하는 소프트웨어적 구성도 포괄하는 의미로서 이해될 수 있다. 예를 들어, 전자 장치는 데스크톱, 노트북, 스마트폰, 휴대폰, 헨드헬드 장치(hand-held device), 태블릿 PC 및 각 장치에서 구동되는 사용자 클라이언트 및 애플리케이션을 모두 포함하는 의미로서 이해될 수 있으며, 또한 이에 제한되는 것은 아니다.
또한, 본 명세서에서 장치는 "기기" 또는 "디바이스(device)"와 혼용될 수 있으며, "디바이스", "기기" 및 "장치"는 동일한 표현으로 기재되어 있을 수 있다.
본 명세서에서 설명되는 각 단계들은 단말에 의하여 수행되는 것으로 설명되나, 각 단계의 주체는 이에 제한되는 것은 아니며, 실시 예에 따라 각 단계들의 적어도 일부가 서로 다른 장치에서 수행될 수도 있다.
이하, 첨부한 도면들을 참조하여, 본 발명의 바람직한 실시예를 보다 상세하게 설명하고자 한다. 이하, 도면상의 동일한 구성요소에 대해서는 동일한 참조부호를 사용하고 동일한 구성요소에 대해서 중복된 설명은 생략한다.
도 1은 본 발명의 일 실시예에 따른 웹페이지를 제작하는 노코드툴(No-Code Tool) 서비스를 제공하는 노코드툴 시스템(1)을 도시한다.
본 발명의 일 실시예에 따른 시스템(1)은 전자 장치(10) 및 서버 장치(20)를 포함하여 구성된다.
전자 장치(10)의 사용자는 기 설치된 어플리케이션 또는 웹 어플리케이션을 등을 통해 노코드툴 서비스를 실행할 수 있다. 본 발명의 일 실시예에 따른 노코드툴 서비스는 전자 장치(10)에서 웹페이지를 생성하기 위한 사용자 인터페이스 등을 제공하는 프론트엔드(frontend)와 서버 장치(20)에 기 설치되어 데이터 베이스, 서버 관리 등을 제공하는 백엔드(backend)를 포함할 수 있다. 이때 전자 장치(10)와 서버 장치(20)는 네트워크(network)를 통해 서로 통신할 수 있다. 여기서 네트워크는 다양한 기술로 구현된 유선 및 무선 네트워크를 포함할 수 있다.
본 발명의 일 실시예에 따른 시스템(1)은 노코드툴 서비스를 통해 사용자가 프로그래밍 언어를 사용하지 않고 시각적인 사용자 인터페이스를 이용하여 직관적으로 웹페이지 및또는 웹어플리케이션을 작성할 수 있도록 함으로써, 비개발자도 원하는 웹페이지 및또는 웹어플리케이션을 용이하게 제작할 수 있도록 할 수 있다. 이하, 도 2 내지 도 11을 참조하여 상세히 설명한다.
도 2는 본 발명의 일 실시예에 따른 노코드툴 서비스를 제공하는 전자 장치의 동작 방법을 도시한 도면이다.
도 2를 참조하면, 전자 장치(10)는 웹(web)상 주소가 할당된 페이지(page)를 생성한다(S21). 여기서 페이지는 웹 상에 제공되는 기본 화면으로서, 다른 페이지, 다른 웹어플리케이션 등과 연동될 수 있다. 전자 장치(10)는 생성된 페이지에 웹상 주소를 할당함으로써, 생성된 페이지가 웹상에 제공될 수 있도록 할 수 있다. 한편, 전자 장치(10)는 페이지 제작이 완료되었다는 사용자 입력(예컨대, 도 3의 '출시하기' 버튼 입력 등)이 수신되기 전까지 상기 페이지에 할당된 웹상 주소의 접근을 제한할 수 있다. 도 3은 본 발명의 일 실시예에 따라 전자 장치(10)가 노코드툴 서비스를 제공하는 화면을 도시한다. 도 3을 참조하면, 전자 장치(10)는 웹상 주소가 할당된 페이지(31)를 생성할 수 있다. 이때 해당 페이지(31)가 하위 페이지(child page) 또는 상위 페이지(parent page)를 갖는지 여부는 화면의 좌측의 설정창(32)을 통해 제공할 수 있다.
다시 도 2를 참조하면, 전자 장치(10)는 페이지 내에서 사용자 입력에 따라 이동하는 커서(Cursor)를 표시한다(S22). 예를 들어, 전자 장치(10)는 마우스(mouse), 조이스틱 등을 이동하는 사용자 입력에 따라 커서를 표시할 수 있으며, 화면을 호버링(hovering)하는 사용자 입력에 따라 커서를 표시할 수도 있다. 그러나 이에 한정되는 것은 아니다. 한편, 커서는 도 3에 도시된 바와 같이 '/' 형상(33)일 수 있으나, 이에 한정되는 것은 아니다.
다음으로, 전자 장치(10)는 페이지 내에서 제1 위치를 선택하는 제1 사용자 입력이 수신됨에 따라 제1 위치에 대응하는 입력창을 생성한다(S23). 여기서 제1 위치를 선택하는 제1 사용자 입력은 터치(touch), 클릭(click) 등을 포함할 수 있으나, 이에 한정되는 것은 아니다.
도 4는 본 발명의 일 실시예에 따라 제1 위치에 대응하여 생성된 입력창을 도시한다. 도 4를 참조하면, 전자 장치(10)는 사용자 입력이 수신된 제1 위치(33)에 입력창(41)을 표시할 수 있다.
전자 장치(10)는 입력창을 통해 모달 윈도(modal window), 알림 윈도 및 컴포넌트(Component) 중 적어도 하나를 생성하는 커맨드(command) 입력을 수신한다(S24). 커맨드 입력은 기 설정된 문자열일 수 있으며, 비한정적인 예로서, 'component', '컴포넌트', 'cp new', 'cp win', 'modal', '모달', 'mw new', 'alarm', '알림', 'notify', 'aw new' 등일 수 있다. 전자 장치(10)는 입력창 하부에 사용가능한 커맨드 리스트를 불투명한 팝업창으로 제공할 수 있다.
전자 장치(10)는 커맨드 입력이 컴포넌트에 대응하면 컴포넌트를 생성하여 제1 위치에 표시하며, 컴포넌트 내부에서 제2 위치를 선택하는 제2 사용자 입력에 응답하여, 텍스트(text), 버튼(button), 이미지 및 인풋창(input windown) 중 적어도 하나의 사용자 인터페이스 객체를 생성하기 위한 드롭다운 메뉴(drop-down menu)를 표시한다(S25). 전자 장치(10)는 상기 사용자 인터페이스 객체들 이외에 카드, 탭바(tab bar) 등을 더 포함하여 드롭다운 메뉴를 표시할 수 있다. 한편, 생성된 컴포넌트의 크기는 기 결정된 초기값으로 결정될 수 있으나, 컴포넌트의 가장자리를 드레그(drag)하는 사용자 입력에 따라 변경될 수 있다.
도 5는 본 발명의 일 실시예에 따라 생성된 컴포넌트를 도시한다. 전자 장치(10)는 입력창에 'component', '컴포넌트', 'cp new', 'cp win' 등과 같이 컴포넌트에 대응하는 커맨드 입력이 수신되면, 제1 위치(도 3의 31)에 기 결정된 크기의 컴포넌트(51)를 생성할 수 있다. 또한, 전자 장치(10)는 컴포넌트(51) 내부에서 제2 위치(52)를 선택하는 사용자 입력에 응답하여 드롭다운 메뉴(53)를 표시할 수 있다. 한편, 실시예에 따라, 전자 장치(10)는 제2 위치(52)에서 각 사용자 인터페이스 객체에 대응하는 커맨드 입력을 수신할 수도 있다. 이 경우, 커맨드 입력에 대응하는 사용자 인터페이스가 생성되고 드롭다운 메뉴(53)는 제거될 수 있다.
다시 도 2를 참조하면, 전자 장치(10)는 드롭다운 메뉴에서 하나의 사용자 인터페이스 객체를 선택하는 제3 사용자 입력에 응답하여 제2 위치에 선택된 사용자 인터페이스 객체를 표시한다(S26). 예를 들어, 전자 장치(10)는 텍스트 객체가 선택되면 텍스트를 입력할 수 있는 텍스트 입력창을 표시하며, 버튼 객체가 선택되면 버튼을 생성할 수 있는 버튼 입력창을 표시할 수 있다. 이때, 버튼 입력창은 각 버튼과 연결되어 동작해야 하는 액션(action) 객체를 사용자가 입력 및/또는 선택할 수 있는 사용자 인터페이스를 더 제공할 수 있다. 또한, 전자 장치(10)는 이미지가 선택되면 이미지를 업로드 및/또는 촬상할 수 있는 사용자 인터페이스를 표시할 수 있다.
추가로, 전자 장치(10)는 커맨드 입력이 모달 윈도에 대응하면 모달 윈도를 생성하여 제1 위치에 표시할 수 있다. 전자 장치(10)는 모달 윈도 상단 일측에 활성화된 모달 설정 버튼을 통해 모달 윈도의 색상, 데이터 및 액션 중 적어도 하나를 입력하는 제4 사용자 입력을 수신할 수 있다. 도 6은 본 발명의 일 실시예에 따라 생성된 모달 윈도 및 모달 윈도의 설정 버튼을 통해 데이터를 입력하는 화면을 도시한다.
또한, 전자 장치(10)는 커맨드 입력이 알림 윈도에 대응하면 페이지의 일 측면에 활성화된 알림 설정 버튼을 통해 알림 윈도의 색상, 데이터, 액션 및 닫기 버튼 설정 중 적어도 하나를 입력하는 제5 사용자 입력을 수신할 수 있다. 도 7은 본 발명의 일 실시예에 따라 생성된 알림 윈도의 설정 버튼을 통해 데이터를 입력하는 화면을 도시한다.
한편, 전자 장치(10)는 페이지 내에서 컴포넌트, 모달 윈도 및 알림 윈도를 이동시키는 사용자 입력에 응답하여 컴포넌트, 모달 윈도 및 알림 윈도의 설정값을 갱신할 수 있다. 이때, 컴포넌트, 모달 윈도 및 알림 윈도는 사용자 입력에 대응하여 이동 위치할 수 있다.
다시 도 2를 참조하면, 전자 장치(10)는 화면의 일 측면에 커맨드 입력, 사용자 입력들에 응답하여 생성된 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값을 표시한다(S27). 여기서 설정값은 페이지, 모달 윈도, 알림 윈도 및 컴포넌트들의 이름, 색상, 위치, 크기, 하이어라키(Hierarchy), 사용자 인터페이스 객체 정보, 데이터, 액션 등을 포함할 수 있다. 도 3 내지 도 7에 도시된 바와 같이, 전자 장치(10)는 상기 설정값을 화면 좌측면(32)에 표시할 수 있으나, 이에 한정되는 것은 아니며, 전자 장치(10)는 상기 설정값을 팝업창으로 표시할 수도 있다. 전자 장치(10)는 페이지 내부에서뿐만 아니라, 상기 설정값을 통해서도 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정을 변경할 수 있다. 예를 들어, 전자 장치(10)는 '+' 버튼(34)을 이용하여 새로운 모달 윈도, 알림 윈도 및 컴포넌트를 생성할 수 있다.
한편, 생성된 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값은 타입스크립트(Typescript)로 작성된 스벨트(Svelte) 프레임워크(framework)로 구현된다. 타입스크립트(Typescript)는 자바스크립트(Javascript) 기반의 언어로 별도의 트랜스파일러를 필요로 하지 않고 자바스크립트 엔진을 사용할 수 있어 확장성 측면에서 우수하며, 자바스크립트와 달리 기 결정된 타입을 사용하기 때문에 런타임(runtime) 작업에 유리한 특징을 가진다. 또한, 스벨트(Svelte)는 가상의 문서 객체 모델(Document Object Model) 및 라이브러리들을 제거함으로써 빌드(build) 용량을 최소화하여 런타임 작업에 유리한 프레임워크(또는 컴파일러)이다. 전자 장치(10)는 타입스크립트로 작성된 스벨트 프레임워크를 통해 런타임 부하를 최소화함으로써 사용자에게 효율적인 웹페이지 제작 및 운영을 제공할 수 있다.
전자 장치(10)는 사용자 입력에 대응하여 기 결정된 타입스크립트 구조체에 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값을 추가할 수 있다. 이때, 구조체는 페이지, 모달 윈도, 알림 윈도 및 컴포넌트 별로 상이하게 결정될 수 있다.
도 8은 본 발명의 일실시예에 따라 타입스크립트로 작성된 페이지 설정값을 도시하고, 도 9는 본 발명의 일 실시예에 따라 생성된 컴포넌트를 도시하며, 도 10은 도 9의 컴포넌트에 대응하여 타입스크립트로 작성된 컴포넌트 설정값을 도시한다.
먼저, 도 8을 참조하면, 전자 장치(10)는 기 결정된 타입스크립트 구조체에 페이지의 설정값을 추가할 수 있다. 예를 들어, 전자 장치(10)는 페이지의 고유값(id), 사용자가 생성하는 웹어플리케이션의 고유값(applicationId), 제목(title), 웹상 주소(path), 매개변수 목록(params), 보유 컴포넌트(blocks), 페이지 로드시 발생하는 액션(loadActions), 액션 이후 리턴되는 값(loadedDataSchema), 보유 배너(banners) 등을 포함할 수 있다. 전자 장치(10)는 페이지가 생성됨에 따라 자동으로 보유되는 페이지 고유값(id), 웹어플리케이션 고유값(applicationId) 및 웹상 주소(path) 이외에 사용자 입력에 따라 대응되는 값을 구조체에 추가할 수 있다.
도 9및 도 10을 참조하면, 전자 장치(10)는 기 결정된 타입스크립트 구조체에 컴포넌트의 설정값을 추가할 수 있다. 이때 컴포넌트의 설정값이 추가되는 구조체는 페이지의 구조체와 상이하다. 예를 들어, 전자 장치(10)는 컴포넌트의 고유값(id), 컴포넌트 유형(typeSlug), 속성(props), 보유 사용자 인터페이스 객체(childBlocks), 액션 전달값(value), 라벨(lable), 컴포넌트 클릭시 발생 액션(clickActions) 등을 포함할 수 있다. 도 9에서는 텍스트 사용자 인터페이스 객체(91) 및 이미지 사용자 인터페이스 객체(92)가 생성되었으므로, 도 10을 참조하면, 전자 장치(10)는 텍스트 사용자 인터페이스 객체(91)에 대응하는 제1 보유 사용자 인터페이스 객체(101) 및 제2 보유 사용자 인터페이스 객체(102)를 추가할 수 있다. 이때 추가되는 각 사용자 인터페이스 객체의 구조체는 컴포넌트의 구조체와 유사하므로 자세한 설명은 생략한다.
한편, 스벨트 프레임워크로 구현된 프론트엔드는 서버 장치(20)에서 타입스크립트 및 TypeORM(Type Object Relational Mapping)을 이용하여 작성된 네스트 자바스크립트(NestJS) 프레임워크로 구현된 백엔드(backend)와 통신할 수 있다. 여기서 TypeORM은 타입스크립트로 작성된 객체를 분석하여 데이터 베이스 접근을 위한 SQL 쿼리를 작성하는데에 이용될 수 있으며, 네스트 자바스크립트는 많은 라이브러리를 내장하고 플러그인(plugin)을 통한 확정성을 보장하여 서버측 애플리케이션 개발에 유리하다. 서버 장치(20)는 프론트엔드에서 수신된 설정값을 전자 장치(10)의 사용자에 대응하는 데이터 베이스에 저장하고, 프론트엔드에서 요청된 데이터를 상기 데이터 베이스로부터 추출하여 제공할 수 있다.
본 발명의 일 실시예에 따른 시스템(1)은 타입스크립트를 이용하여 프론트엔드 및 백엔드를 구현하여 동적 렌더링(Rendering)을 수행함으로써 생성된 웹페이지에 대하여 높은 안정성을 제공할 수 있다. 또한, 본 발명의 일 실시예에 따른 시스템(1)은 프론트엔드에서 전술한 스벨트 이외에 스벨트키트(SvelteKit)를 프레임워크로 더 사용할 수 있으며, 백엔드에서 postgresQL 을 더 사용할 수 있으나, 이에 한정되는 것은 아니다.
한편, 상술한 설명에서 각 단계들은 본 발명의 구현예에 따라서, 추가적인 단계들로 더 분할되거나, 더 적은 단계들로 조합될 수 있다. 또한, 일부 단계는 필요에 따라 생략될 수도 있고, 단계 간의 순서가 변경될 수도 있다.
도 11은 본 발명의 일 실시 예에 따른 전자 장치(10)의 구성도이다. 도 11의 전자 장치(10)는, 앞서 도 1 내지 도 10에서 설명된 실시예들과 관련된다. 따라서, 이하 생략된 내용이라 하여도 도 1 내지 도 10에서 앞서 설명된 내용들은, 도 11의 구성에도 적용될 수 있다.
프로세서(111)는 하나 이상의 코어(core, 미도시) 및 그래픽 처리부(미도시) 및/또는 다른 구성 요소와 신호를 송수신하는 연결 통로(예를 들어, 버스(bus) 등)를 포함할 수 있다.
일 실시예에 따른 프로세서(111)는 메모리(112)에 저장된 하나 이상의 인스트럭션을 실행함으로써, 도 1 내지 도 10와 관련하여 설명된 방법을 수행한다. 예를 들어, 프로세서(111)는 웹(web)상 주소가 할당된 페이지(Page)를 생성하고, 페이지 내에서 사용자 입력에 따라 이동하는 커서(Cursor)를 표시하고, 페이지 내에서 제1 위치를 선택하는 제1 사용자 입력이 수신됨에 따라 제1 위치에 대응하는 입력창을 생성하고, 상기 입력창을 통해 모달 윈도(Modal Window), 알림 윈도 및 컴포넌트(Component) 중 적어도 하나를 생성하는 커맨드(command) 입력을 수신한다. 또한, 프로세서(111)는 커맨드 입력이 컴포넌트에 대응하면, 컴포넌트를 생성하여 제1 위치에 표시하고, 컴포넌트 내부에서 제2 위치를 선택하는 제2 사용자 입력에 응답하여, 텍스트(text), 버튼, 이미지 및 인풋창(input window) 중 적어도 하나의 사용자 인터페이스 객체를 생성하기 위한 드롭다운 메뉴(drop-down menu)를 표시하고, 드롭다운 메뉴에서 하나의 사용자 인터페이스 객체를 선택하는 제3 사용자 입력에 응답하여 제2 위치에 선택된 사용자 인터페이스 객체를 표시하고, 화면의 일 측면에 생성된 모달 윈도, 알림 윈도 및 컴포넌트의 설정값을 표시한다. 이때 페이지, 모달 윈도, 알림 윈도 및 컴포넌트의 설정값은 타입스크립트(Typescript)로 작성된 스벨트(Svelte) 프레임워크로 구현된다.
또한, 프로세서(111)는 커맨드 입력이 모달 윈도에 대응하면, 모달 윈도를 생성하여 제1 위치에 표시하고, 모달 윈도 상단 일측에 활성화된 모달 설정 버튼을 통해 모달 윈도의 색상, 데이터 및 액션 중 적어도 하나를 입력하는 제4 사용자 입력을 수신할 수 있다.
또한, 프로세서(111)는 커맨드 입력이 알림 윈도에 대응하면, 페이지의 일 측면에 활성화된 알림 설정 버튼을 통해 알림 윈도의 색상, 데이터, 액션 및 닫기 버튼 설정 중 적어도 하나를 입력하는 제5 사용자 입력을 수신할 수 있다.
또한, 프로세서(111)는 페이지 내에서 컴포넌트, 모달 윈도 및 알림 윈도를 이동시키는 사용자 입력에 응답하여 컴포넌트, 모달 윈도 및 알림 윈도의 설정값을 갱신할 수 있다.
한편, 스벨트 프레임워크로 구현된 프론트엔드(frontend)는 서버 장치(20)에서 타입스크립트 및 TypeORM(Type Object Relational Mappling)을 이용하여 작성된 네스트 자바스크립트(NestJS) 프레임워크로 구현된 백엔드(backend)와 통신하며, 서버 장치(20)는 설정값을 전자 장치(10)의 사용자에 대응하는 데이터 베이스에 저장할 수 있다.
또한, 프로세서(111)는 기 결정된 타입스크립트 구조체에 상기 페이지, 상기 모달 윈도, 상기 알림 윈도 및 상기 컴포넌트의 설정값을 추가할 수 있다. 이때 타입스크립트 구조체는 페이지, 모달 윈도, 알림 윈도 및 컴포넌트 별로 상이하게 결정될 수 있다.
또한, 프로세서(111)는 화면을 호버링(hovering)하는 사용자 입력에 응답하여 '/' 형상을 표시할 수 있다.
한편, 프로세서(111)는 프로세서(111) 내부에서 처리되는 신호(또는, 데이터)를 일시적 및/또는 영구적으로 저장하는 램(RAM: Random Access Memory, 미도시) 및 롬(ROM: Read-Only Memory, 미도시)을 더 포함할 수 있다. 또한, 프로세서(111)는 그래픽 처리부, 램 및 롬 중 적어도 하나를 포함하는 시스템온칩(SoC: system on chip) 형태로 구현될 수 있다.
메모리(112)에는 프로세서(111)의 처리 및 제어를 위한 프로그램들(하나 이상의 인스트럭션들)을 저장할 수 있다. 메모리(1020)에 저장된 프로그램들은 기능에 따라 복수 개의 모듈들로 구분될 수 있다.
통신부(113)는 서버 장치(20) 또는 다른 장치 등과 데이터 송수신하는데에 필요한 적어도 하나의 구성요소를 포함한다. 예를 들어, 통신부(113)는 IP(internet protocol) 통신 회로, 이동 통신 회로, 위성 통신 회로 등을 포함하여 구현될 수 있다.
또한, 전자 장치(10)는 상기의 구성들 이외에, 각 기능에서 처리되는 데이터 등을 표시하고 사용자 입력(예컨대, 마우스 입력, 조이스틱 입력, 터치 등)을 수신하는 디스플레이부(114), 사용자의 음성을 입력받는 마이크(미도시됨) 등을 더 포함할 수 있다. 그러나, 본 발명의 전자 장치(10)가 더 많은 구성요소들을 포함하여 구현될 수 있음은 본 발명의 기술분야의 당업자가 용이하게 이해할 수 있을 것이다.
본 발명의 실시예와 관련하여 설명된 방법 또는 알고리즘의 단계들은 하드웨어로 직접 구현되거나, 하드웨어에 의해 실행되는 소프트웨어 모듈로 구현되거나, 또는 이들의 결합에 의해 구현될 수 있다. 소프트웨어 모듈은 RAM(Random Access Memory), ROM(Read Only Memory), EPROM(Erasable Programmable ROM), EEPROM(Electrically Erasable Programmable ROM), 플래시 메모리(Flash Memory), 하드 디스크, 착탈형 디스크, CD-ROM, 또는 본 발명이 속하는 기술 분야에서 잘 알려진 임의의 형태의 컴퓨터 판독가능 기록매체에 상주할 수도 있다.
본 발명의 구성 요소들은 하드웨어인 컴퓨터와 결합되어 실행되기 위해 프로그램(또는 애플리케이션)으로 구현되어 매체에 저장될 수 있다. 본 발명의 구성 요소들은 소프트웨어 프로그래밍 또는 소프트웨어 요소들로 실행될 수 있으며, 이와 유사하게, 실시 예는 데이터 구조, 프로세스들, 루틴들 또는 다른 프로그래밍 구성들의 조합으로 구현되는 다양한 알고리즘을 포함하여, C, C++, 자바(Java), 어셈블러(assembler) 등과 같은 프로그래밍 또는 스크립팅 언어로 구현될 수 있다. 기능적인 측면들은 하나 이상의 프로세서들에서 실행되는 알고리즘으로 구현될 수 있다.
이상의 설명은 본 발명의 기술 사상을 예시적으로 설명한 것에 불과한 것으로서, 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자라면 본 발명의 본질적인 특성에서 벗어나지 않는 범위에서 다양한 수정 및 변형이 가능할 것이다. 또한, 본 발명에 개시된 실시 예들은 본 발명의 기술 사상을 한정하기 위한 것이 아니라 설명하기 한 것이고, 이러한 실시 예에 의하여 본 발명의 기술 사상의 범위가 한정되는 것은 아니다. 따라서, 본 발명의 호 범위는 아래의 청구범위에 의하여 해석되어야 하며, 그와 동등한 범위 내에 있는 모든 기술 사상은 본 발명의 권리범위에 포함되는 것으로 해석되어야 할 것이다.
1: 노코드툴 서비스 시스템
10: 전자 장치
20: 서버 장치

Claims (9)

  1. 웹페이지를 생성하는 노코드툴(No-Code Tool) 서비스를 제공하는 전자 장치의 동작 방법에 있어서,
    웹(web)상 주소가 할당된 페이지(Page)를 생성하는 단계;
    상기 페이지 내에서 사용자 입력에 따라 이동하는 커서(Cursor)를 표시하는 단계;
    상기 페이지 내에서 제1 위치를 선택하는 제1 사용자 입력이 수신됨에 따라 상기 제1 위치에 대응하는 입력창을 생성하는 단계;
    상기 입력창을 통해 모달 윈도(Modal Window), 알림 윈도 및 컴포넌트(Component) 중 적어도 하나를 생성하는 커맨드(command) 입력을 수신하는 단계;
    상기 커맨드 입력이 컴포넌트에 대응하면, 컴포넌트를 생성하여 상기 제1 위치에 표시하고, 상기 컴포넌트 내부에서 제2 위치를 선택하는 제2 사용자 입력에 응답하여, 텍스트(text), 버튼, 이미지 및 인풋창(input window) 중 적어도 하나의 사용자 인터페이스 객체를 생성하기 위한 드롭다운 메뉴(drop-down menu)를 표시하는 단계;
    상기 드롭다운 메뉴에서 하나의 사용자 인터페이스 객체를 선택하는 제3 사용자 입력에 응답하여 상기 제2 위치에 상기 선택된 사용자 인터페이스 객체를 표시하는 단계; 및
    화면의 일 측면에 상기 페이지, 상기 모달 윈도, 상기 알림 윈도 및 상기 컴포넌트의 설정값을 표시하는 단계를 포함하되,
    상기 페이지, 상기 모달 윈도, 상기 알림 윈도 및 상기 컴포넌트의 설정값은 기 결정된 타입스크립트(Typescript) 구조체에 추가되며,
    상기 페이지 설정값은 생성되는 웹어플리케이션의 고유값, 제목, 웹상 주소, 매개변수 목록, 보유 컴포넌트, 페이지 로드시 발생하는 액션 및 액션에 따라 리턴되는 값을 포함하며,
    상기 컴포넌트의 설정값은 컴포넌트의 고유값, 컴포넌트의 유형, 속성, 보유 사용자 인터페이스 객체, 액션 전달값 및 라벨 값을 포함하며,
    상기 기 결정된 타입스크립트 구조체는 타입스크립트로 작성된 스벨트(Svelte) 프레임워크로 구현되고,
    상기 스벨트 프레임워크로 구현된 프론트엔드(frontend)는 서버 장치에서 타입스크립트 및 TypeORM(Type Object Relational Mappling)을 이용하여 작성된 네스트 자바스크립트(NestJS) 프레임워크로 구현된 백엔드(backend)와 통신하는 것인 방법.
  2. 제 1항에 있어서,
    상기 커맨드 입력을 수신하는 단계는,
    상기 커맨드 입력이 모달 윈도에 대응하면, 모달 윈도를 생성하여 상기 제1 위치에 표시하는 단계; 및
    상기 모달 윈도 상단 일측에 활성화된 모달 설정 버튼을 통해 상기 모달 윈도의 색상, 데이터 및 액션 중 적어도 하나를 입력하는 제4 사용자 입력을 수신하는 단계를 포함하는 방법.
  3. 제 2 항에 있어서,
    상기 커맨드 입력을 수신하는 단계는
    상기 커맨드 입력이 알림 윈도에 대응하면, 상기 페이지의 일 측면에 활성화된 알림 설정 버튼을 통해 상기 알림 윈도의 색상, 데이터, 액션 및 닫기 버튼 설정 중 적어도 하나를 입력하는 제5 사용자 입력을 수신하는 단계를 더 포함하는 방법.
  4. 제 3 항에 있어서, 상기 방법은,
    상기 페이지 내에서 상기 컴포넌트, 상기 모달 윈도 및 상기 알림 윈도를 이동시키는 사용자 입력에 응답하여 상기 컴포넌트, 상기 모달 윈도 및 상기 알림 윈도의 설정값을 갱신하는 단계를 더 포함하는 방법.
  5. 삭제
  6. 삭제
  7. 제 1 항에 있어서,
    상기 커서를 표시하는 단계는,
    상기 화면을 호버링(hovering)하는 사용자 입력에 응답하여 '/' 형상을 표시하는 것인 방법.
  8. 통신부;
    디스플레이부;
    하나 이상의 인스트럭션을 저장하는 메모리; 및
    상기 메모리에 저장된 상기 하나 이상의 인스트럭션을 실행하는 프로세서를 포함하고,
    상기 프로세서는 상기 하나 이상의 인스트럭션을 실행함으로써,
    제1 항의 방법을 수행하는, 전자 장치.
  9. 하드웨어인 컴퓨터와 결합되어, 제1 항의 방법을 수행할 수 있도록 컴퓨터에서 독출가능한 기록매체에 저장된 컴퓨터프로그램.
KR1020230034928A 2023-03-17 2023-03-17 노코드툴 서비스를 제공하는 전자 장치 및 그 방법 KR102560619B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020230034928A KR102560619B1 (ko) 2023-03-17 2023-03-17 노코드툴 서비스를 제공하는 전자 장치 및 그 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020230034928A KR102560619B1 (ko) 2023-03-17 2023-03-17 노코드툴 서비스를 제공하는 전자 장치 및 그 방법

Publications (1)

Publication Number Publication Date
KR102560619B1 true KR102560619B1 (ko) 2023-07-27

Family

ID=87433150

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020230034928A KR102560619B1 (ko) 2023-03-17 2023-03-17 노코드툴 서비스를 제공하는 전자 장치 및 그 방법

Country Status (1)

Country Link
KR (1) KR102560619B1 (ko)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100110307A (ko) * 2007-12-28 2010-10-12 마이크로소프트 코포레이션 웹 인터페이스를 통한 다이내믹 그래픽의 작성 및 편집
KR101588592B1 (ko) * 2014-08-22 2016-02-12 (주)비원이즈 객체관계 매핑 기반 하이브리드 앱 개발 시스템 및 그 방법
KR102397495B1 (ko) * 2021-11-17 2022-05-13 (주)에스엠시스템 노 코드 애플리케이션 개발 및 운영 시스템과 그 서비스 방법
KR102482641B1 (ko) 2022-09-14 2022-12-29 (주)메타믹스 노코드 기반 nft 마켓 구축 서비스 시스템 및 방법

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100110307A (ko) * 2007-12-28 2010-10-12 마이크로소프트 코포레이션 웹 인터페이스를 통한 다이내믹 그래픽의 작성 및 편집
KR101588592B1 (ko) * 2014-08-22 2016-02-12 (주)비원이즈 객체관계 매핑 기반 하이브리드 앱 개발 시스템 및 그 방법
KR102397495B1 (ko) * 2021-11-17 2022-05-13 (주)에스엠시스템 노 코드 애플리케이션 개발 및 운영 시스템과 그 서비스 방법
KR102482641B1 (ko) 2022-09-14 2022-12-29 (주)메타믹스 노코드 기반 nft 마켓 구축 서비스 시스템 및 방법

Similar Documents

Publication Publication Date Title
CN110795195B (zh) 一种网页渲染方法、装置、电子设备及存储介质
US20140082511A1 (en) Method and system for emulating desktop software applications in a mobile communication network
US20210034336A1 (en) Executing a process-based software application in a first computing environment and a second computing environment
CN113656533A (zh) 一种树形控件处理方法、装置及电子设备
US10303331B2 (en) Live mobile application visual editor demo
CN113536755A (zh) 用于生成海报的方法、装置、电子设备、存储介质及产品
KR102560619B1 (ko) 노코드툴 서비스를 제공하는 전자 장치 및 그 방법
CN116775174A (zh) 一种基于用户界面框架的处理方法、装置、设备及介质
US20160147741A1 (en) Techniques for providing a user interface incorporating sign language
KR102382703B1 (ko) 어플리케이션 개발을 위한 멀티채널통합플랫폼 저작장치 및 저작방법
KR20230065574A (ko) 애플리케이션 생성 서비스 제공 방법 및 장치
KR20140114983A (ko) 애플리케이션 개발 환경 제공 방법
KR20140114984A (ko) 애플리케이션 개발 환경 제공 장치
CN115730096A (zh) 图元的自定义方法、装置、存储介质及计算机设备
CN118093066A (zh) 应用页面的创建方法、装置、电子设备及存储介质
KR20140115006A (ko) 애플리케이션 개발 환경 제공 장치
KR20140115470A (ko) 애플리케이션 환경 제공 시스템
CN115129305A (zh) 前端代码的生成方法、装置、存储介质及计算机设备
CN114416087A (zh) 小程序开发生成方法、装置、电子设备及存储介质
CN117055792A (zh) 界面呈现方法、装置、设备、介质和程序产品
KR20140114968A (ko) 애플리케이션 개발 환경 제공 프로그램을 기록한 것을 특징으로 하는 컴퓨터로 판독 가능한 기록매체
KR20140114995A (ko) 애플리케이션 개발 환경 제공 방법
KR20140115005A (ko) 애플리케이션 개발 환경 제공 방법
KR20140115004A (ko) 애플리케이션 개발 환경 제공 방법과 이를 위한 기록매체
KR20140114989A (ko) 애플리케이션 개발 환경 제공 방법

Legal Events

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