메뉴 건너뛰기
.. 내서재 .. 알림
소속 기관/학교 인증
인증하면 논문, 학술자료 등을  무료로 열람할 수 있어요.
한국대학교, 누리자동차, 시립도서관 등 나의 기관을 확인해보세요
(국내 대학 90% 이상 구독 중)
로그인 회원가입 고객센터 ENG
주제분류
인문학
인문학 일반 역사학 철학 종교학 어문학 기타 인문학
사회과학
사회과학 일반 경영학 관광학 교육학 군사학 문헌정보학 법학 사회학 신문방송학 심리과학 정치외교학 지리학 행정학 경제학 무역학 인류학 기타 사회과학
자연과학
자연과학 일반 물리학 생물학 생활과학 수학·통계학 천문학 지구과학 화학 기타 자연과학
공학
공학 일반 건축공학 기계공학 산업공학 재료·에너지공학 전기전자공학 조선해양공학 화학공학 컴퓨터학 기타공학
의약학
의학 일반 간호학 수의학 약학 한의학 기초의학 임상의학 기타 의약학
농수해양학
농수해양학 일반 농학 수산학 식품과학 임학 축산학 해상운송학 기타 농수해양학
예술체육학
예술 일반 디자인 미술 미용 사진 음악학 의상 체육 공연매체예술 기타 예술체육학
복합학
학제간연구 과학기술학 뇌인지과학 기술정책 기타 복합학

ENG

추천
검색

논문 기본 정보

자료유형
학위논문
저자정보

박현범 (한밭대학교, 한밭大學敎)

지도교수
金次鍾
발행연도
2019
저작권
한밭대학교 논문은 저작권에 의해 보호받습니다.

이용수2

표지
AI에게 요청하기
추천
검색

이 논문의 연구 히스토리 (2)

2019

웹 애플리케이션 개발을 위한 반응형 웹과 Lazy Loading 컴포넌트 설계
박현범 ,  김차종 한국정보통신학회논문지 2019.05 학술저널
Lazy Loading과 반응형 웹을 적용한 컴포넌트 기반의 웹 어플리케이션 개발 툴 구현
박현범 컴퓨터工學科 2019.01 학위논문

초록· 키워드

오류제보하기
빠르게 변화하는 IT 기술 발전에 부응하는 웹 어플리케이션 개발을 위한 전문 기술인 육성에 많은 시간과 비용이 소요되며, 각 개발자의 능력 차이로 인하여 시스템 개발에 어려움이 있다. 특히 비즈니스 분야에서는 디바이스와 운영체제에 종속적이지 않고 브라우저 간에 호환하거나 반응하는 웹 어플리케이션의 개발이 요구되고 있으며 또한 최신의 웹 어플리케이션 서버와의 연동, 전자정부프레임워크 연동은 물론 웹 표준 준수도 고려한다.
웹 어플리케이션을 user-friendly하게 개발할 수 있는 개발 툴이 개발되어 있으나 전체를 국내 기술로 개발된 제품은 전무한 상황이고 외산 개발 툴들은 서버에 개발 엔진을 탑재함으로써 서버에 부하를 증가시킴은 물론 클라이언트의 드로잉 속도 저하 그리고 다양한 장치에 반응하지 못하는 것으로 분석되었다.
이러한 문제를 보완하기 위해 지연로딩 기반의 반응형 웹 어플리케이션 개발 툴 설계를 다음과 같이 제안하였다.
첫째, 태블릿과 모바일 등에 최적화된 화면 디자인을 위해 크기 및 위치 조정, 숨김 및 표시, 스타일 편집이 가능한 디바이스 유형별 편집 기능을 설계하고, 하나의 소스로 제작된 컨텐츠가 다양한 디바이스에 맞추어 해상도나 화면 크기에 따라 동적으로 변환될 수 있게 하였다.
둘째, 컴포넌트를 이용하여 개발되는 웹 어플리케이션이 다양한 장치에 반응할 수 있도록 컴포넌트 설계 시 디바이스 정보를 포함하도록 하였다.
셋째, 서버의 처리 속도를 개선하기 위해 개발 툴에서 설계 화면 그대로를 소스 코드로 생성하고 웹 어플리케션의 뷰어 개선을 위해 lazy loading 기법을 적용함으로써 웹 어플리케이션의 처리 속도가 향상되도록 개발 툴을 설계하였다.
본 논문에서 제안한 반응형 웹 기능과 서버의 처리 속도 개선 여부를 실험을 통해 검증했고 기술 습득의 용이성, 프로그램 제작의 편리성을 높이고 웹 개발 전문가를 양성하는 기간 단축의 효과가 있음을 입증하였다. 또한 GS인증, 전자정부프레임워크 호환성 인증을 취득함으로써 구현 결과에 대한 성능, 웹 표준 준수, 프레임워크 호환성 등을 검증받았다.

목차

목 차
표 목 차 Ⅳ
그 림 목 차 Ⅴ
국 문 요 약 Ⅸ
I. 서 론 1
1.1 연구 배경 및 목적 1
1.2 연구 내용 3
II. 관련 연구 6
2.1 기술 동향 6
2.1.1 환경 변화 6
2.1.2 표준화 현황 10
2.2 관련기술 16
2.2.1 HTML5 16
2.2.2 반응형 웹 디자인 19
2.2.3 에디터 22
III. Web Application 개발 툴 설계 및 구현 29
3.1 개발 툴 구현 29
3.1.1 개발 툴 구성도 36
3.1.2 UI 컴포넌트 구성도 38
3.2 에디터 화면 40
3.3 컴포넌트 설계 및 구현 44
3.3.1 Form 컴포넌트 49
3.3.2 Information 컴포넌트 55
3.3.3 Navigator 컴포넌트 59
3.3.4 Layout 컴포넌트 64
3.3.5 Data 컴포넌트 66
3.3.6 Multi Media 컴포넌트 70
3.3.7 반응형 웹 디자인 74
3.3.8 구조화 데이터 관리 80
IV. 실험 및 고찰 91
4.1 실험 91
4.1.1 실험환경 91
4.1.2 개발 툴 실험 92
4.1.3 다양한 브라우저 지원 96
4.1.4 서버처리속도 개선 97
4.1.5 반응형 웹 적용 98
4.1.6 기능 비교 99
4.1.7 성능 분석 100
4.2 고찰 101
4.2.1 프로그램 생산성향상 101
4.2.2 기술 습득의 용이성 102
4.2.3 고품질 성능 향상 103
4.2.4 자동 코딩지원 104
V. 결론 107
참 고 문 헌 108
ABSTRACT 112
감사의 글 114

최근 본 자료

전체보기

댓글(0)

0