KR102397494B1 - Low code web development and operating system, and service method using of it - Google Patents

Low code web development and operating system, and service method using of it Download PDF

Info

Publication number
KR102397494B1
KR102397494B1 KR1020210158106A KR20210158106A KR102397494B1 KR 102397494 B1 KR102397494 B1 KR 102397494B1 KR 1020210158106 A KR1020210158106 A KR 1020210158106A KR 20210158106 A KR20210158106 A KR 20210158106A KR 102397494 B1 KR102397494 B1 KR 102397494B1
Authority
KR
South Korea
Prior art keywords
code
file
unit
component
package
Prior art date
Application number
KR1020210158106A
Other languages
Korean (ko)
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 KR1020210158106A priority Critical patent/KR102397494B1/en
Application granted granted Critical
Publication of KR102397494B1 publication Critical patent/KR102397494B1/en

Links

Images

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/33—Intelligent editors
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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/35—Creation or generation of source code model driven
    • 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/36—Software reuse
    • 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
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/72—Code refactoring
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45504—Abstract machines for programme code execution, e.g. Java virtual machine [JVM], interpreters, emulators
    • G06F9/45529—Embedded in an application, e.g. JavaScript in a Web browser
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements 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/44—Arrangements for executing specific programs
    • G06F9/455—Emulation; Interpretation; Software simulation, e.g. virtualisation or emulation of application or operating system execution engines
    • G06F9/45533—Hypervisors; Virtual machine monitors
    • G06F9/45558—Hypervisor-specific management and integration aspects
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06Q—INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q50/00—Information and communication technology [ICT] specially adapted for implementation of business processes of specific business sectors, e.g. utilities or tourism
    • G06Q50/10—Services

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Tourism & Hospitality (AREA)
  • Databases & Information Systems (AREA)
  • Economics (AREA)
  • Human Computer Interaction (AREA)
  • Computing Systems (AREA)
  • Health & Medical Sciences (AREA)
  • Data Mining & Analysis (AREA)
  • General Health & Medical Sciences (AREA)
  • Human Resources & Organizations (AREA)
  • Marketing (AREA)
  • Primary Health Care (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Stored Programmes (AREA)

Abstract

The present invention provides a low code web development and an operating system and a service method using the same, which can greatly reduce the burden of preparing source codes for development, facilitate source code resource management, and increase the efficiency of web server instance expansion and service operation. The present invention includes: a user terminal; and a cloud server including a package execution unit which separates and creates a package file into a JavaScript file and a style sheet file and then executes an application through a browser.

Description

로우(Low) 코드 웹 개발 및 운영 시스템 및 이를 이용한 서비스 방법{Low code web development and operating system, and service method using of it}Low code web development and operating system, and service method using the same

본 발명의 웹 개발 및 운영 시스템과 서비스 방법에 관한 것으로, 보다 상세하게는 개발에서 운영까지의 절차적인 절감을 통해서 빠른 웹 개발이 가능하고 운영의 효율성을 높일 수 있는 로우(Low) 코드 웹 개발 및 운영 시스템과 이를 이용한 서비스 방법에 관한 것이다.The present invention relates to a web development and operating system and service method, and more particularly, to low-code web development and It relates to an operating system and a service method using the same.

최근 기업은 디지털 트랜스포메이션을 통해 기업 경쟁력을 확보하기 위해, 클라우드 환경, 인공지능 및 로보틱스 및 애자일 및 데브옵스의 신기술과 환경을 이용한 기업의 워크플로우 애플리케이션 개발의 자동화 및 관리의 통합화를 추구하고 있다. 특히, 기업은 애플리케이션을 개발함에 있어서, 생산성과 품질을 향상시키는 새로운 워크플로우 애플리케이션을 단 시일 내에 프로토타입으로 제작, 개발, 테스트 및 배포까지 할 수 있는 방법을 모색하고 있다. Recently, companies are pursuing integration of automation and management of enterprise workflow application development using new technologies and environments of cloud environment, artificial intelligence and robotics, and agile and DevOps in order to secure corporate competitiveness through digital transformation. In particular, when developing applications, companies are looking for ways to prototype, develop, test, and even distribute new workflow applications that improve productivity and quality within a short period of time.

이러한 기업의 니즈에서 핵심적인 것 중 하나가, 기업의 워크플로우(Low) 애플리케이션에 필요한 소프트웨어를 개발함에 있어서 최대한 시간과 비용을 절감할 수 있는 소프트웨어 자동 개발 방식이다. 소프트웨어 자동 개발에 필요한 프로그램의 코딩 방식을 기존의 개발자의 수작업 코딩방식에서 로우 코딩(low coding) 또는 노 코딩(no coding) 방식을 택하여 시간과 비용을 절감하는 것임이 널리 알려져 있다.One of the key things in the needs of these companies is the automatic software development method that can reduce the time and cost as much as possible in developing the software required for the company's workflow (Low) application. It is widely known that the coding method of a program required for automatic software development is to reduce time and cost by selecting a low coding or no coding method from the existing developer's manual coding method.

이들 로우(Low) 코드 또는 노코딩 방식은 프로그램 자동 코딩 방식의 일종으로 소프트웨어 자동 개발 방식의 핵심으로 떠오르고 있다.These low code or no-coding methods are a kind of automatic program coding method and are emerging as the core of automatic software development method.

대한민국 공개특허번호 제10-2019-0075508호(공개일: 2019년07월01일)의 가상화 시스템상에서 임베디드 소프트웨어를 자동으로 생성하는 방법 및 컴퓨팅 시스템의 발명이 공개되어 있다.Korean Patent Publication No. 10-2019-0075508 (published on July 01, 2019) discloses a method for automatically generating embedded software on a virtualization system and an invention of a computing system.

상기 공개발명은, 웹 기반으로 접속 가능한 클라우드 개발 환경에서 사용자가 소스 코드를 편집할 수 있는 사용자 인터페이스용 툴을 제공하는 단계; 제1 가상 시스템 상에서 상기 사용자 인터페이스용 툴을 이용하여 편집된 상기 소스 코드에 대한 시뮬레이션을 실행하고, 상기 소스 코드에 대한 상기 시뮬레이션 결과를 상기 사용자 인터페이스용 툴을 이용하여 상기 사용자에게 피드백하는 단계; 타겟 보드에서 임베디드 소프트웨어를 동작 시키기 위한 운영 체제에 기반하여 미리 생성한 프리빌드 소프트웨어를 제2 가상 시스템 상에서 제공하는 단계; 및 상기 소스 코드를 상기 타겟 보드에 대하여 미리 생성한 상기 프리빌드 소프트웨어와 결합하여 상기 타겟 보드에서 실행할 수 있는 바이너리 결과물을 제2 가상 시스템 상에서 생성하는 단계를 포함하는 구성이다.The disclosed invention comprises the steps of: providing a user interface tool that allows a user to edit a source code in a web-based accessible cloud development environment; executing a simulation on the edited source code using the user interface tool on a first virtual system, and feeding back the simulation result of the source code to the user using the user interface tool; providing pre-built software generated in advance based on an operating system for operating embedded software on a target board on a second virtual system; and combining the source code with the pre-build software generated in advance for the target board to generate a binary result executable on the target board on a second virtual system.

그러나 상기 공개발명들은 코딩을 자동으로 생성하고, 다양한 워크플로우(Low)를 통합된 플랫폼에서 개발하고, 클라우드 환경에서 개발 인터페이스를 제공은 하지만, 소프트웨어의 사용자와 개발자 간의 실시간 협업으로 사용자의 니즈를 실시간 적용하여 소프트웨어를 개발 및 운영을 할 수 없는 문제점이 있다.However, although the disclosed inventions automatically generate coding, develop various workflows (Low) on an integrated platform, and provide a development interface in a cloud environment, real-time collaboration between software users and developers to meet user needs in real time There is a problem in that it is impossible to develop and operate software by applying it.

따라서, 소프트웨어의 개발자와 사용자 측인 현업자가 실기간 협업에 의해 소프트웨어를 지능형 자동화 기술을 이용하여 개발하고, 더 나아가 개발된 소프트웨어의 통합된 관리환경에서 개발과 사용자 간의 협업으로 운영하는 방법을 변화시키는 협업화, 지능화 및 자동화 개발 관련 발명이 요망된다.Therefore, the collaboration between the developer and the user of the software develops software using intelligent automation technology through real-time collaboration, and furthermore, changes the method of operating the developed software through collaboration between development and users in the integrated management environment of the software. Inventions related to , intelligent and automated development are desired.

특히, 종래의 개발 시스템 및 플랫폼은 멀티 사용자(개발자) 환경에서 종래의 수많은 파일 단위의 소스 코드를 관리하고 운영하는데 많은 어려움이 있고, 이로인한 웹서버의 인스턴스 확장에도 어려움이 있다는 문제가 있다.In particular, the conventional development system and platform have many difficulties in managing and operating the source code of the conventional number of file units in a multi-user (developer) environment, and thus there is a problem in that it is difficult to expand the instance of the web server.

상술한 과제를 해결하고자 하는 본 발명의 과제는 다음과 같다.The problems of the present invention to solve the above-described problems are as follows.

첫째, 개발과 운영을 위한 단계를 개선하고 개발에서 운영까지의 절차적인 절감을 통해서 빠른 웹 개발이 가능한 로우(Low) 코드 웹 개발 및 운영 시스템과 그 서비스 방법을 제공하고자 함이다.First, it is intended to provide a low-code web development and operation system and its service method that enables rapid web development by improving the steps for development and operation and reducing procedural steps from development to operation.

둘째, 본 발명은 개발을 위한 소스 코드의 작성 부담을 크게 줄일 수 있고 소스 코드 자원관리를 용이하게 하며, 웹서버 인스턴스의 확장과 서비스 운영의 효율성을 높일 수 있는 로우(Low) 코드 웹 개발 및 운영 시스템과 그 서비스 방법을 제공하고자 함이다.Second, the present invention can greatly reduce the burden of writing source code for development, facilitate source code resource management, and increase the efficiency of web server instance expansion and service operation. Low code web development and operation It is intended to provide a system and its service method.

상술한 과제를 해결하는 본 발명은 로우(Low) 코드 웹 개발 및 운영 시스템으로, 클라우드 환경에서 웹기반의 개발 및 서비스 운영 시스템에 있어서, 사용자 단말; 및 개발하고자 하는 웹 애플리케이션의 개발환경과 작업영역(workspace)을 구성하고 생성하는 작업영역부와, 상기 생성된 작업영역에서 상기 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 코드 편집부와, 상기 입력된 자바스크립트 코드 및 스타일 시트 코드를 통합하여 콤포넌트 파일로 저장하는 메타저장부와, 실행모듈 단위로 필요한 상기 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하 상기 메타저장부로 저장하는 패키지 관리부와, 상기 패키지 파일을 자바스크립트 파일 및 스타일 시트 파일로 분리하여 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 패키지 실행부를 포함하는 클라우드 서버를 포함할 수 있다.The present invention for solving the above problems is a low code web development and operating system, a web-based development and service operating system in a cloud environment, comprising: a user terminal; and a workspace unit for configuring and creating a development environment and workspace of the web application to be developed, and JavaScript code and style sheet code in component units that perform individual functions of the application in the created workspace. A code editing unit to input each individually, a meta storage unit for integrating the inputted JavaScript code and style sheet code and storing it as a component file, and an execution package by composing the component file list required for each execution module unit and combining the files A cloud server including a package management unit that converts a file into a file and stores it in the meta storage unit, and a package execution unit that generates the package file by separating it into a JavaScript file and a style sheet file, and then executes the application through a browser there is.

그리고, 본 발명은, 상술한 로우(Low) 코드 웹 개발 및 운영 시스템을 이용하는 (a) 상기 코드 편집부에서 개발하고자 하는 웹 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 단계; (b) 상기 메타저장부가 상기 입력된 자바스크립트 코드와 스타일 시트 코드로 구성되어 통합되고, URI(Uniform Resource Indentifier)를 부여하여 컴포넌트 파일로 저장하는 단계; (c) 상기 패키지 관리부가 실행모듈 단위로 필요한 상기 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하고, URI(Uniform Resource Indentifier)를 부여하여 상기 메타저장부에 저장하는 단계; 및 (d) 상기 패키지 실행부가 상기 실행 패키지 파일을 자바스크립트 파일과 스타일 시트 파일로 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 단계를 포함할 수 있다.And, the present invention uses the above-described low code web development and operating system (a) JavaScript code and style sheet code in component units that perform individual functions of a web application to be developed in the code editing unit, respectively. input individually; (b) the meta storage unit is composed of the input JavaScript code and the style sheet code, and is integrated, and a Uniform Resource Identifier (URI) is given and stored as a component file; (c) the package management unit constructs a list of component files required for each execution module unit, combines the files to convert the files into an executable package file, and assigns a Uniform Resource Identifier (URI) and stores the list in the meta storage unit; and (d) executing the application through a browser after the package execution unit generates the executable package file as a JavaScript file and a style sheet file.

여기서, 상기 (b) 단계는, (b1) 상기 메타저장부가 상기 입력된 자바스크립트 코드와 스타일 시트 코드를 특정 기능을 수행하는 콤포넌트 단위로 통합하고, 상기 통합된 파일을 CSV, XML, JSON 파일을 포함하는 데이터 전송 포맷의 컴포넌트 파일로 변환하는 단계; 및 (b2) 상기 변환된 컴포넌트 파일에 버전 정보를 확인하고, 버전 충돌이 없는 경우에 상기 콤포넌트 파일 저장하는 단계인 것일 수 있다.Here, in step (b), (b1) the meta storage unit integrates the input JavaScript code and style sheet code into a component unit that performs a specific function, and converts the integrated file into CSV, XML, and JSON files. converting it into a component file of a data transmission format including; and (b2) checking version information in the converted component file, and storing the component file when there is no version conflict.

또한, 상기 (c) 단계는, (c1) 패키지 관리부가 서로 다른 적어도 두 개의 컴포넌트 파일을 하나로 병합하는 단계; (c2) 상기 병합된 패키지 파일의 병합 오류를 검증하는 단계; 및 (c3) 상기 병합 오류가 정상인 경우, 상기 병합된 패키지 파일을 상기 메타 저장부에 저장하는 단계를 포함하되, 상기 패키지 파일은 병합되는 서로 다른 적어도 두 개의 상기 컴포넌트 파일에서 스크립트 코드는 스크립트 코드끼리 병합되고, 스타일 코드는 스타일 코드끼리 서로 독립적으로 병합되는 것일 수 있다.In addition, the step (c) includes: (c1) merging at least two different component files into one by the package manager; (c2) verifying a merging error of the merged package file; and (c3) if the merging error is normal, storing the merged package file in the meta storage unit, wherein the package file is a script code in at least two different component files that are merged between script codes. merged, and the style codes may be independently merged with each other.

또한, 상기 (a) 단계는, (a1) 사용자 단말을 통해 개발 플랫폼에 접속하는 단계; (a2) 작업영역부가 사용자 작업영역(workspace)을 생성하는 단계; (a3) 작업영역부가 생성된 상기 작업영역(workspace) 메타정보를 저장하는 단계; 및 (a4) 사용자가 상기 작업영역에서 생성된 코드 편집부를 통해 개발하고자 하는 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드와 스타일 시트코드를 각각 개별적으로 입력하는 단계를 포함하는 것일 수 있다. 더하여, 상기 (a) 단계 이하를 반복하여 상기 웹 애플리케이션을 업데이트하는 단계를 더 포함하는 것일 수 있다.In addition, the step (a) may include: (a1) accessing the development platform through a user terminal; (a2) generating a user workspace by the workspace unit; (a3) storing the workspace meta-information generated by the workspace unit; and (a4) the user individually inputting component-unit JavaScript code and style sheet code for performing individual functions of an application to be developed through the code editing unit generated in the work area. In addition, it may further include the step of updating the web application by repeating the steps below (a).

그리고, 본 발명은, 컴퓨팅 단말기 또는 서버에 설치되어 컴퓨팅 또는 클라우드 컴퓨팅이 가능하도록 설치되어 상술한 로우(Low) 코드 웹 개발 및 운영 서비스 방법을 실행시키기 위한 컴퓨터가 판독 가능한 매체에 저장된 컴퓨터프로그램일 수 있다.In addition, the present invention may be a computer program stored in a computer readable medium installed in a computing terminal or server to enable computing or cloud computing to execute the above-described low code web development and operation service method. there is.

상술한 과제를 해결하는 본 발명의 효과는 다음과 같다.Effects of the present invention for solving the above-described problems are as follows.

첫째, 본 발명의 로우 코드 웹 개발 및 운영 시스템 및 서비스 방법을 이용하면, 웹기반으로 개발이 가능하며 서버에서 제공되는 API를 이용하여 서버로직을 구동할수 있을 뿐만 아니라, 서버에 접속하여 개발한 애플리케이션을 실행할 수 있다.First, by using the low-code web development and operating system and service method of the present invention, web-based development is possible, and not only can the server logic be driven using the API provided by the server, but also the application developed by accessing the server can run

둘째, 본 발명은 개발 스튜디오 기능과 애플리케이션 실행이 동일한 시스템 및 서비스를 통해서 처리되기 때문에 개발과 운영을 위한 단계의 개선이 이루어져서 개발에서 운영까지의 절차적인 절감을 통해서 빠른 웹 개발이 가능하게 된다.Second, in the present invention, since the development studio function and application execution are processed through the same system and service, the steps for development and operation are improved, and rapid web development is possible through procedural reduction from development to operation.

셋째, 본 발명은 개발을 위한 소스 코드의 작성 부담을 크게 줄일 수 있고 소스 코드 자원관리를 용이하게 하며 사용자 단말과 클라우드 서버 간의 통신 효율성을 높일 수 있을 뿐만 아니라, 웹서버 인스턴스의 확장 및 소스 코드의 수정 및 편집을 통한 업데이트 등의 서비스 운영의 효율성을 높일 수 있다.Third, the present invention can greatly reduce the burden of writing source code for development, facilitate source code resource management, and increase communication efficiency between the user terminal and the cloud server, as well as expand the web server instance and increase the efficiency of the source code. It is possible to increase the efficiency of service operation such as updating through correction and editing.

넷째, 본 발명은 코드 리소스 자원의 컴팩트화를 통해, 버전 관리뿐만 아니라, 코드 리소스 자원을 최소화하고 관리 및 운영의 효율성을 극대화 시킬 수 있다. Fourth, the present invention can minimize code resource resources as well as version management and maximize the efficiency of management and operation through compaction of code resource resources.

다섯째, 파일단위의 소스코드(자바스크립트, 스타일쉬트)은 동일파일을 여러프로젝트에서 복사본을 유지하고 패키징을 해야하지만 본 발명은 자원의 접근을 파일경로가 아닌 자원의 URI를 통해서 메타저장부에서 가져옴으로써 중복되는 파일이 없이 패키지 파일을 구성할수 있다.Fifth, the source code (JavaScript, style sheet) of the file unit needs to keep a copy of the same file in multiple projects and package it, but in the present invention, access to resources is obtained from the meta storage through the URI of the resource rather than the file path. This allows you to compose a package file without duplicate files.

여섯째, 컴포넌트의 구성요소인 자바스크립트 코드와 스타일 시트 코드를 단일 편집기(코드 편집부)를 통해서 동일자원으로 메타저장부에 보관하고 이를 패키징하기 때문에 개별 파일단위로 관리하는 방법보다 패키지 구성을 관리함에 있어서 효율성을 높일수 있다.Sixth, because JavaScript code and style sheet code, which are components of the component, are stored in the meta storage as the same resource through a single editor (code editing unit) and packaged, in managing package configuration rather than managing individual files efficiency can be increased.

일곱째, 패키지로 구성된 결과물이 다른 종류의 컴포넌트 파일 구성이기 때문에 계층적인 패키지의 구성이 가능하다. 패키지의 결과물을 다시 패키징을 함으로써 목적별로 중간 단계의 패키징을 구성하고 다시 이를 묶음으로 패키징을 구성함으로써 운영의 효율성을 높일수 있다Seventh, a hierarchical package configuration is possible because the result composed of a package is a composition of a different type of component file. By repackaging the results of the package, you can configure the intermediate stage packaging for each purpose, and then configure the packaging as a bundle to increase the operational efficiency.

도 1은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템의 블록구성을 도시한다.
도 2는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법의 흐름을 도시한다.
도 3은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법의 단계적 서비스 구성의 흐름을 도시한다.
도 4는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법과 일반 개발 및 운영방법의 차이를 나타내는 모식도를 도시한다.
도 5는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법에서 컴포넌트 파일의 패키지 파일로 변환되는 모식도를 도시한다.
도 6은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템 및 방법에 적용하는 컴포넌트 파일의 화면을 예시한 도면이다.
도 7은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템 및 방법에 적용하는 최종 실행 패키지 파일의 화면을 예시한 도면이다.1 shows a block configuration of a low code web development and operating system according to an embodiment of the present invention.
2 shows a flow of a low code web development and operation service method according to an embodiment of the present invention.
3 is a flowchart illustrating a step-by-step service configuration of a low code web development and operation service method according to an embodiment of the present invention.
4 is a schematic diagram illustrating the difference between a low code web development and operation service method and a general development and operation method according to an embodiment of the present invention.
5 is a schematic diagram of a component file converted into a package file in a low code web development and operation service method according to an embodiment of the present invention.
6 is a diagram illustrating a screen of a component file applied to a low code web development and operating system and method according to an embodiment of the present invention.
7 is a diagram illustrating a screen of a final executable package file applied to a low code web development and operating system and method according to an embodiment of the present invention.

아래에서는 첨부한 도면을 참조하여 본 발명이 속하는 기술 분야에서 통상의 지식을 가진 자가 용이하게 실시할 수 있도록 본 발명의 실시예를 상세히 설명한다. 그러나 본 발명은 여러 가지 상이한 형태로 구현될 수 있으며 여기에서 설명하는 실시예에 한정되지 않는다. 그리고 도면에서 본 발명을 명확하게 설명하기 위해서 설명과 관계없는 부분은 생략하였으며, 명세서 전체를 통하여 유사한 부분에 대해서는 유사한 도면 부호를 붙였다.DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS Hereinafter, embodiments of the present invention will be described in detail with reference to the accompanying drawings so that those of ordinary skill in the art can easily implement them. However, the present invention may be embodied in several different forms and is not limited to the embodiments described herein. And in order to clearly explain the present invention in the drawings, parts irrelevant to the description are omitted, and similar reference numerals are attached to similar parts throughout the specification.

명세서 전체에서, 어떤 부분이 다른 부분과 "연결"되어 있다고 할 때, 이는 "직접적으로 연결"되어 있는 경우뿐 아니라, 그 중간에 다른 소자를 사이에 두고 "전기적으로 연결"되어 있는 경우도 포함한다. 또한 어떤 부분이 어떤 구성요소를 "포함"한다고 할 때, 이는 특별히 반대되는 기재가 없는 한 다른 구성요소를 제외하는 것이 아니라 다른 구성요소를 더 포함할 수 있는 것을 의미하며, 하나 또는 그 이상의 다른 특징이나 숫자, 단계, 동작, 구성요소, 부분품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.Throughout the specification, when a part is "connected" with another part, this includes not only the case of being "directly connected" but also the case of being "electrically connected" with another element interposed therebetween. . In addition, when a part "includes" a certain component, it means that other components may be further included, rather than excluding other components, unless otherwise stated, and one or more other features However, it is to be understood that the existence or addition of numbers, steps, operations, components, parts, or combinations thereof is not precluded in advance.

명세서 전체에서 사용되는 정도의 용어 "약", "실질적으로" 등은 언급된 의미에 고유한 제조 및 물질 허용오차가 제시될 때 그 수치에서 또는 그 수치에 근접한 의미로 사용되고, 본 발명의 이해를 돕기 위해 정확하거나 절대적인 수치가 언급된 개시 내용을 비양심적인 침해자가 부당하게 이용하는 것을 방지하기 위해 사용된다. 본 발명의 명세서 전체에서 사용되는 정도의 용어 "~(하는) 단계" 또는 "~의 단계"는 "~ 를 위한 단계"를 의미하지 않는다.The terms "about", "substantially", etc. to the extent used throughout the specification are used in or close to the numerical value when manufacturing and material tolerances inherent in the stated meaning are presented, and are intended to enhance the understanding of the present invention. To help, precise or absolute figures are used to prevent unfair use by unconscionable infringers of the stated disclosure. As used throughout the specification of the present invention, the term "step of (to)" or "step of" does not mean "step for".

본 명세서에 있어서 '부(部)'란, 하드웨어에 의해 실현되는 유닛(unit), 소프트웨어에 의해 실현되는 유닛, 양방을 이용하여 실현되는 유닛을 포함한다. 또한, 1개의 유닛이 2개 이상의 하드웨어를 이용하여 실현되어도 되고, 2개 이상의 유닛이 1개의 하드웨어에 의해 실현되어도 된다.In this specification, a "part" includes a unit realized by hardware, a unit realized by software, and a unit realized using both. In addition, one unit may be implemented using two or more hardware, and two or more units may be implemented by one hardware.

본 명세서에 있어서 단말, 장치 또는 디바이스가 수행하는 것으로 기술된 동작이나 기능 중 일부는 해당 단말, 장치 또는 디바이스와 연결된 서버에서 대신 수행될 수도 있다. 이와 마찬가지로, 서버가 수행하는 것으로 기술된 동작이나 기능 중 일부도 해당 서버와 연결된 단말, 장치 또는 디바이스에서 수행될 수도 있다.Some of the operations or functions described as being performed by the terminal, apparatus, or device in the present specification may be performed instead of by a server connected to the terminal, apparatus, or device. Similarly, some of the operations or functions described as being performed by the server may also be performed in a terminal, apparatus, or device connected to the server.

이하에서 본 발명의 바람직한 실시예를 도면을 참조하여 상세히 설명하기로 한다.Hereinafter, a preferred embodiment of the present invention will be described in detail with reference to the drawings.

도 1은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템의 블록구성을 도시한다.1 shows a block configuration of a low code web development and operating system according to an embodiment of the present invention.

도 1에 도시된 바와 같이, 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템은, 클라우드 환경에서 웹기반의 개발 및 서비스 운영 시스템에 있어서, 사용자 단말(100); 및 개발하고자 하는 웹 애플리케이션의 개발환경과 작업영역(workspace)을 구성하고 생성하는 작업영역부(210)와, 상기 생성된 작업영역에서 상기 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 코드 편집부(220)와, 상기 입력된 자바스크립트 코드 및 스타일 시트 코드를 통합하여 콤포넌트 파일로 저장하는 메타저장부(230)와, 실행모듈 단위로 필요한 상기 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하 상기 메타저장부(230)로 저장하는 패키지 관리부(240)와, 상기 패키지 파일을 자바스크립트 파일 및 스타일 시트 파일로 분리하여 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 패키지 실행부(250)를 포함하는 클라우드 서버(200);를 포함할 수 있다.As shown in Figure 1, a low code web development and operating system according to an embodiment of the present invention, a web-based development and service operating system in a cloud environment, includes: a user terminal 100; and a workspace unit 210 that configures and creates a development environment and workspace of a web application to be developed, and JavaScript code and style in component units that perform individual functions of the application in the created workspace A code editing unit 220 for individually inputting sheet codes, a meta storage unit 230 for integrating and storing the inputted JavaScript code and style sheet code as a component file, and a list of the component files required for each execution module and a package management unit 240 that configures, combines the files, converts them into executable package files, and stores them in the meta storage unit 230, and separates the package files into JavaScript files and style sheet files, and then creates them through a browser It may include; a cloud server 200 including a package execution unit 250 for executing the application.

여기서, 사용자 단말(100)은, 클라우드 기반 대용량 데이터 상태 관리를 이용한 그리드 처리 서비스 관련 웹 페이지, 앱페이지, 프로그램 또는 애플리케이션을 이용하여 애플리케이션을 개발하고자 하는 개발자의 단말일 수 있다.Here, the user terminal 100 may be a terminal of a developer who wants to develop an application using a web page, an app page, a program, or an application related to a grid processing service using cloud-based large-capacity data state management.

그리고, 사용자 단말(100)은, 대량의 데이터를 처리해야하는 경우, 반복적으로 페이지를 조회 및 저장하고 다음 페이지를 조회 및 저장하는 불필요한 작업을 반복함으로써 발생하는 불필요한 HTML 수신 및 통신비용을 절감할 수 있는 단말일 수 있다. And, when the user terminal 100 needs to process a large amount of data, it is possible to reduce unnecessary HTML reception and communication costs caused by repeating unnecessary tasks of repeatedly inquiring and storing a page and inquiring and storing the next page. It may be a terminal.

또한, 사용자 단말(100)은, 네트워크를 통하여 원격지의 서버나 단말에 접속할 수 있는 컴퓨터로 구현될 수 있다. 여기서, 컴퓨터는 예를 들어, 네비게이션, 웹 브라우저(WEB Browser)가 탑재된 노트북, 데스크톱(Desktop), 랩톱(Laptop) 등을 포함할 수 있다. 이때, 사용자 단말(100)은, 네트워크를 통해 원격지의 서버나 단말에 접속할 수 있는 단말로 구현될 수 있다. 사용자 단말(100)은, 예를 들어, 휴대성과 이동성이 보장되는 무선 통신 장치로서, 스마트폰 (smartphone), 스마트 패드(smartpad), 타블렛 PC(Tablet PC) 등과 같은 모든 종류의 핸드헬드(Handheld) 기반의 무선 통신 장치를 포함할 수 있다.In addition, the user terminal 100 may be implemented as a computer capable of accessing a remote server or terminal through a network. Here, the computer may include, for example, navigation, a laptop equipped with a web browser, a desktop, and a laptop. In this case, the user terminal 100 may be implemented as a terminal capable of accessing a remote server or terminal through a network. The user terminal 100 is, for example, a wireless communication device that guarantees portability and mobility, and includes all types of handhelds such as smartphones, smartpads, and tablet PCs. based wireless communication device.

그리고, 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템에 적용되는 클라우드 서버(200)는, 상술한 사용자 단말(100)과 인터넷 네트워크로 연결되어 대용량 데이터의 처리 및 저장하는 컴퓨팅 장치로서, 작업영역부(210), 코드 편집부(220), 메타저장부(230), 패키지 관리부(240) 및 패키지 실행부(250)를 포함하여 구성될 수 있다.In addition, the cloud server 200 applied to the low code web development and operating system according to the embodiment of the present invention is connected to the user terminal 100 and the Internet network as described above, and a computing that processes and stores large data. As a device, it may be configured to include a work area unit 210 , a code editing unit 220 , a meta storage unit 230 , a package management unit 240 , and a package execution unit 250 .

여기서 작업영역부(210)는 개발하고자 하는 애플리케이션 프로젝트의 개발 자원들을 개발 영역별로 분류되어 정리되는 자료구조 환경을 의미하는 것으로, 사용자는 작업영역부(210)에서 개발하고자 하는 프로젝트의 작업영역(workspace)를 생성하거나 만들어 프로젝트 개발을 시작할 수 있다.Here, the work area unit 210 means a data structure environment in which development resources of an application project to be developed are classified and organized by development area. ) can be created or created to start project development.

코드 편집부(220)는 웹 페이지 또는 웹 애플리케이션 등의 프로젝트를 개발하기 위한 코드를 작성하기 위한 코드 편집 기능을 수행하는 것으로, 자바스크립트(JavaScript: JS) 코드와 스타일 시트(cascading style sheets: CSS) 코드를 서로 구분하여 독립적으로 편집할 수 있도록 구성될 수 있다. 웹페이지 또는 웹 애플리케이션에 필요한 리소스로서 코드는 HTML, JS, CSS 등을 포함할 수 있는데, 자바스크립트는 HTML 문서와 달리 동적인 화면을 웹페이지에 구현하기 위해 사용하는 스크립트 언어이고, CSS는 웹 문서의 전반적이 스타일을 미리 저장해 둔 스타일시트로서, 스타일 시트의 표준안이 CSS이다. 그러므로, 웹 개발을 위해서는 웹페이지의 동적 화면과, 화면 페이지의 보다 풍부한 디자인으로 웹을 설계하기 위한 UI 구조를 개발하기 위한 필수적인 코드 자원이다.The code editing unit 220 performs a code editing function for writing a code for developing a project such as a web page or a web application, and a JavaScript (JavaScript: JS) code and a cascading style sheet (CSS) code may be configured to be independently edited by distinguishing them from each other. As a resource required for a web page or web application, the code may include HTML, JS, CSS, etc. Unlike HTML documents, JavaScript is a scripting language used to implement dynamic screens on web pages, and CSS is web documents. It is a style sheet in which the overall style of the . Therefore, for web development, it is an essential code resource for developing a UI structure for designing a web with a dynamic screen of a web page and a richer design of a screen page.

본 발명의 실시예에 적용되는 코드 편집부(220)는 이와 같은 자바스크립트 코드와 스타일 시트 코드를 개별적으로 작성, 수정 및 편집할 수 있는 도구로서, 개별적 기능을 수행하는 컴포넌트 단위의 자바스크립트와 스타일 시트 코드를 편집할 수 있도록 구성된다. The code editing unit 220 applied to the embodiment of the present invention is a tool capable of individually writing, modifying, and editing such JavaScript code and style sheet code, and is a component unit of JavaScript and style sheet that performs individual functions. It is structured so that the code can be edited.

메타저장부(230)는 코드 편집부(220)에서 작성, 수정 및 편집된 자바스크립트 코드 및 스타일 시트 코드를 개별 기능을 수행하는 컴포넌트 단위의 컴포넌트 파일로 통합하여 저장하는 저장소일 수 있다. 그리고, 패키지 관리부(240)는 상술한 다수개의 컴포넌트 파일을 자바스크립트 코드 및 스타일 시트 코드가 각각 개별적으로 병합된 패키지 파일로 변환하고 메타저장부(230)에 저장할 수 있다. 패키지 실행부(250)는 이와 같이 메타저장부(230)에 저장된 실행 패키지를 자바스크립트 파일 및 스타일 시트 파일로 내려서 브라우저를 통해 애플리케이션을 실행할 수 있다.The meta storage unit 230 may be a storage that integrates and stores the JavaScript code and the style sheet code written, modified and edited by the code editing unit 220 into a component file in units of components that perform individual functions. In addition, the package management unit 240 may convert the plurality of component files described above into a package file in which the JavaScript code and the style sheet code are individually merged, and store it in the meta storage unit 230 . The package execution unit 250 may download the execution package stored in the meta storage unit 230 as a JavaScript file and a style sheet file in this way to execute the application through a browser.

이하에서 전술한 클라우드 환경에서 웹기반의 개발 및 서비스 운영 시스템에 있어서, 로우(Low) 코드 웹 개발 및 운영 서비스 방법을 도면을 참조하여 상세히 설명하기로 한다.Hereinafter, in the web-based development and service operating system in the aforementioned cloud environment, a low code web development and operation service method will be described in detail with reference to the drawings.

도 2는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법의 흐름을 도시한다.2 shows a flow of a low code web development and operation service method according to an embodiment of the present invention.

도 2에 나타낸 바와 같이, 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법은, 상술한 로우(Low) 코드 웹 개발 및 운영 시스템을 이용하는 것으로, (a) 코드 편집부(220)에서 개발하고자 하는 웹 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 단계(S100); (b) 상기 메타저장부(230)가 상기 입력된 자바스크립트 코드와 스타일 시트 코드로 구성되어 통합되고, URI(Uniform Resource Indentifier)를 부여하여 컴포넌트 파일로 저장하는 단계; (c) 상기 패키지 관리부(240)가 실행모듈 단위로 필요한 상기 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하고, URI(Uniform Resource Indentifier)를 부여하여 상기 메타저장부(230)에 저장하는 단계; 및 (d) 패키지 실행부(250)가 상기 실행 패키지 파일을 자바스크립트 파일과 스타일 시트 파일로 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 단계(S400)를 포함하여 구성될 수 있다.As shown in FIG. 2 , the low code web development and operation service method according to the embodiment of the present invention uses the above-described low code web development and operation system, and (a) the code editing unit 220 ) individually inputting a JavaScript code and a style sheet code of a component unit that performs an individual function of a web application to be developed (S100); (b) the meta storage unit 230 is composed of the input JavaScript code and the style sheet code and is integrated, and stores a Uniform Resource Identifier (URI) as a component file; (c) the package management unit 240 configures the list of component files required for each execution module unit, combines the files to convert them into an executable package file, and assigns a Uniform Resource Identifier (URI) to the meta storage unit 230 saving; and (d) the package execution unit 250 generates the executable package file as a JavaScript file and a style sheet file, and then executes the application through a browser (S400).

이와 같이 본 발명은, 로우(Low) 코드 기반의 클라우드 서비스를 진행하고자 할 때 소스코드의 관리와 운영 방법에 관한 것으로, 특히 멀티 사용자(개발자) 환경에서 종래의 수많은 파일 단위의 소스 코드를 관리하고 운영하는데 많은 어려움이 있고, 이로 인한 웹서버의 인스턴스 확장에도 어려움이 있다는 문제를 해결하기 위해, 자바스크립트 코드와 스타일 시트 코드를 하나의 개별적 기능을 수행하는 컴포넌트 단위의 컴포넌트 파일로 변환하고, 이를 다시 자바스크립트 코드 및 스타일 시트 코드 각각의 개별적으로 병합하여 패키지 파일을 생성하여 제이슨(json) 형식으로 저장하여 운영함으로써, 개발을 위한 소스 코드의 작성 부담을 크게 줄일 수 있고 소스 코드 자원관리를 용이하게 하며 사용자 단말(100)과 클라우드 서버(200) 간의 통신 효율성을 높일 수 있을 뿐만 아니라, 웹서버 인스턴스의 확장 및 소스 코드의 수정 및 편집을 통한 업데이트 등의 서비스 운영의 효율성을 높일 수 있다.As described above, the present invention relates to a method for managing and operating source code when performing a low-code-based cloud service, and in particular, managing source code in a number of file units in a multi-user (developer) environment. In order to solve the problem that there are many difficulties in operation and that there is also difficulty in extending the instance of the web server due to this, the JavaScript code and style sheet code are converted into a component unit file that performs one individual function, and this is By merging each JavaScript code and style sheet code individually to create a package file and store and operate it in a Jason (json) format, the burden of writing source code for development can be greatly reduced and source code resource management is facilitated. It is possible to increase communication efficiency between the user terminal 100 and the cloud server 200 , as well as increase the efficiency of service operation such as extension of a web server instance and updating through source code modification and editing.

여기서 (a) 단계는, JS 및 CSS 코드를 코드 편집부(220)에서 개별적으로 입력하는 단계를 말하는 것으로, 상술한 코드 편집부(220)에서 개발하고자 하는 웹 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 작성, 수정, 및 편집하여 입력하는 단계이다.(S100)Here, step (a) refers to a step of individually inputting JS and CSS codes in the code editing unit 220, and the above-described code editing unit 220 performs individual functions of the web application to be developed. It is a step of individually writing, modifying, and editing script code and style sheet code and inputting it. (S100)

또한, (a) 단계는 사용자가 사용자 단말(100)을 통하여 개발 플랫폼(로우 코딩 웹 개발 및 운영 시스템으로 실행되는 웹 애플리케이션 개발 플랫폼)에 접속하고, 작업영역부(210)가 사용자 작업영역(workspace)을 생성하고, 작업영역부(210)가 생성된 상기 작업영역(workspace) 메타정보를 저장하고, 사용자 단말(100)을 통해 상기 작업영역에서 생성된 코드 편집부(220)를 통해 개발하고자 하는 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드와 스타일 시트코드를 각각 개별적으로 입력하는 단계를 포함할 수 있다.In addition, in step (a), the user accesses a development platform (a web application development platform executed as a low-coding web development and operating system) through the user terminal 100, and the work area unit 210 opens a user workspace ), the workspace unit 210 stores the generated workspace meta information, and the user terminal 100 creates an application to be developed through the code editing unit 220 generated in the workspace. It may include individually inputting a JavaScript code and a style sheet code of a component unit that performs an individual function of the .

이처럼 본 발명의 실시예에서는 종래의 수많은 소스코드를 관리하는 방법으로, 각각 개별적으로 해당 소스코드를 통합개발환경(IDE) 등을 이용하여 코드 편집기를 통해 코드를 작성하거나 수정 및 편집하고 개별적으로 저장되는 구조이지만, 본 발명의 실시예에 적용되는 코드 편집부(220)는 웹페이지 또는 웹 애플리케이션을 개발하기 위해 필수적으로 필요한 자바스크립트 코드 및 스타일 시트 코드를 하나의 편집기에 분리하여 표시하고, 개별 기능을 수행하는 컴포넌트 단위의 자바스립트 코드 및 스타일 시트 코드를 개별적으로 작성하고 하나의 파일로 묶어서 생성할 수 있는 UI를 제공함으로써, 코드 작업이 수월할 뿐 아니라, 소스 코드의 유지 보수 및 관리가 용이해지는 장점이 있다.As such, in the embodiment of the present invention, as a method of managing numerous source codes in the prior art, each source code is individually written or modified and edited through a code editor using an integrated development environment (IDE), etc., and stored separately However, the code editing unit 220 applied to the embodiment of the present invention separates and displays the JavaScript code and the style sheet code essential for developing a web page or web application in one editor, and provides individual functions. By providing a UI that can be created by individually writing Javascript code and style sheet code for each component to be performed and grouping it into a single file, it not only makes code work easier, but also makes source code maintenance and management easier. There are advantages.

(b) 단계는, 메타저장부(230)가 상기 입력된 자바스크립트 코드와 스타일 시트 코드로 구성된 통합된 컴포넌트 파일로 저장하는 단계로서, (b1) 상기 메타저장부가 상기 입력된 자바스크립트 코드와 스타일 시트 코드를 특정 기능을 수행하는 콤포넌트 단위로 통합하고, URI(Uniform Resource Indentifier)를 부여하고, 상기 통합된 파일을 CSV(Comma Separated Value), XML(eXtensible Markup Language), JSON(JavaScript Object Notation) 파일을 포함하는 데이터 전송 포맷의 컴포넌트 파일로 변환하는 단계와, 상기 변환된 컴포넌트 파일에 버전 정보를 확인하고, 버전 충돌이 없는 경우에 상기 콤포넌트 파일 저장하는 단계를 포함하는 것일 수 있다. In step (b), the meta storage unit 230 stores the inputted JavaScript code and style sheet code as an integrated component file, and (b1) the meta storage unit stores the inputted JavaScript code and style sheet code. The sheet code is integrated into a component unit that performs a specific function, a Uniform Resource Identifier (URI) is assigned, and the integrated file is converted to a CSV (Comma Separated Value), XML (eXtensible Markup Language), JSON (JavaScript Object Notation) file. Converting to a component file of a data transmission format comprising: checking version information in the converted component file, and storing the component file when there is no version conflict

이처럼 (b) 단계에서는 데이터의 통신 효율을 높이고 코드 리소스 자원을 효율적으로 관리하기 위해 CSV, XML 및 JSON 파일을 포함하는 데이터 전송 파일 포맷으로 변환하여 저장하는 것이 바람직하다. 그 외에도 데이터 전송 파일 모맷 형태의 코드 자원의 효율성을 높일 수 있는 포맷 형태의 파일이라면 모두 사용 가능함은 물론이다. 그리고, 저장되는 컴포넌트 파일은 버전 정보를 포함하고 다수의 개발자가 개별적으로 동일한 자바스크립트 코드 및 스타일 시트 코드를 수정 및 편집하는 경우, 메타저장부(220)가 버전 정보를 확인하고 버전 충돌을 체크한 후, 먼저 수정된 버전의 코드를 저장하여 버전 관리함으로써, 협업의 효율성을 높일 수 있다.As such, in step (b), it is desirable to convert and store the data transmission file format including CSV, XML and JSON files in order to increase data communication efficiency and efficiently manage code resource resources. In addition, it goes without saying that any type of file that can improve the efficiency of code resources in the form of data transmission file format can be used. The stored component file includes version information, and when multiple developers individually modify and edit the same JavaScript code and style sheet code, the meta storage 220 checks version information and checks version conflicts. After that, the efficiency of collaboration can be increased by first storing the modified version of the code and managing the version.

또한, 병합된 컴포넌트 파일을 아이프레임페이지를 이용하여 숨김 프레임페이지를 구성하고 이를 통해서 스크립트 실행과 스타일의 실행여부를 점검하여 오류를 검증할 수 있다. 여기서 아이프레임(iframe)은 HTML Inline Frame 요소이며 inline frame의 약어로서, 효과적으로 HTML 페이지를 현재 페이지에 포함시키는 중첩된 브라우저로 아이프레임(iframe) 요소를 이용하면 해당 웹 페이지 안에 어떠한 제한 없이 다른 페이지를 불러와서 삽입할 수 있다.In addition, the error can be verified by composing the hidden frame page using the merged component file using the iframe page and checking whether the script is executed and the style is executed. Here, iframe is an HTML Inline Frame element and is an abbreviation of inline frame. It is a nested browser that effectively embeds an HTML page in the current page. It can be loaded and inserted.

그러므로, 본 발명의 실시예에서는 아이프레임페이지를 이용하여 컴포넌트 파일에 숨김 프레임페이지를 포함하여 구성함으로써, 브라우저를 통해 컴포넌트 파일의 스크립트 코드와 스타일 시트 코드를 실행시켜 오류 여부를 점검할 수 있다.Therefore, in the embodiment of the present invention, by using the iframe page to include the hidden frame page in the component file, the script code and the style sheet code of the component file can be executed through the browser to check whether there is an error.

상술한 바와 같이, 본 발명의 실시예에서는 웹 페이지 또는 웹 애플리케이션의 개발을 필수적인 동적인 기능을 수행하기 위한 소스코드인 자바스크립트 코드와 페이지의 U 및 디자인 등의 스타일을 꾸며주는 스타일 시트 코드를 클래스(Class)와 같은 개별적 기능을 수행하는 컴포넌트 단위의 모듈화된 하나의 컴포넌트 파일로 전술한 코드 편집부(220)에서 작성한 코드를 메타저장부(230)에 저장함으로써, 종래의 모두 분리되어 개별적으로 저장되어 있는 관리해야 할 소스코드 파일의 수를 대폭적으로 줄일 수 있을 뿐만 아니라, 개별적 기능을 수행하는 컴포넌트 단위의 파일로 저장되어 유지, 보수 관리 및 운영의 측면에서 효율성을 높일 수 있다.As described above, in the embodiment of the present invention, JavaScript code, which is a source code for performing a dynamic function essential for the development of a web page or web application, and a style sheet code for decorating styles such as U and design of the page are classed. By storing the code written in the code editing unit 220 described above in the meta storage unit 230 as a modularized component file of a component unit that performs an individual function such as (Class), all of the conventional methods are separated and individually stored. Not only can the number of source code files that need to be managed be significantly reduced, but it is also saved as a component unit file that performs individual functions, increasing efficiency in terms of maintenance, maintenance and operation.

(c) 단계는, 패키지 관리부(240)가 상기 컴포넌트 파일들을 결합하여 실행 패키지 파일로 변환하여 상기 메타저장부(230)에 저장하는 단계로서, (c1) 패키지 관리부가 서로 다른 적어도 두 개의 컴포넌트 파일을 하나로 병합하는 단계; (c2) 상기 병합된 패키지 파일의 병합 오류를 검증하는 단계; 및 (c3) 상기 병합 오류가 정상인 경우, 상기 병합된 패키지 파일을 상기 메타 저장부에 저장하는 단계를 포함하되, 상기 패키지 파일은 병합되는 서로 다른 적어도 두 개의 상기 컴포넌트 파일에서 스크립트 코드는 스크립트 코드끼리 병합되고, 스타일 코드는 스타일 코드끼리 서로 독립적으로 병합되는 것일 수 있다.Step (c) is a step in which the package management unit 240 combines the component files, converts them into an executable package file, and stores them in the meta storage unit 230, (c1) at least two component files different from each other by the package management unit. merging into one; (c2) verifying a merging error of the merged package file; and (c3) if the merging error is normal, storing the merged package file in the meta storage unit, wherein the package file is a script code in at least two different component files that are merged between script codes. merged, and the style codes may be independently merged with each other.

즉, (c) 단계는 패키지 관리부(240)가 전술한 자바스크립트 코드 및 스타일 시트 코드를 개별 기능을 수행하는 하나의 컴포넌트 파일로 메타저장부(230)에 저장된 복수개의 수많은 파일들을 적어도 두 개 이상의 컴포넌트 파일을 병합하여 하나의 패키지 파일로 변환하고 메타저장부(230)에 다시 저장하는 단계이다. That is, in step (c), the package management unit 240 converts a plurality of numerous files stored in the meta storage unit 230 as one component file performing an individual function of the above-described JavaScript code and style sheet code to at least two or more It is a step of merging component files, converting them into a single package file, and storing them back in the meta storage unit 230 .

그리고, 병합하는 방법에 있어서도 자바스크립트 코드와 스타일 시트 코드가 제이슨(json) 포맷으로 저장되어, 자바스크립 코드는 자바스크립트 코드끼리 병합되고, 스타일 시트 코드는 스타일 시트 코드끼리 병합하되, 이와 같은 동일한 코드끼리 개별적 또는 독립적으로 결합하는 병합이 정상적으로 이루어졌는지를 확인하는 병합 오류 체크를 패키지 관리부(240)가 수행하고, 병합 오류가 없는 경우, 자바스크립트 코드와 스타일 시트 코드의 두 가지 코드 형태로 분리되는 자료구조 형태의 하나의 패키지 파일로 변환 및 저장될 수 있다. Also, in the merging method, the JavaScript code and the style sheet code are stored in Jason (json) format, the JavaScript code is merged with the JavaScript code, and the style sheet code is merged with the style sheet code, but the same code The package management unit 240 performs a merge error check that confirms whether merging, which is individually or independently combined with each other, is normally performed, and when there is no merge error, data that is separated into two types of codes: JavaScript code and style sheet code It can be converted and saved as a single package file in the form of a structure.

또한, 병합된 패키지는 또다른 패키지의 병합으로 사용될 수 있도록 컴포넌트 단위의 구조로 저장이 되고, 패키지 결과물은 전술한 바와 같이, 고유의 번호 (URI)를 부여하여 파일경로가 아닌 URI를 통해서 더욱 용이하게 접근 및 관리가 가능하도록 할 수 있다. In addition, the merged package is stored in a component unit structure so that it can be used by merging another package, and as described above, a unique number (URI) is assigned to the package result, making it easier to use the URI rather than the file path. accessible and manageable.

이처럼 본 발명의 실시예에서는 개별적인 소스코드를 개별적 기능을 수행하는 컴포넌트 파일로 저장하고, 다시 컴포넌트 파일을 패키지 파일로 변환하는 2단계의 파일 컴팩트화를 통해, 리소스 자원을 최소화하고 관리 및 운영의 효율성을 극대화 시킬 수 있다. As such, in the embodiment of the present invention, resource resources are minimized and management and operation efficiency is minimized by storing individual source codes as component files performing individual functions, and converting the component files into package files in two steps. can be maximized.

또한, 본 발명의 실시예에서는 모든 자원(Resource)의 저장은 파일단위로 아닌 메타저장부에 URI의 고유의 번호를 부여하여 관리하게 되며 파일경로가 아닌 URI의 고유번호를 부여함으로써 파일단위의 프로젝트구성의 문제점인 파일경로에 의한 관리방법보다 효율적으로 관리할수 있다In addition, in the embodiment of the present invention, the storage of all resources is managed by assigning a unique number of the URI to the meta storage unit rather than the file unit. It can be managed more efficiently than the management method by the file path, which is a configuration problem.

(d) 단계는, 패키지 실행부(250)가 (c) 단계에서 변환되어 저장된 패키지 파일을 브라우저를 통해서 실행하는 단계로서, 패키지 실행부(250)가 상기 실행 패키지 파일을 자바스크립트 파일과 스타일 시트 파일로 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 단계를 의미한다. Step (d) is a step in which the package execution unit 250 executes the saved package file converted in step (c) through a browser, and the package execution unit 250 converts the executable package file into a JavaScript file and a style sheet. After creating a file, it means running the application through a browser.

이처럼 본 발명의 실시예에서는 웹 애플리케이션을 실행할 때, 콤팩트화된 패키지 파일을 사용함으로써, 종래의 실행을 위한 개별 리소스 파일의 실행보다 클라우드 서버(200)와 사용자 단말(100) 간 통신을 비롯하여 실행시간 혹은 메모리 용량과 같은 자원을 최소한으로 사용하면서 연산을 수행하고 브라우저를 통해 실행시킬 수 있다.As such, in the embodiment of the present invention, when executing a web application, by using a compact package file, the execution time including communication between the cloud server 200 and the user terminal 100 rather than the execution of an individual resource file for the conventional execution Alternatively, the calculation can be performed while using the minimum resource such as memory capacity and executed through the browser.

도 3은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법의 단계적 서비스 구성의 흐름을 도시한다.3 shows a flow of a step-by-step service configuration of a low code web development and operation service method according to an embodiment of the present invention.

즉, 도 3은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법은 개발자의 개발환경에서 웹 개발의 흐름과, 운영환경에서의 웹 운영의 흐름을 도시한 도면이다.That is, FIG. 3 is a diagram illustrating a flow of web development in a developer's development environment and a flow of web operation in an operating environment in a low code web development and operation service method according to an embodiment of the present invention.

도 3에 도시된 바와 같이, 먼저, 개발자인 사용자가 로우(Low) 코드 웹 개발 및 운영 시스템에 접속하면 미리 디폴트로 설정된 개발 작업영역 또는 개발 워크스페이스(workspace)가 생성되고, 다시 사용자는 개발하고자 하는 프로젝트에 맞게 개발 워크스페이스를 생성한다. 생성된 개발 워크스페이스는 메타저장부(230)에 메타자료로 저장하고, 실행 워크스페이스(workspace)를 생성하게 된다.As shown in FIG. 3 , first, when a user who is a developer accesses a low code web development and operating system, a development workspace or a development workspace set as a default in advance is created, and again the user wants to develop Create a development workspace according to the project you are working on. The generated development workspace is stored as meta data in the meta storage unit 230, and an execution workspace is created.

그리고 사용자는 도 2에 예시된 흐름에 따라 개발환경 서비스로서 제공되는 코드 편집부(220)의 코드 에디터를 이용하여 개발하고자 하는 웹 애플리케이션의 자바스크립트 코드 및 스타일 시트 코드를 작성하고, 개발 서비스로서 제공되는 코드 리소스의 무결성을 확인하고, 메타 서비스 단계에서 메타저장부(230)가 전술한 무결성을 확인한 컴포넌트 파일 및 패키지 파일 등의 메타자료를 저장한다.And the user writes the JavaScript code and the style sheet code of the web application to be developed using the code editor of the code editing unit 220 provided as a development environment service according to the flow illustrated in FIG. 2, and is provided as a development service The integrity of the code resource is checked, and meta data such as the component file and the package file for which the meta storage unit 230 has confirmed the above-described integrity in the meta service step is stored.

그리고 나서, 운영 서비스 단계에서 사용자가 미리 프로젝트를 개발하기 위해 생성한 실행 워크스페이스(workspace)에서 저장된 실행 패키지 파일의 실행을 통해 시작페이지를 생성하고, 운영 환경 단계에서 브라우저를 통해 개발한 웹 애플리케이션의 싸이트를 실행하게 된다. 또한 운영 환경 단계에서는 언제든지 운영 서비스단의 실행 워크스페이스(workspace)를 통해 웹 싸이트를 실행하고 운영할 수 있다.Then, in the operation service phase, the start page is created through the execution of the stored executable package file in the execution workspace created by the user to develop the project in advance, and the web application developed through the browser in the operation environment phase The site will run. In addition, in the operating environment stage, the web site can be executed and operated at any time through the execution workspace of the operation service group.

이처럼 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법은 개발환경, 개발서비스, 메타 서비스, 운영 서비스 및 운영 환경을 포함하는 서비스 단계의 흐름을 통해 웹 개발 및 운영 서비스를 제공함으로써, 개발 및 운영의 속도 및 효율성을 극대화할 수 있다.As such, the low code web development and operation service method according to the embodiment of the present invention provides web development and operation services through the flow of service steps including a development environment, a development service, a meta service, an operation service, and an operation environment. By doing so, it is possible to maximize the speed and efficiency of development and operation.

도 4는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법과 일반 개발 및 운영방법의 차이를 나타내는 모식도이고, 도 5는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법에서 컴포넌트 파일의 패키지 파일로 변환되는 모식도이다.4 is a schematic diagram showing the difference between a low code web development and operation service method and a general development and operation method according to an embodiment of the present invention, and FIG. 5 is a low code web according to an embodiment of the present invention. It is a schematic diagram of converting component file into package file in development and operation service method.

도 4의 (a) 나타낸 바와 같이, 일반적인 코딩을 통한 웹 개발 및 운영의 방법은 개발자 PC 등의 단말에서 개발 환경을 구성하고, 구성된 개발 환경에서 개발 시스템을 통해 코딩 작업을 하고 개발 완료한 후, 테스트 작업을 거쳐서 별도의 운영 시스템 서버에 배포하여 일반 사용자가 실행되는 웹 서비스를 사용할 수 있다. 그러므로, 종래의 일반적인 코딩을 통한 개발 시스템은 클라이언트 단말과 서버의 통신 구조 및 서버 구축을 위한 코딩을 별도로 진행해야 한다는 점에서 매우 복잡하고 시간과 비용이 많이 소요되는 개발 시스템이다.As shown in (a) of Figure 4, the general method of web development and operation through coding configures a development environment in a terminal such as a developer's PC, and after completing the development and coding work through the development system in the configured development environment, After testing, it can be deployed on a separate operating system server to enable general users to use the running web service. Therefore, the conventional development system through general coding is a very complex, time-consuming and costly development system in that the communication structure between the client terminal and the server and the coding for server construction must be separately performed.

그러나 도 4의 (b)에 나타낸 바와 같이, 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템 및 방법을 사용하면, 개발자가 로우 코드 시스템에 바로 접속하여 다수의 개발자가 미리 클라우드 서버(200)에서 구축해 놓은 개발환경 플랫폼을 통해 개별적인 서버 코딩 없이 개발을 할 수 있다는 점에서 개발 시간 및 비용을 획기적으로 낮출 수 있는 매우 효율적인 개발 시스템 및 운영 서비스 방법이라고 할 수 있다.However, as shown in FIG. 4 (b), when using the low code web development and operating system and method according to the embodiment of the present invention, the developer directly accesses the low code system and a plurality of developers It can be said that it is a very efficient development system and operation service method that can dramatically reduce development time and cost in that development can be performed without individual server coding through the development environment platform built in the server 200 .

그리고, 도 5는 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법에서 컴포넌트 파일의 패키지 파일로 변환화는 과정을 모식화한 도면으로, 상술한 바와 같이, 개별 소스코드 파일로 저장하고 관리하는 것이 아니라, 자바스크립트 코드와 스타일 시트 코드가 하나로 통합된 개별 기능을 수행하는 컴포넌트 파일을 제이슨(json) 등의 데이터 전송 포맷으로 메타저장부(230)에 저장하고, 메타저장부(230)에 저장된 수많은 컴포넌트 파일을 다시 적어도 2개 이상의 컴포넌트 파일을 병합하여 패키지 파일로 변환한 후 메타저장부(230)에 저장하게 된다.5 is a diagram schematically illustrating a process of converting a component file into a package file in a low code web development and operation service method according to an embodiment of the present invention. As described above, individual source code files Rather than storing and managing it as a single, JavaScript code and style sheet code, a component file that performs an individual function is stored in the meta storage unit 230 in a data transmission format such as json, and the meta storage unit The numerous component files stored in 230 are converted into package files by merging at least two or more component files again, and then stored in the meta storage unit 230 .

여기서, 도 5에 나타낸 바와 같이, 패키지1 파일은 컴포넌트1 및 컴포넌트2 파일을 병합하여 변환된 파일로서, 스크립트 코드는 스크립트 코드끼리 스타일 시트 코드는 스타일 시트끼리 병합하여 하나의 패키지 파일로 변환하여, 제이슨 포맷으로 병합된 하나의 자바스크립트 코드와 스타일 시트 코드로 구성된 패키지 파일을 생성하고 메타저장부(230)에 저장하게 된다. 컴포넌트2 파일 및 컴포넌트3 파일의 병합을 통한 패키지2 파일 변환의 과정도 전술한 패키지1 파일 변환과정과 동일하다.Here, as shown in FIG. 5, the package 1 file is a file converted by merging the component 1 and component 2 files, and the script code is converted into a single package file by merging script codes and style sheet codes with style sheets, A package file composed of one JavaScript code and a style sheet code merged in the Jason format is generated and stored in the meta storage unit 230 . The process of converting the package 2 file through the merging of the component 2 file and the component 3 file is also the same as the process of converting the package 1 file described above.

또한, 본 발명의 실시에에 적용되는 패키지 파일로의 변환은 적어도 두개 이상의 컴포넌트 파일을 병합하여 변환하는 것으로, 두 개 이상의 다수개의 컴포넌트 파일을 패키지 파일로 변환하는 것도 가능함은 물론이다.In addition, the conversion to a package file applied to the embodiment of the present invention is conversion by merging at least two or more component files, and it is of course also possible to convert two or more component files into a package file.

이처럼 본 발명의 실시예에서는 개별적인 소스코드를 개별적 기능을 수행하는 컴포넌트 파일로 저장하고, 다시 컴포넌트 파일을 패키지 파일로 변환하는 2단계 이상의 파일 컴팩트화를 통해, 리소스 자원을 최소화하고 개발, 관리 및 운영의 효율성을 극대화 시킬 수 있다. 또한, 패키지 파일로 저장되어 있어 서버 스토리지 용량의 효율성을 높여 서버 인스턴스를 확장할 수 있을 뿐만 아니라, 애플리케이션의 실행 속도 및 통신 효율성도 높일 수 있다.As such, in the embodiment of the present invention, resource resources are minimized and development, management and operation are performed by storing individual source codes as component files performing individual functions, and converting the component files into package files in two or more steps. efficiency can be maximized. In addition, since it is stored as a package file, it is possible to expand the server instance by increasing the efficiency of server storage capacity, as well as increase the execution speed of applications and communication efficiency.

도 6은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템 및 방법에 적용하는 컴포넌트 파일의 화면을 예시한 도면이고, 도 7은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템 및 방법에 적용하는 최종 실행 패키지 파일의 화면을 예시한 도면이다.6 is a diagram illustrating a screen of a component file applied to a low code web development and operating system and method according to an embodiment of the present invention, and FIG. 7 is a low code according to an embodiment of the present invention. It is a diagram illustrating the screen of the final executable package file applied to the web development and operating system and method.

도 6에 나타낸 바와 같이, 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 시스템의 개발환경 UI 화면에서 좌측에 있는 ①번은 프로젝트 워크스페이스(workspace)로서 리소스 파일들에 해당하는 패키지 파일이 저장되는 디렉토리 구조를 나타내고, 워크스페이스(workspace)에 있는 특정 클래스 단위의 컴포넌트 파일을 클릭하면 우측에 코드 편집 UI가 나타나고, ②번 자바스크립트 코드와 ③번 스타일 시트 코드가 분리되어 사용자 단말(100)의 단일 화면에 나타나게 된다.As shown in FIG. 6 , the number ① on the left of the development environment UI screen of the low code web development and operating system according to the embodiment of the present invention is a project workspace, and package files corresponding to resource files. This directory structure is stored, and when you click the component file of a specific class unit in the workspace, the code editing UI appears on the right, and the JavaScript code ② and the style sheet code ③ are separated and the user terminal (100 ) is displayed on a single screen.

좌측에 있는 ①번 컴포넌트 파일의 명칭과 함께 작성된 시점을 기준으로 표시한 버전을 나타낸 버전 번호를 표시하여, 멀티 사용자가 함께 개발하는 경우에도 버전관리가 될 뿐만 아니라, 컴포넌트 파일이 기능을 수행하는 클래스(Class) 또는 컴포넌트 단위로 그 기능에 해당하는 컴포넌트 파일의 명칭으로 수정 또는 업데이트 하고자 하는 소스 코드를 쉽게 찾을 수 있다는 점에서 개발, 유지, 보수 및 관리뿐만 아니라, 협업의 효율성을 높일 수 있다.By displaying the version number indicating the version displayed at the time of creation along with the name of the component file number ① on the left, version control is performed even when multi-users develop together, and the class in which the component file performs the function In the sense that the source code to be modified or updated can be easily found with the name of the component file corresponding to the function in (Class) or component unit, development, maintenance, maintenance and management as well as collaboration efficiency can be improved.

그리고, 도 7은 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법에서 실행모듈 단위로 필요한 소스파일의 목록을 구성하고 이를 파일을 결합하여 묶어주는 작업으로서 패키지 파일을 구현한 화면을 예시한다.And, Figure 7 is a package file implemented as an operation to configure a list of source files required for each execution module unit in the low code web development and operation service method according to an embodiment of the present invention, and to combine and bundle the files. Example screen.

도 7에 나타낸 바와 같이, 시스템 개발환경 UI 화면에서 좌측에 있는 ①번은 병합된 클래스 또는 컴포넌트 파일을 제이슨 포맷으로 나타낸 패키지 파일을 예시한 것이고, ②번은 ①번 패키지 파일에 포함되어 병합된 자바스크립트 코드를 나타내고 ③번은 ①번 패키지 파일에 포함되어 병합된 스타일 시트 코드를 나타낸다.As shown in FIG. 7 , number ① on the left side of the system development environment UI screen exemplifies a package file representing the merged class or component file in Jason format, and number ② is included in the package file ① and merged JavaScript code and ③ indicates the style sheet code included in the ① package file and merged.

이처럼 패키지 파일은 웹 애플리케이션에 필수적인 자바스크립트 코드와 스타일 시트 코드를 각 컴포넌트 단위로 병합되어 구성함으로써, 클라우드 서버(200) 스토리지 용량의 효율성을 높여 서버 인스턴스를 확장할 수 있을 뿐만 아니라, 웹서버에서 브라우즈 파일로 내려주고 내려받은 파일을 브라우저를 통해서 실행할 수 있게 함으로써, 애플리케이션의 실행 속도 및 통신 효율성도 높일 수 있다. As such, the package file not only expands the server instance by increasing the efficiency of the cloud server 200 storage capacity by merging and configuring the JavaScript code and the style sheet code essential for the web application in units of each component, but also browses from the web server. By downloading the file as a file and allowing the downloaded file to be executed through a browser, the execution speed of the application and communication efficiency can also be increased.

전술한 본 발명의 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법은, 단말기에 기본적으로 설치된 애플리케이션(이는 단말기에 기본적으로 탑재된 플랫폼이나 운영체제 등에 포함된 프로그램을 포함할 수 있음)에 의해 실행될 수 있고, 사용자가 애플리케이션 스토어 서버, 애플리케이션 또는 해당 서비스와 관련된 웹 서버 등의 애플리케이션 제공 서버를 통해 마스터 단말기에 직접 설치한 애플리케이션(즉, 프로그램)에 의해 실행될 수도 있다. 이러한 의미에서, 전술한 본 발명의 일 실시예에 따른 로우(Low) 코드 웹 개발 및 운영 서비스 방법은 단말기에 기본적으로 설치되거나 사용자에 의해 직접 설치된 애플리케이션(즉, 프로그램)으로 구현되고 단말기에 등의 컴퓨터로 읽을 수 있는 기록매체에 기록될 수 있다.The low code web development and operation service method according to the embodiment of the present invention described above is applied to an application basically installed in a terminal (which may include a program included in a platform or an operating system, etc. that is basically installed in the terminal) may be executed by the application store server, an application or an application (ie, a program) directly installed in the master terminal by a user through an application providing server such as a web server related to the application or the corresponding service. In this sense, the low code web development and operation service method according to an embodiment of the present invention described above is implemented as an application (ie, program) installed by default in a terminal or directly installed by a user, and is implemented in a terminal, etc. It may be recorded on a computer-readable recording medium.

전술한 본 발명의 설명은 예시를 위한 것이며, 본 발명이 속하는 기술분야의 통상의 지식을 가진 자는 본 발명의 기술적 사상이나 필수적인 특징을 변경하지 않고서 다른 구체적인 형태로 쉽게 변형이 가능하다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적이 아닌 것으로 이해해야만 한다. 예를 들어, 단일형으로 설명되어 있는 각 구성 요소는 분산되어 실시될 수도 있으며, 마찬가지로 분산된 것으로 설명되어 있는 구성 요소들도 결합된 형태로 실시될 수 있다.The above description of the present invention is for illustration, and those of ordinary skill in the art to which the present invention pertains can understand that it can be easily modified into other specific forms without changing the technical spirit or essential features of the present invention. will be. Therefore, it should be understood that the embodiments described above are illustrative in all respects and not restrictive. For example, each component described as a single type may be implemented in a dispersed form, and likewise components described as distributed may be implemented in a combined form.

본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 균등 개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다. The scope of the present invention is indicated by the following claims rather than the above detailed description, and all changes or modifications derived from the meaning and scope of the claims and their equivalent concepts should be interpreted as being included in the scope of the present invention. do.

100: 사용자 단말,
200: 클라우드 서버
210: 작업영역부
220: 코드 편집부
230: 메타저장부
240: 패키지 관리부
250: 패키지 실행부100: user terminal;
200: cloud server
210: work area unit
220: code editing unit
230: meta storage
240: package management unit
250: package executor

Claims (7)

삭제delete 사용자 단말; 및
개발하고자 하는 웹 애플리케이션의 개발환경과 작업영역(workspace)을 구성하고 생성하는 작업영역부와, 상기 생성된 작업영역에서 상기 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 코드 편집부와, 상기 입력된 자바스크립트 코드 및 스타일 시트 코드를 통합하여 콤포넌트 파일로 저장하는 메타저장부와, 실행모듈 단위로 필요한 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하 상기 메타저장부로 저장하는 패키지 관리부와, 상기 패키지 파일을 자바스크립트 파일 및 스타일 시트 파일로 분리하여 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 패키지 실행부를 포함하는 클라우드 서버;를 포함하는 것을 특징으로 로우(Low) 코드 웹 개발 및 운영 시스템을 이용한 로우(Low) 코드 웹 개발 및 운영 서비스 방법에 있어서,
(a) 상기 코드 편집부에서 개발하고자 하는 웹 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드 및 스타일 시트 코드를 각각 개별적으로 입력하는 단계;
(b) 상기 메타저장부가 상기 입력된 자바스크립트 코드와 스타일 시트 코드로 구성되어 통합되고, URI(Uniform Resource Indentifier)를 부여하여 컴포넌트 파일로 저장하는 단계;
(c) 상기 패키지 관리부가 실행모듈 단위로 필요한 상기 컴포넌트 파일 목록을 구성하고 파일들을 결합하여 실행 패키지 파일로 변환하고, URI(Uniform Resource Indentifier)를 부여하여 상기 메타저장부에 저장하는 단계; 및
(d) 상기 패키지 실행부가 상기 실행 패키지 파일을 자바스크립트 파일과 스타일 시트 파일로 생성한 후 브라우저를 통해 상기 애플리케이션을 실행하는 단계; 를 포함하는 것을 특징으로 하는 로우(Low) 코드 웹 개발 및 운영 서비스 방법.user terminal; and
A workspace unit that configures and creates a development environment and workspace of a web application to be developed, and JavaScript code and style sheet code in component units that perform individual functions of the application in the created workspace, respectively A code editing unit that is individually input, a meta storage unit that integrates the input JavaScript code and style sheet code and saves it as a component file, composes a list of component files required for each execution module unit, and combines the files into an executable package file A cloud server including a package management unit that converts and stores the meta storage unit, and a package execution unit that generates the package file by separating it into a JavaScript file and a style sheet file, and then executes the application through a browser; In the low-code web development and operation service method using the low-code web development and operation system,
(a) individually inputting a JavaScript code and a style sheet code in a component unit for performing individual functions of a web application to be developed by the code editing unit;
(b) the meta storage unit is composed of the input JavaScript code and the style sheet code and is integrated, and a Uniform Resource Identifier (URI) is given and stored as a component file;
(c) the package management unit constructs a list of component files required for each execution module unit, combines the files to convert the files into an executable package file, and stores a Uniform Resource Identifier (URI) in the meta storage unit; and
(d) executing the application through a browser after the package execution unit generates the executable package file as a JavaScript file and a style sheet file; Low (Low) code web development and operation service method comprising a. 제2항에 있어서,
상기 (b) 단계는,
(b1) 상기 메타저장부가 상기 입력된 자바스크립트 코드와 스타일 시트 코드를 특정 기능을 수행하는 콤포넌트 단위로 통합하고, 상기 통합된 파일을 CSV, XML, JSON 파일을 포함하는 데이터 전송 포맷의 컴포넌트 파일로 변환하는 단계;
(b2) 상기 변환된 컴포넌트 파일에 버전 정보를 확인하고, 버전 충돌이 없는 경우에 상기 콤포넌트 파일 저장하는 단계인 것을 특징으로 하는 로우(Low) 코드 웹 개발 및 운영 서비스 방법.3. The method of claim 2,
The step (b) is,
(b1) the meta storage unit integrates the input JavaScript code and the style sheet code into a component unit that performs a specific function, and converts the integrated file into a component file of a data transmission format including CSV, XML, and JSON files converting;
(b2) Checking version information in the converted component file, and storing the component file when there is no version conflict, Low code web development and operation service method. 제2항에 있어서,
상기 (c) 단계는,
(c1) 패키지 관리부가 서로 다른 적어도 두 개의 컴포넌트 파일을 하나로 병합하는 단계;
(c2) 상기 병합된 패키지 파일의 병합 오류를 검증하는 단계; 및
(c3) 상기 병합 오류가 정상인 경우, 상기 병합된 패키지 파일을 상기 메타 저장부에 저장하는 단계를 포함하되,
상기 패키지 파일은 병합되는 서로 다른 적어도 두 개의 상기 컴포넌트 파일에서 스크립트 코드는 스크립트 코드끼리 병합되고, 스타일 코드는 스타일 코드끼리 서로 독립적으로 병합되는 것을 특징으로 하는 로우(Low) 코드 웹 개발 및 운영 서비스 방법.3. The method of claim 2,
Step (c) is,
(c1) merging at least two different component files into one by the package manager;
(c2) verifying a merging error of the merged package file; and
(c3) if the merging error is normal, storing the merged package file in the meta storage unit,
In at least two different component files in which the package file is merged, script codes are merged with script codes, and style codes are merged with style codes independently of each other. Low code web development and operation service method, characterized in that . 제2항에 있어서,
상기 (a) 단계는,
(a1) 사용자 단말을 통해 개발 플랫폼에 접속하는 단계;
(a2) 작업영역부가 사용자 작업영역(workspace)을 생성하는 단계; 및
(a3) 작업영역부가 생성된 작업영역(workspace) 메타정보를 저장하는 단계; 및
(a4) 사용자가 상기 작업영역에서 생성된 코드 편집부를 통해 개발하고자 하는 애플리케이션의 개별 기능을 수행하는 콤포넌트 단위의 자바스크립트 코드와 스타일 시트코드를 각각 개별적으로 입력하는 단계를 포함하는 것을 특징으로 하는 로우(Low) 코드 웹 개발 및 운영 서비스 방법.3. The method of claim 2,
The step (a) is,
(a1) accessing the development platform through the user terminal;
(a2) generating a user workspace by the workspace unit; and
(a3) storing the generated workspace meta information by the workspace unit; and
(a4) the user individually inputting component-unit JavaScript code and style sheet code for performing individual functions of an application to be developed through the code editing unit generated in the work area, respectively; (Low) Code web development and operations service method. 제2항에 있어서,
상기 (a) 단계 이하를 반복하여 상기 웹 애플리케이션을 업데이트하는 단계를 더 포함하는 것을 특징으로 하는 로우(Low) 코드 웹 개발 및 운영 서비스 방법.3. The method of claim 2,
Repeating the steps below (a) to update the web application. Low code web development and operation service method, characterized in that it further comprises the step of updating the web application. 삭제delete
KR1020210158106A 2021-11-17 2021-11-17 Low code web development and operating system, and service method using of it KR102397494B1 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020210158106A KR102397494B1 (en) 2021-11-17 2021-11-17 Low code web development and operating system, and service method using of it

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020210158106A KR102397494B1 (en) 2021-11-17 2021-11-17 Low code web development and operating system, and service method using of it

Publications (1)

Publication Number Publication Date
KR102397494B1 true KR102397494B1 (en) 2022-05-13

Family

ID=81583644

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020210158106A KR102397494B1 (en) 2021-11-17 2021-11-17 Low code web development and operating system, and service method using of it

Country Status (1)

Country Link
KR (1) KR102397494B1 (en)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102534785B1 (en) * 2022-11-11 2023-05-18 정희용 Virtual assetization device for software training deliverables
KR102663418B1 (en) * 2023-07-24 2024-05-07 인스피언 주식회사 Appartus for providing application services, method thereof, and computationally-implementable storage medium for storing a program for providing application services

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080014737A (en) * 2005-04-22 2008-02-14 마이크로소프트 코포레이션 Method and system for mapping between components of a packaging model and features of a physical representation of a package
KR20110070762A (en) * 2009-12-18 2011-06-24 한국전자통신연구원 Online development environment server, online marketplace server, online development environment building method and developed application service method
KR20150078840A (en) * 2013-12-31 2015-07-08 서경대학교 산학협력단 Storage medium, method and system for storinging integrated platform for developing mobile user interface
US20160070813A1 (en) * 2014-09-10 2016-03-10 Telefonaktiebolaget L M Ericsson (Publ) Interactive web application editor
US20210081183A1 (en) * 2016-12-03 2021-03-18 Thomas STACHURA Spreadsheet-Based Software Application Development

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20080014737A (en) * 2005-04-22 2008-02-14 마이크로소프트 코포레이션 Method and system for mapping between components of a packaging model and features of a physical representation of a package
KR20110070762A (en) * 2009-12-18 2011-06-24 한국전자통신연구원 Online development environment server, online marketplace server, online development environment building method and developed application service method
KR20150078840A (en) * 2013-12-31 2015-07-08 서경대학교 산학협력단 Storage medium, method and system for storinging integrated platform for developing mobile user interface
US20160070813A1 (en) * 2014-09-10 2016-03-10 Telefonaktiebolaget L M Ericsson (Publ) Interactive web application editor
US20210081183A1 (en) * 2016-12-03 2021-03-18 Thomas STACHURA Spreadsheet-Based Software Application Development

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102534785B1 (en) * 2022-11-11 2023-05-18 정희용 Virtual assetization device for software training deliverables
WO2024101497A1 (en) * 2022-11-11 2024-05-16 정희용 Virtual assetization device for software training deliverables
KR102663418B1 (en) * 2023-07-24 2024-05-07 인스피언 주식회사 Appartus for providing application services, method thereof, and computationally-implementable storage medium for storing a program for providing application services

Similar Documents

Publication Publication Date Title
US20060212842A1 (en) Rich data-bound application
US20140173454A1 (en) Method and system for designing, deploying and executing transactional multi-platform mobile applications
JP5128673B2 (en) Application development support apparatus, program, and recording medium
KR102397494B1 (en) Low code web development and operating system, and service method using of it
KR20220132458A (en) User interface platform developing system and method for responsive or adaptive web implementation
CN114912897A (en) Workflow execution method, workflow arrangement method and electronic equipment
Zateishchikov Scaling a software platform using micro frontends
CN117215549A (en) Helm Chart quick code generation method and system
KR20150097190A (en) A system for providing an application developing environment
KR20150097181A (en) A system for providing an application developing environment
KR20150097201A (en) A system for providing an application developing environment
KR20150099279A (en) A system for providing an application developing environment
KR20150099016A (en) A system for providing an application developing environment
KR20150098895A (en) A device for providing an application developing environment
KR20150097936A (en) A device for providing an application developing environment
Vemula et al. Creating Areas and Navigation by Using View Components
KR20150097200A (en) A system for providing an application developing environment
KR20150099260A (en) A system for providing an application developing environment
KR20150099257A (en) A system for providing an application developing environment
KR20150097123A (en) A device for providing an application developing environment
KR20150097198A (en) A system for providing an application developing environment
KR20150099245A (en) A recording media for providing an application developing environment program
KR20150099176A (en) A recording media for providing an application developing environment program
KR20150097150A (en) A method for providing an application developing environment
KR20150097148A (en) A method for providing an application developing environment

Legal Events

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