$\require{mediawiki-texvc}$

연합인증

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

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

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

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

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

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

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

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

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

서비스워커 기반의 캐싱 시스템을 이용한 웹 콘텐츠 로딩 속도 향상 기법
Web Content Loading Speed Enhancement Method using Service Walker-based Caching System 원문보기

한국항행학회논문지 = Journal of advanced navigation technology, v.23 no.1 = no.94, 2019년, pp.55 - 60  

김현국 (한국기술교육대학교 컴퓨터공학부) ,  박진태 (한국기술교육대학교 컴퓨터공학부) ,  최문혁 (한국기술교육대학교 컴퓨터공학부) ,  문일영 (한국기술교육대학교 컴퓨터공학부)

초록
AI-Helper 아이콘AI-Helper

contents and big data웹은 사람들의 일상생활에 있어 가장 밀접한 기술 중 하나로 오늘날 대부분의 사람들은 웹을 통해 데이터를 공유하고 있다. 단순 메신저, 뉴스, 영상뿐만 아니라 다양한 데이터가 현재 웹을 통하여 전파되고 있는 셈이다. 또한 웹 어셈블리 기술이 등장하면서 기존 네이티브 환경에서 구동되던 프로그램들이 웹의 영역에 진입하기 시작하면서 웹이 공유하는 데이터는 이제 VR/AR 콘텐츠, 빅데이터 등 그 범주가 점차 넓어지고, 크기가 거대해지고 있다. 따라서 본 논문에서는 브라우저에 종속적이지 않고 독립적으로 동작이 가능한 서비스워커와 웹 브라우저 내에 데이터를 효과적으로 저장할 수 있는 캐시 API를 활용하여 웹 서비스를 사용하는 사용자들에게 웹 콘텐츠를 효과적으로 전달할 수 있는 방법을 제시하였다.

Abstract ▼ AI-Helper 아이콘AI-Helper

The web is one of the most intimate technologies in people's daily lives, and most of the time, people are sharing data on the web. Simple messenger, news, video, as well as various data are now spreading through the web. In addition, with the emergence of Web assembly technology, the programs that ...

주제어

#Web performance   #Web cache   #Service worker   #Progressive Web App  

표/그림 (8)

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

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

문제 정의

  • 따라서 본 논문에서 제안하고자 하는 시스템은 AMP가 가지는 문제점인 서비스의 종속성 문제를 해결하고, PWA에서 발생하는 캐시의 갱신 문제를해결하기 위하여 SW와 Cache API 기반의 시스템을 제안하고자 한다.
  • 따라서 본 논문에서는 사용자에게 데이터를 빠르고 효율적으로 제공하기 위하여 캐싱과 서비스워커라는 기술을 적용한 시스템을 제안하였다. 사용자들이 자주 사용하는 데이터의 경우 캐시에 저장하여 두고 요청 시 마다 다시 서버로부터 다운로드 받는 것이 아니라 저장해둔 캐시에서 데이터를 제공하여 시간을 단축시키는 것이다.
  • 따라서 본 논문에서는 웹을 통해 제공되는 대용량의 데이터를 모든 사용자들이 효율적으로 제공할 수 있게 만들기 위하여 웹 브라우저와 별개로 동작하여 작업을 처리하는 서비스워커, 웹 브라우저 내에 데이터를 저장하여 사용하는 Cache API를 활용해 사용자에게 웹 서버로부터 데이터를 효율적으로 제공하는 방법에 대하여 논하고자 한다.
  • 본 절에서 실제 웹 어플리케이션의 로딩속도 개선을 위하여 다양한 IT 기업들이 제공하고 있는 서비스에 대하여 분석을 진행하고자 한다. 분석을 진행하는 항목은 구글에서 제공하는 AMP (accelerated mobile pages)와 PWA (progressive web app) 총 2가지로 구성되어 있다.
본문요약 정보가 도움이 되었나요?

질의응답

핵심어 질문 논문에서 추출한 답변
자바스크립트 언어의 단점은 무엇인가? 자바스크립트는 매우 높은 성능을 가진 언어임과 동시에 웹 페이지의 거의 모든 요소를 수정할 수 있는 강력한 언어이다. 하지만 잘못 사용했을 경우 DOM의 생성을 방해하거나 웹 페이지가 렌더링 되는 것을 지연시키게 된다. 따라서 AMP는 모든 동기스크립트를 차단하고, 비동기형태의사용만을 허용한다.
AMP이란 무엇인가? Accelerated Mobile Pages(AMP)는 2015년 10월 구글이 발표한 모바일 기기에 콘텐츠를 효율적으로 제공하기 위한 최적화 오픈소스 기술이다. 사용자가 거의 즉시 로드할 수 있는 웹 페이지를 만들 수 있게 라이브러리 형태로 제공되고 있으며 Chrome, Firefox, Edge, Safari, Opera, UC Browser 및 다양한 외부 광고, 애널리틱스, CMS, 오디오/비디오 플랫폼에서 동작이 가능하다[6].
AMP의 페이지의 구성 요소는 무엇이 있는가? AMP의 페이지의 구성은 크게 3가지 요소로 나눌 수 있는데 이는 각각 AMP HTML, AMP JS, AMP 캐시이다. AMP HTML은 AMP에서 사용되는 몇 가지 제한사항을 가진 HTML이다.
질의응답 정보가 도움이 되었나요?

저자의 다른 논문 :

LOADING...

관련 콘텐츠

오픈액세스(OA) 유형

GOLD

오픈액세스 학술지에 출판된 논문

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

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

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

선택된 텍스트

맨위로