KR20150041352A - 웹 앱 생성 장치 및 방법 - Google Patents

웹 앱 생성 장치 및 방법 Download PDF

Info

Publication number
KR20150041352A
KR20150041352A KR20130119771A KR20130119771A KR20150041352A KR 20150041352 A KR20150041352 A KR 20150041352A KR 20130119771 A KR20130119771 A KR 20130119771A KR 20130119771 A KR20130119771 A KR 20130119771A KR 20150041352 A KR20150041352 A KR 20150041352A
Authority
KR
South Korea
Prior art keywords
file
web application
page
code
code generation
Prior art date
Application number
KR20130119771A
Other languages
English (en)
Other versions
KR102152136B1 (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 KR1020130119771A priority Critical patent/KR102152136B1/ko
Publication of KR20150041352A publication Critical patent/KR20150041352A/ko
Application granted granted Critical
Publication of KR102152136B1 publication Critical patent/KR102152136B1/ko

Links

Images

Classifications

    • 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/448—Execution paradigms, e.g. implementations of programming paradigms
    • G06F9/4482—Procedural
    • G06F9/4484—Executing subprograms
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/41—Compilation
    • G06F8/44—Encoding
    • G06F8/447—Target code generation

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)
  • Document Processing Apparatus (AREA)

Abstract

본 발명은 웹 앱 생성 장치 및 방법에 관한 것으로, 보다 상세하게는 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 중 적어도 하나를 포함하는 코드 생성 룰을 정의하는 코드 생성 룰 정의부, 웹 애플리케이션에 대한 페이지 구조를 정의하고, 상기 코드 생성 룰을 이용하여 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 웹 앱 코드 생성부를 포함한다.

Description

웹 앱 생성 장치 및 방법{Apparatus and Method for creating web application}
본 발명은 웹 앱 생성 장치 및 방법에 관한 것으로, 보다 상세하게는 웹 애플리케이션에 대한 페이지 구조를 정의하고, 기 정의된 코드 생성 룰을 이용하여 각 페이지에 해당하는 정적 구성요소 파일과 동적 구성요소 파일을 생성하여 웹 애플리케이션을 생성하는 웹 앱 생성 장치 및 방법에 관한 것이다.
점차 일상화되어가는 인터넷 문화는 더 방대하고 더 빠르게 진화하는 웹 애플리케이션을 끊임없이 요구하고 있다. 이러한 웹 애플리케이션의 개발 방향은 새로운 요구에 맞춘 혁신적인 프로그래밍 언어나 코딩 기법을 연구하는 것과, 현재 사용되고 있는 프로그래밍 언어나 코딩 기법을 더욱 효과적으로 활용할 수 있도록 하는 방법을 연구하는 것으로 나눌 수 있다. 또한, 이러한 웹 애플리케이션의 개발 동향 역시 웹 서버측에서 수행되는 스크립트 언어를 이용하는 방식과 웹 클라이언트 측에서 독립적으로 수행되는 스크립트 언어를 이용하는 방식으로 나뉘어 발전하고 있다.
한편, 종래 웹 기반 저작환경에서 저작된 생성물은 동적인 구성 요소가 아닌, 주로 정적인 구성 요소인 HTML(Hypertext Markup Language)과 CSS(Cascading Style Sheets)로 구성되어 있다. 하지만 웹 기술이 점점 발달하면서 웹 기반 저작 환경에서는 정적인 구성 요소뿐만 아니라 동적인 구성 요소(페이지, 이벤트 처리, 위젯 등)가 더 필요하게 되었다. 동적인 구성 요소를 많이 가지는 경우는 JS(JavaScript)가 많이 필요하여 기존의 방법과는 다르게 된다.
이처럼 웹 애플리케이션의 동적인 구성 요소는 JS code를 많이 필요로 하게 되고, JS는 이벤트와 밀접하게 작용하기 때문에, 이벤트를 기반으로 동적인 요소들이 언제 필요로 하는지 미리 분석하여 웹 애플리케이션과 위젯의 결과물을 반영할 필요가 있다.
선행기술 1: 한국등록특허 제1,161,946호(2011.09.30 공개)
본 발명은 상술한 종래의 문제점을 해결하기 위한 것으로, 웹 기반 저작환경에서 동적인 구성 요소를 많이 포함하고 있는 웹 애플리케이션 또는 위젯들을 포함하는 결과물을 개발할 수 있는 웹 앱 생성 장치 및 방법을 제공하는데 그 목적이 있다.
본 발명의 다른 목적은 웹 기반의 페이지, 이벤트, 위젯 등의 동적인 구성요소들이 반영된 웹 앱 생성 장치를 제공하여, 코드 생성이 필요한 저작 및 편집 환경에서 기본 컨셉을 이용하여 유용하게 활용할 수 있도록 하는 웹 앱 생성 장치 및 방법을 제공하는데 있다.
상술한 과제를 해결하기 위한 본 발명의 일 측면에 따르면, 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 중 적어도 하나를 포함하는 코드 생성 룰을 정의하는 코드 생성 룰 정의부, 웹 애플리케이션에 대한 페이지 구조를 정의하고, 상기 코드 생성 룰을 이용하여 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 웹 앱 코드 생성부를 포함하는 웹 앱 생성 장치가 제공된다.
상기 호출함수는 웹 애플리케이션의 데이터 구조에 접근하여 반환된 결과값을 해당 코드로 생성하는 함수일 수 있다.
상기 웹 앱 코드 생성부는 웹 애플리케이션을 이루는 페이지 구조를 정의하는 페이지 구조 정의 모듈, 상기 코드 생성 룰을 이용하여 상기 페이지 구조 정의 모듈에서 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현하고, 상기 구현된 로직의 호출함수를 호출하여 반환된 결과값을 코드로 생성하며, 상기 생성된 코드를 상기 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장하는 구성요소 파일 생성모듈을 포함할 수 있다.
상기 로직은 디렉토리, 파일명, 파일 타입, 호출함수 중 적어도 하나를 포함할 수 있다.
본 발명의 다른 측면에 따르면, 웹 앱 생성 장치가 웹 앱을 생성하는 방법에 있어서, 웹 애플리케이션에 대한 페이지 구조를 정의하는 단계, 기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계를 포함하는 웹 앱 생성 방법이 제공된다.
상기 웹 앱 생성 방법은 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 중 적어도 하나를 포함하는 코드 생성 룰을 정의하는 단계를 더 포함할 수 있다.
상기 기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계는, 상기 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현하는 단계, 상기 구현된 로직의 호출함수를 호출하여 반환된 결과값을 코드로 생성하는 단계, 상기 생성된 코드를 상기 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장하는 단계를 포함할 수 있다.
본 발명의 또 다른 측면에 따르면, 웹 앱 생성 장치에 의해 실행될 때, 웹 애플리케이션에 대한 페이지 구조를 정의하는 단계, 기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계를 포함하는 웹 앱 생성 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.
본 발명에 따르면, 웹 기반의 페이지, 이벤트, 위젯 등의 동적인 구성요소들이 반영된 웹 앱 생성 장치를 제공함으로써, 코드 생성이 필요한 저작 및 편집 환경에서 기본 컨셉을 이용하여 유용하게 활용할 수 있다.
또한, 웹 기술을 가지고 애플리케이션을 만들면 특정 플랫폼(iOS, Android)이나 디바이스(PC, tablet, smart phone)에 종속되지 않고 호환 가능하고 재사용성이 높다.
또한, 웹 애플리케이션을 생성하기 위해서는 페이지 구성과 이벤트 처리, 위젯 추가가 필수적인데, 코드 생성 장치를 통해 웹 애플리케이션을 쉽게 개발할 수 있다.
도 1은 본 발명의 실시예에 따른 웹 앱 생성 장치의 구성을 개략적으로 나타낸 블럭도.
도 2는 도 1에 도시된 웹 코드 생성부의 구성을 상세히 나타낸 블럭도.
도 3은 본 발명의 실시예에 따른 웹 애플리케이션 코드 생성 방법을 나타낸 흐름도.
도 4는 본 발명의 실시예에 따른 웹 애플리케이션의 페이지 구조 예시도.
도 5는 본 발명의 실시예에 따른 호출함수를 이용하여 코드를 생성하기 위한 방법을 설명하기 위한 자료구조의 예시도.
본 발명의 전술한 목적과 기술적 구성 및 그에 따른 작용 효과에 관한 자세한 사항은 본 발명의 명세서에 첨부된 도면에 의거한 이하 상세한 설명에 의해 보다 명확하게 이해될 것이다.
이하에 기재된 앱은 애플리케이션(application)의 약어로, 설명의 편의를 위해 앱과 애플리케이션을 혼용하여 사용하기로 한다.
도 1은 본 발명의 실시예에 따른 웹 앱 생성 장치의 구성을 개략적으로 나타낸 블럭도, 도 2는 도 1에 도시된 웹 코드 생성부의 구성을 상세히 나타낸 블럭도이다.
도 1을 참조하면, 웹 앱 생성 장치(100)는 코드 생성 룰 정의부(110), 웹 앱 코드 생성부(120)를 포함한다.
코드 생성 룰 정의부(110)는 각 파일들을 생성할 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 등을 포함하는 코드 생성 룰을 정의한다. 여기서, 디렉토리는 생성된 파일들이 저장될 장소일 수 있고, 파일명은 생성된 파일의 명칭일 수 있다. 파일 타입은 js, html 등 사용자에 의해 선정된 파일의 타입일 수 있다. 호출함수는 웹 애플리케이션의 데이터 구조에 접근하여 반환된 결과값을 해당 코드(내용, 문자열)로 생성하는 함수일 수 있다.
코드 생성 룰 정의부(110)에서 정의된 코드 생성 룰은 템플릿 형태로 저장될 수 있다.
웹 앱 코드 생성부(120)는 웹 애플리케이션에 대한 페이지 구조를 정의하고, 코드 생성 룰 정의부(110)에서 정의된 코드 생성 룰을 이용하여 각 페이지에 해당하는 정적 구성요소 파일과 동적 구성요소 파일을 생성한다. 여기서, 정적 구성 요소는 HTML, CSS 등을 포함할 수 있고, 동적 구성요소는 페이지, 이벤트, 위젯 등과 같이 동적으로 동작하는 요소로서, 예컨대 JS 등을 포함할 수 있다.
웹 앱 코드 생성부(120)에 대해 도 2를 참조하면, 웹 앱 코드 생성부(120)는 페이지 구조 정의 모듈(122), 구성요소 파일 생성 모듈(124)을 포함한다.
페이지 구조 정의 모듈(122)은 웹 애플리케이션을 이루는 페이지들의 정적 구성요소 또는 동적 구성요소들을 포함하는 페이지 구조를 정의한다. 예컨대, main, view, comment, mypage 총 4개의 페이지로 구성된 웹 애플리케이션을 정의할 수 있다.
구성요소 파일 생성 모듈(124)은 코드 생성 룰을 이용하여 각 페이지에 해당하는 정적 구성요소 파일 또는 동적 구성요소 파일을 생성한다. 즉, 구성요소 파일 생성 모듈(124)은 코드 생성 룰을 이용하여 페이지 구조 정의 모듈(122)에서 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현하고, 구현된 로직의 호출함수를 호출하여 반환된 결과값을 코드(내용, 문자열)로 생성하며, 생성된 코드를 상기 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장한다.
예컨대, main, view, comment, mypage 총 4개의 페이지로 구성된 웹 애플리케이션의 경우, 구성요소 파일 생성 모듈(124)은 main 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일을 생성, view 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일을 생성, comment 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일을 생성, mypage 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일을 생성한다. 이때, 구성요소 파일 생성모듈(124)은 각 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일을 각 페이지에서 정의된 파일타입으로 생성하고, 생성된 파일들을 각 페이지에서 정의된 파일명으로 해당 디렉토리에 저장한다.
예를 들어, "commonJs : {
　　　　　　　　　　　　　　　　　　　　directory : "js",
　　　　　　　　　　　　　　　　　　　　filename : "common.js",
　　　　　　　　　　　　　　　　　　　　type : "js",
　　　　　　　　　　　　　　　　　　　　generator : generateCommonJs
　　　　　　　　　　　　　　　}"와 같이 정의된 동적 구성요소 파일에 대해 설명하기로 한다. 이 경우, 구성요소 파일 생성 모듈(124)는 'generateCommonJs' 함수를 호출하여 반환된 결과값을 코드(내용, 문자열)로 생성하고, 생성된 코드를 ＇js＇ 디렉토리에 js(자바스크립트) 타입의 파일 'common.js'을 만들어 'js/commom.js' 파일에 추가한다.
도 3은 본 발명의 실시예에 따른 웹 애플리케이션 코드 생성 방법을 나타낸 흐름도, 도 4는 본 발명의 실시예에 따른 웹 애플리케이션의 페이지 구조 예시도, 도 5는 본 발명의 실시예에 따른 코드 생성 룰에 포함된 호출함수를 이용하여 코드를 생성하는 방법을 설명하기 위한 도면이다.
도 3을 참조하면, 웹 앱 생성 장치는 저작하고자 하는 웹 애플리케이션에 대한 페이지 구조 정보를 정의한다(S302). 즉, 개발자는 저작하고자 하는 웹 애플리케이션의 페이지 구조를 도 4와 같은 형태로 정의할 수 있다.
도 4는 4개의 페이지 main, view, comment, mypage로 구성된 웹 애플리케이션의 경우에 생성되는 코드의 구조를 나타낸다.
도 4를 참조하면, 웹 애플리케이션에는 main, view, comment, mypage 각각에 대한 html파일과 js파일, common.js 파일이 존재한다. 여기서, common.js는 모든 페이지에서 공통적으로 필요한 JS 코드가 포함된다. 모든 페이지에서 공통적으로 필요한 코드는 가로/세로 화면 전환시 사이즈 변환에 필요한 코드, 초기화면으로 전환시 필요한 코드 등 모든 페이지에 공통적으로 적용되는 부분들이 정의된다. Html파일은 정적 구성요소 파일일 수 있고, js파일은 동적 구성요소 파일일 수 있다. 웹 앱 생성 장치는 main, view, comment, mypage 4개의 페이지 각각에 대한 html과 js파일을 생성한다. 따라서, main.html과 main.js는 main 페이지를 구성하고, view.html과 view.js는 view페이지를 구성하며, comment.html과 comment.js는 comment페이지를 구성, mypage.html과 mypage.js는 mypage페이지를 구성할 수 있다.
웹 애플리케이션에 대한 페이지 구조 정보가 정의되면, 웹 앱 생성 장치는 코드 생성 룰을 이용하여 각 페이지에 해당하는 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현한다(S304). 즉, 각 페이지에는 html과 js파일이 있고, html 파일과 js파일을 생성하는 로직은 상이하므로, 이를 생성하기 위한 로직은 별도로 구현해야 한다.
예컨대, 웹 앱 생성 장치는 하기와 같이 정적 구성요소 파일과 동적 구성요소 파일을 생성하기 위한 로직을 정의할 수 있다. 여기서, 정적 구성요소 파일은 html 파일일 수 있고, 동적 구성요소 파일은 js파일일 수 있다.
{
　　　　　　　　　　　　　　　　commonJs : {
　　　　　　　　　　　　　　　　　　　　directory : "js",
　　　　　　　　　　　　　　　　　　　　filename : "common.js",
　　　　　　　　　　　　　　　　　　　　type : "js",
　　　　　　　　　　　　　　　　　　　　generator : generateCommonJs
　　　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　　　mainHtml : {
　　　　　　　　　　　　　　　　　　　　directory : "",
　　　　　　　　　　　　　　　　　　　　filename : "main.html",
　　　　　　　　　　　　　　　　　　　　type : "html",
　　　　　　　　　　　　　　　　　　　　generator : generateMainHtml
　　　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　　　mainJs : {
　　　　　　　　　　　　　　　　　　　　directory : "js",
　　　　　　　　　　　　　　　　　　　　filename : "main.js",
　　　　　　　　　　　　　　　　　　　　type : "js",
　　　　　　　　　　　　　　　　　　　　generator : generateMainJs
　　　　　　　　　　　　　　　　},
......
　　　　　　　　　　　　};
상기 로직에서 　　　　　　　　　　　　　　　　commonJs을 살펴보면, ＇js＇ 디렉토리에 js(자바스크립트) 타입의 파일 'common.js'를 만들기 위해서는 'generateMainJs'함수를 호출해야 한다. 즉, 'generateMainJs'함수를 호출하면 결과값이 반환되고, 그 반환된 결과값이 'js/common.js' 파일에 들어갈 내용(문자열)일 수 있다. 이때, generateCommonJs 함수는 전체의 데이터 구조에 접근하여 common.js 파일에 포함되어야 하는 코드를 찾아서 common.js에 추가한다.
다음으로, mainHtml을 살펴보면, 임의 디렉토리에 html 타입의 파일 'main.html'를 만들기 위해서는 'generateMainHtml'함수를 호출해야 한다. 즉, '/main.html'파일에 들어갈 내용(문자열)은 'generateMainHtml' 함수를 호출하면, 결과값으로 반환된다는 것을 의미한다.
마지막으로, mainJs을 살펴보면, ＇js＇ 디렉토리에 js(자바스크립트) 타입의 파일 'main.js/를 만들기 위해서는 'generateMainJs' 함수를 호출해야 한다. 즉, 'js/main.html'파일에 들어갈 내용(문자열)은 'generateMainJs' 함수를 호출하면, 결과값으로 반환된다는 것을 의미한다. 이때, generateMainJs 함수는 main 노드 이하의 노드들만 검사하면서 main.js에 포함되어야 하는 코드를 찾아서 main.js에 추가한다. 각 함수에서 해당 js 파일에 추가될 코드는 각 노드에 속성으로 추가되어야 한다.
코드 생성 룰은 각 파일들을 생성할 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출 함수를 포함하므로, 웹 앱 생성 장치는 코드 생성 룰을 이용하여 구현된 로직의 호출 함수를 이용하여 해당 코드(내용, 문자열)를 생성한다. 각각의 호출(generator) 함수는 저작하려고 하는 웹 애플리케이션의 데이터 구조에 접근하여 해당 코드(내용, 문자열)를 생성한다.
웹 앱 생성 장치가 호출 함수를 이용하여 파일의 코드(내용, 문자열)를 만들기 위해서는 웹 애플리케이션을 구성하는 페이지, 위젯, 이벤트 등의 각 요소를 도 5와 같은 자료 구조로 만들어야 한다.
웹 앱 생성 장치가 코드 생성 룰을 이용하여 구현된 로직에 포함된 호출함수를 이용하여 파일의 코드(내용, 문자열)을 만들기 위한 자료구조에 대해 도 5를 참조하여 설명하기로 한다. 도 5를 참조하면, 웹 애플리케이션(App)은 main, view, comment, mypage 총 4개의 페이지로 구성되고, main 페이지에는 Widget1이 포함된 트리 구조로 되어 있다.
하기 로직은 main 페이지의 widget1에서 코드 생성을 위해 가지고 있어야 하는 값을 JSON(제이슨, JavaScript Object Notation)형태로 선언한 예를 나타낸 것이다. JSON은 인터넷에서 자료를 주고받을 때 그 자료를 표현하는 방법일 수 있다.
{　
　 html : " html로 생성되어야 하는 문자열",
　　　　js : {
　　　　　　　　　　　　common : {
　　　　　　　　　　　　　　　　　　　　tmapInit : function( id ){
　　　　　　　　　　　　　　　　　　　　　　　　var map;
　　　　　　　　　　　　　　　　　　　　　　　　var markerLayer;
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　....
　　　　　　　　　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　　　　　　　},
　　　　　　　　　　　　　　　　　　　　tmapShopInit :　 function( id ){
　　　　　　　　　　　　　　　　　　　　　　　　var map;
　　　　　　　　　　　　　　　　　　　　　　　　var markerLayer;
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　....
　　　　　　　　　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　　　　　　　}
　　　　　　　　　　　　　　　},
　　　　　　　　　　　　pageshow : "페이지가 보이는 순간 실행되어야 할 코드의 문자열",
　　　　　　　　　　　　onResize : "화면이 resize되는 순간에 실행되어야 할 코드의 문자열"
　　　}
}
상기에서 html로 된 부분은 html 파일을 생성하기 위한 부분이고, js로 선언된 부분은 js 파일을 생성하기 위한 부분이다. js.common은 common.js 파일에 추가되어야 할 함수들이고, js.pageshow 및 js.onResize는 페이지에 관련된 이벤트인 페이지가 보이는 순간, 화면이 resize되는 순간에 실행되어야 할 코드가 들어간다.
상기와 같이 각 페이지의 정적 구성요소 파일 또는 동적 구성요소 파일이 생성되면, 웹 앱 생성 장치는 생성된 파일들을 코드 생성 룰을 이용하여 구현된 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장한다.
한편, 본 발명의 다른 측면에 따르면, 웹 앱 생성 장치에 의해 실행될 때, 웹 애플리케이션에 대한 페이지 구조를 정의하는 단계, 기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계를 포함하는 웹 앱 생성 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체가 제공된다.
이러한 웹 앱 생성 방법은 프로그램으로 작성 가능하며, 프로그램을 구성하는 코드들 및 코드 세그먼트들은 당해 분야의 프로그래머에 의하여 용이하게 추론될 수 있다. 또한, 웹 앱 생성 방법에 관한 프로그램은 전자장치가 읽을 수 있는 정보저장매체(Readable Media)에 저장되고, 전자장치에 의하여 읽혀지고 실행될 수 있다.
지금까지 기술한 웹 앱 생성 방법은 이를 실행하기 위한 프로그램이 수록된 컴퓨터로 판독 가능한 기록 매체의 형태에 의해 생산, 사용, 양도될 수 있다. 뿐만 아니라, 본 발명은 상기 프로그램을 온라인 상에서 송수신하는 방식에 의해 양도되는 경우, 송수신의 주체가 되는 장치 및 송수신 행위에 대해서도 권리 범위가 미친다고 봄이 당연하다.
이와 같이, 본 발명이 속하는 기술분야의 당업자는 본 발명이 그 기술적 사상이나 필수적 특징을 변경하지 않고서 다른 구체적인 형태로 실시될 수 있다는 것을 이해할 수 있을 것이다. 그러므로 이상에서 기술한 실시예들은 모든 면에서 예시적인 것이며 한정적인 것이 아닌 것으로서 이해해야만 한다. 본 발명의 범위는 상기 상세한 설명보다는 후술하는 특허청구범위에 의하여 나타내어지며, 특허청구범위의 의미 및 범위 그리고 그 등가개념으로부터 도출되는 모든 변경 또는 변형된 형태가 본 발명의 범위에 포함되는 것으로 해석되어야 한다.
본 발명은 웹 앱 생성 장치, 방법 및 컴퓨터로 판독 가능한 기록 매체를 제공함으로써, 웹 기반의 페이지, 이벤트, 위젯 등의 동적인 구성요소들이 반영된 웹 앱 생성 장치를 제공함으로써, 코드 생성이 필요한 저작 및 편집 환경에서 기본 컨셉을 이용하여 유용하게 활용할 수 있다.
100 : 웹 앱 생성 장치 110 : 코드 생성 룰 정의부
120 : 웹 앱 코드 생성부 122 : 페이지 구조 정의 모듈
124 : 구성 요소 파일 생성 모듈

Claims (8)

  1. 디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 중 적어도 하나를 포함하는 코드 생성 룰을 정의하는 코드 생성 룰 정의부; 및
    웹 애플리케이션에 대한 페이지 구조를 정의하고, 상기 코드 생성 룰을 이용하여 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 웹 앱 코드 생성부;
    를 포함하는 웹 앱 생성 장치.
  2. 제1항에 있어서,
    상기 호출함수는 웹 애플리케이션의 데이터 구조에 접근하여 반환된 결과값을 해당 코드로 생성하는 함수인 것을 특징으로 하는 웹 앱 생성장치.
  3. 제1항에 있어서,
    상기 웹 앱 코드 생성부는 웹 애플리케이션을 이루는 페이지 구조를 정의하는 페이지 구조 정의 모듈; 및
    상기 코드 생성 룰을 이용하여 상기 페이지 구조 정의 모듈에서 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현하고, 상기 구현된 로직의 호출함수를 호출하여 반환된 결과값을 코드로 생성하며, 상기 생성된 코드를 상기 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장하는 구성요소 파일 생성모듈을 포함하는 것을 특징으로 하는 웹 앱 생성 장치.
  4. 제3항에 있어서,
    상기 로직은 디렉토리, 파일명, 파일 타입, 호출함수 중 적어도 하나를 포함하는 것을 특징으로 하는 웹 앱 생성 장치.
  5. 웹 앱 생성 장치가 웹 앱을 생성하는 방법에 있어서,
    웹 애플리케이션에 대한 페이지 구조를 정의하는 단계; 및
    기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계;
    를 포함하는 웹 앱 생성 방법.
  6. 제5항에 있어서,
    디렉토리, 파일명, 파일 타입, 파일을 생성하기 위해 호출할 호출함수 중 적어도 하나를 포함하는 코드 생성 룰을 정의하는 단계를 더 포함하는 웹 앱 생성 방법.
  7. 제5항에 있어서,
    상기 기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계는,
    상기 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일의 로직을 구현하는 단계;
    상기 구현된 로직의 호출함수를 호출하여 반환된 결과값을 코드로 생성하는 단계; 및
    상기 생성된 코드를 상기 로직에 정의된 파일명 및 파일타입으로 해당 디렉토리에 저장하는 단계를 포함하는 것을 특징으로 하는 웹 앱 생성 방법.
  8. 웹 앱 생성 장치에 의해 실행될 때,
    웹 애플리케이션에 대한 페이지 구조를 정의하는 단계; 및
    기 정의된 코드 생성 룰을 이용하여 상기 정의된 각 페이지에 대한 정적 구성요소 파일 또는 동적 구성요소 파일을 생성하는 단계를 포함하는 웹 앱 생성 방법이 프로그램으로 기록되고 전자 장치에서 판독 가능한 기록매체.
KR1020130119771A 2013-10-08 2013-10-08 웹 앱 생성 장치 및 방법 KR102152136B1 (ko)

Priority Applications (1)

Application Number Priority Date Filing Date Title
KR1020130119771A KR102152136B1 (ko) 2013-10-08 2013-10-08 웹 앱 생성 장치 및 방법

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020130119771A KR102152136B1 (ko) 2013-10-08 2013-10-08 웹 앱 생성 장치 및 방법

Publications (2)

Publication Number Publication Date
KR20150041352A true KR20150041352A (ko) 2015-04-16
KR102152136B1 KR102152136B1 (ko) 2020-09-04

Family

ID=53034862

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020130119771A KR102152136B1 (ko) 2013-10-08 2013-10-08 웹 앱 생성 장치 및 방법

Country Status (1)

Country Link
KR (1) KR102152136B1 (ko)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857398A (zh) * 2018-11-08 2019-06-07 深圳壹账通智能科技有限公司 一种前端页面的生成方法、装置、存储介质及计算机设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2001344105A (ja) * 2000-03-31 2001-12-14 Hitachi Software Eng Co Ltd Ｗｅｂアプリケーション開発方法、開発支援システム、および該方法に係るプログラムを記憶した記憶媒体
KR20110065804A (ko) * 2009-12-10 2011-06-16 주식회사 엘지유플러스 이동 단말기 및 상기 이동 단말기에서 웹 애플리케이션 실행 방법
KR101161946B1 (ko) 2010-03-24 2012-07-04 (주)아이윈디 스마트폰 어플리케이션 제작 시스템 및 그 방법
KR20130063759A (ko) * 2011-12-07 2013-06-17 한국과학기술연구원 공통 표현을 이용한 중간 언어 변환 방법과 그를 위한 시스템 및 컴퓨터로 읽을 수 있는 기록매체

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2001344105A (ja) * 2000-03-31 2001-12-14 Hitachi Software Eng Co Ltd Ｗｅｂアプリケーション開発方法、開発支援システム、および該方法に係るプログラムを記憶した記憶媒体
KR20110065804A (ko) * 2009-12-10 2011-06-16 주식회사 엘지유플러스 이동 단말기 및 상기 이동 단말기에서 웹 애플리케이션 실행 방법
KR101161946B1 (ko) 2010-03-24 2012-07-04 (주)아이윈디 스마트폰 어플리케이션 제작 시스템 및 그 방법
KR20130063759A (ko) * 2011-12-07 2013-06-17 한국과학기술연구원 공통 표현을 이용한 중간 언어 변환 방법과 그를 위한 시스템 및 컴퓨터로 읽을 수 있는 기록매체

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857398A (zh) * 2018-11-08 2019-06-07 深圳壹账通智能科技有限公司 一种前端页面的生成方法、装置、存储介质及计算机设备

Also Published As

Publication number Publication date
KR102152136B1 (ko) 2020-09-04

Similar Documents

Publication Publication Date Title
CN110235122B (zh) 用于将web内容转化为可重复使用的模板和组件的***和方法
US10565293B2 (en) Synchronizing DOM element references
US9471204B2 (en) System and method for data-driven web page navigation control
US11194884B2 (en) Method for facilitating identification of navigation regions in a web page based on document object model analysis
US9122762B2 (en) Method and system to maintain a web page
CN104484216A (zh) 服务接口文档和在线测试工具生成方法、装置
Tacy et al. GWT in Action
CN109960491A (zh) 应用程序生成方法、生成装置、电子设备及存储介质
Eichorn Understanding AJAX: Using JavaScript to create rich internet applications
US10671801B2 (en) Markup code generator
CN112463135A (zh) 代码生成方法、代码生成器、电子设备及存储介质
CN105989126B (zh) 一种网页显示方法及装置
CN112016267A (zh) 一种图标字体处理方法、装置及存储介质
US8108419B2 (en) Virtually applying modifications
KR102152136B1 (ko) 웹 앱 생성 장치 및 방법
Johnson Programming in HTML5 with JavaScript and CSS3
US20170364496A1 (en) Visualization interface for information object system
CN111651160B (zh) 插件构建、网页设计的方法和装置
CN113342399A (zh) 应用项目的结构配置方法、装置及可读存储介质
KR20170129225A (ko) 스타일에 대한 선언적 캐스캐이드 재정렬
CN111367515B (zh) 页面卡片的开发方法、装置、计算设备和存储介质
Steinberg Shots: A High-Performance Web Templating Language
CN114329288A (zh) 一种网页文档动态生成方法、***及服务器
CN116804933A (zh) 数据转换方法、电子设备及计算机可读存储介质
CN117348871A (zh) 基于模板的页面控件生成方法及装置

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
GRNT Written decision to grant