$\require{mediawiki-texvc}$

연합인증

연합인증 가입 기관의 연구자들은 소속기관의 인증정보(ID와 암호)를 이용해 다른 대학, 연구기관, 서비스 공급자의 다양한 온라인 자원과 연구 데이터를 이용할 수 있습니다.

이는 여행자가 자국에서 발행 받은 여권으로 세계 각국을 자유롭게 여행할 수 있는 것과 같습니다.

연합인증으로 이용이 가능한 서비스는 NTIS, DataON, Edison, Kafe, Webinar 등이 있습니다.

한번의 인증절차만으로 연합인증 가입 서비스에 추가 로그인 없이 이용이 가능합니다.

다만, 연합인증을 위해서는 최초 1회만 인증 절차가 필요합니다. (회원이 아닐 경우 회원 가입이 필요합니다.)

연합인증 절차는 다음과 같습니다.

최초이용시에는
ScienceON에 로그인 → 연합인증 서비스 접속 → 로그인 (본인 확인 또는 회원가입) → 서비스 이용

그 이후에는
ScienceON 로그인 → 연합인증 서비스 접속 → 서비스 이용

연합인증을 활용하시면 KISTI가 제공하는 다양한 서비스를 편리하게 이용하실 수 있습니다.

단일 페이지 AJAX 애플리케이션을 위한 템플릿 기반 웹 애플리케이션 재공학 기법
Reengineering Template-Based Web Applications to Single Page AJAX Applications 원문보기

정보처리학회논문지. KIPS transactions on software and data engineering. 소프트웨어 및 데이터 공학, v.1 no.1, 2012년, pp.1 - 6  

오재원 (가톨릭대학교 컴퓨터정보공학부) ,  최현철 (가톨릭대학교 컴퓨터정보공학부) ,  임승호 (한국외국어대학교 디지털정보공학과) ,  안우현 (광운대학교 컴퓨터소프트웨어학과)

초록
AI-Helper 아이콘AI-Helper

템플릿 기반 웹 애플리케이션(TWA)은 웹 페이지들의 공통부분을 단일 코드 파일(템플릿)로, 각 페이지에 특화된 부분은 별도의 파일로 관리한다. HTTP 요청이 발생하면 이 두 종류 파일을 동적으로 조합하여 웹 페이지를 생성한다. 이를 통해 사용자에게 일관된 UI을 제공하며 코드 중복을 제거해 유지보수성을 향상시킨다. 그러나 TWA는 사용자의 요청 시 현재 페이지에서 바뀌어야 할 부분이 일부지만 페이지 전환이 이루어져 갱신이 불필요한 데이터까지 전송되고 처리되는 문제가 있다. 본 논문은 Java 기반 TWA를 대상으로 이 문제를 해결한다. 제안 기법은 페이지 전환을 제거하기 위해 HTML에 있는 하이퍼링크를 AJAX를 이용하는 JavaScript 이벤트 핸들러로 변환한다. 또한 갱신에 필요한 데이터만 반환하기 위해 JSP, Servlet 코드에서 템플릿 전송 코드를 제거한다. 따라서 이 기법은 페이지 전환으로 발생하는 네트워크와 CPU 부하를 감소시키며, 비동기적인 페이지 업데이트로 사용자의 체감 성능을 향상시킨다. 성능 검증을 위해 전형적인 TWA를 대상으로 이 기법을 적용하였다. 성능 측정 결과 기존 TWA보다 응답시간을 최대 87% 개선하였다.

Abstract ▼ AI-Helper 아이콘AI-Helper

Web pages in a template-based web application (TWA) are automatically populated using a template shared by the pages with contents specific to the pages. So users can easily obtain information guided by a consistent structure of the template. Reduced duplicated code helps to increase the level of ma...

주제어

#단일 페이지 애플리케이션   #웹 템플릿  

AI 본문요약
AI-Helper 아이콘 AI-Helper

* AI 자동 식별 결과로 적합하지 않은 문장이 있을 수 있으니, 이용에 유의하시기 바랍니다.

문제 정의

  • 본 논문은 Java 기반 TWA를 SPA로 변환(transformation) 하기 위한 재공학 방법을 제안한다. 제안 기법은 우선 페이지 전환을 제거하기 위해 HTML 요청을 AJAX 요청으로 변환한다.
  • 본 논문은 Java 기반 TWA를 SPA로 재공학하는 방법을 제안한다. 이 기법은 페이지 전환을 제거하기 위해 HTML 요청을 AJAX 요청으로 변환한다.
본문요약 정보가 도움이 되었나요?

질의응답

핵심어 질문 논문에서 추출한 답변
TWA은 어떤 문제를 가지고 있는가? 또한 코드 중복이 줄고 모듈화가 이루어져 유지보수와 재사용 수준이 향상된다. 그러나 TWA는 사용자의 요청 시 페이지 중 일부분만 변경될 필요가 있지만 전체 페이지가 새 페이지로 업데이트되는 문제가 있다.
단일 페이지 애플리케이션의 특징은 무엇인가? 이와 달리 단일 페이지 애플리케이션(Single page application, SPA)은 데스크톱 애플리케이션처럼 페이지 전환 없이 하나의 페이지 안에서 서비스를 제공하는 웹 애플리케이션이다[2]. SPA 페이지는 독립적으로 갱신이 가능한 컴포넌트들로 구성되며, 처음 페이지 로드 시 필요한 코드(HTML, JavaScript, CSS등)를 다운로드한 후 페이지 전환 없이 현재 페이지에서 일부만을 갱신하며 사용자의 요구를 만족시킨다. 이때 사용자의 요청과 부분 업데이트 처리를 위해 AJAX[3]를 이용한다. 따라서 SPA는 페이지 전환으로 발생하는 네트워크와 CPU 사용 시간을 감소시키고, 비동기적인 페이지 업데이트로 사용자의 체감 성능을 향상시킬 수 있다.
사용자가 TWA를 통해 얻는 장점은 무엇인가? 15행[jsp:include] 태그에 지정된 경로에 따라 서로 다른 페이지가 생성된다. TWA를 통해 사용자는 일관된 UI를 제공받으며 정보를 쉽게 파악할 수 있다. 또한 코드 중복이 줄고 모듈화가 이루어져 유지보수와 재사용 수준이 향상된다. 그러나 TWA는 사용자의 요청 시 페이지 중 일부분만 변경될 필요가 있지만 전체 페이지가 새 페이지로 업데이트되는 문제가 있다.
질의응답 정보가 도움이 되었나요?

참고문헌 (7)

  1. Chulyun Kim et al., "TEXT: Automatic Template Extraction from Heterogeneous Web Pages," IEEE TKDE, Vol.23, No.4, 2011. 

  2. Ali Mesbah et al., "Migrating Multi-page Web Applications to Single-page Ajax Interfaces," Proc. of the 11th CSMR, 2007. 

  3. Jesse James Garrett, "Ajax: A New Approach to Web Applications," Adaptive Path, 2005. 

  4. Gustavo Rossi et al., "Refactoring to Rich Internet Applications. A Model-driven Approach," Proc. of the 8th ICWE, 2008. 

  5. Roberto Rodriguez-Echeverria et al., "Modernization of Legacy Web Applications into Rich Internet Applications," Proc. of the 11th intl conf. on Current Trends in Web Engineering, 2012. 

  6. Y. Kim, "JSP & Servlet for Java Programmers," Chapter 13, Hanbit Media, 2010. 

  7. Dong-Min Kang, "Web Performance Optimization : Today and Tomorrow," Communications of KIISE, Vol.30, No.5, 2012. 

저자의 다른 논문 :

LOADING...

관련 콘텐츠

오픈액세스(OA) 유형

BRONZE

출판사/학술단체 등이 한시적으로 특별한 프로모션 또는 일정기간 경과 후 접근을 허용하여, 출판사/학술단체 등의 사이트에서 이용 가능한 논문

저작권 관리 안내
섹션별 컨텐츠 바로가기

AI-Helper ※ AI-Helper는 오픈소스 모델을 사용합니다.

AI-Helper 아이콘
AI-Helper
안녕하세요, AI-Helper입니다. 좌측 "선택된 텍스트"에서 텍스트를 선택하여 요약, 번역, 용어설명을 실행하세요.
※ AI-Helper는 부적절한 답변을 할 수 있습니다.

선택된 텍스트

맨위로