• 제목/요약/키워드: 단일 페이지 애플리케이션

검색결과 2건 처리시간 0.02초

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

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

MVC 아키텍처 인지하는 웹 앱 재구조화 (MVC Architecture-aware Restructuring of Web Apps)

  • 오재원;안우현;김태공
    • 한국정보통신학회논문지
    • /
    • 제21권11호
    • /
    • pp.2153-2166
    • /
    • 2017
  • 웹 앱에는, 서로 다른 웹 페이지를 웹브라우저에 로드할 때 동일 데이터가 반복적으로 획득되고 처리되어 화면상에 표시되는 문제가 있다. 본 논문은 이 문제를 해결하기 위해 자바 웹 앱을 재구조화하는 기법을 제안하고 평가한다. 자바 웹 앱을 MVC(Model-View-Controller) 아키텍처 관점에서 동적 분석하고 컴포지트 뷰 패턴을 활용하여 중복해서 사용되는 데이터를 식별한다. 이를 토대로 페이지 요청 시 중복 데이터가 로드되지 않도록 앱을 재구조화한다. 재구조화를 통해 MVC 아키텍처에 부합하며 성능이 향상된 웹 앱을 생성한다. 이렇게 재구조화된 웹 앱은 기존 웹 앱의 응답 시간을 데스크톱 PC, 모바일 기기에서 각각 38%, 55% 개선하였다. 아울러 오픈 소스 웹 앱을 이용한 사례 연구를 통해 제안하는 기법의 적용 가능성을 보였다.