메뉴 건너뛰기
.. 내서재 .. 알림
소속 기관/학교 인증
인증하면 논문, 학술자료 등을  무료로 열람할 수 있어요.
한국대학교, 누리자동차, 시립도서관 등 나의 기관을 확인해보세요
(국내 대학 90% 이상 구독 중)
로그인 회원가입 고객센터 ENG
주제분류

추천
검색

논문 기본 정보

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

심승민 (숙명여자대학교, 숙명여자대학교 대학원)

지도교수
임순범
발행연도
2016
저작권
숙명여자대학교 논문은 저작권에 의해 보호받습니다.

이용수2

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

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

초록· 키워드

오류제보하기
우리는 주변의 로고, 포스터, 접시 등에서 글자를 원형에 맞추어 배치한 사례를 종종 볼 수 있다. 또한, 최근 스마트워치 등 원형 기기들이 출시되고, 빅데이터 시대의 도래로 데이터 시각화 분야가 주목받으면서 글자의 원형 배치에 대한 요구가 증가하고 있다. 하지만 웹에서는 글자를 원형 또는 부채꼴로 배치하는 방법을 따로 지원하지 않아 작성하기에 복잡하며, 현재까지 표현 가능한 범위가 제한적이다. 이에 따라 웹상에서 글자를 원형 또는 부채꼴에 맞추어 배치하는 모든 경우를 지원하고, 기존의 방법보다 더 간결하고 효율적으로 작성할 수 있는 방법을 제공할 필요가 있다.
본 연구는 브라우저 기반의 웹 환경에서 CSS 스타일시트와 HTML로 표현되어 있는 웹페이지 내의 글자를 원이나 부채꼴의 중심을 기준으로 하는 극좌표계로 배치할 수 있도록 CSS3 사양을 확장한다. 또한, 확장 CSS3 사양으로 작성한 콘텐츠가 기존 브라우저에서 표현될 수 있도록 전처리기를 구현한다. 그 후, 본 연구에서 제안한 방법을 사용하면 웹상에서 글자를 극좌표계로 표현하는 데 제한이 없으며, 간결한 방법을 통해 효율적으로 작성할 수 있음을 증명하기 위해 문서 작성 프로그램인 파워포인트와 글자의 원형 배치를 지원하는 자바스크립트 라이브러리인 CssWarp.js로 동일한 샘플 콘텐츠를 작성하여 결과를 비교ㆍ분석하였다.
본 연구에서 제안한 확장 CSS3 사양이 표준 모듈로 채택될 것을 기대해본다. W3C 표준이 된다면 사용자는 특정 라이브러리를 찾아다니거나 복잡한 코드를 작성하는 데 시간을 낭비할 필요가 없다. 마지막으로, 본 연구가 직교좌표계를 가정하는 웹에서 극좌표계의 패러다임을 열 수 있는 기점이 되었으면 한다.

목차

제 1 장 서론 = 1
1.1 연구배경 및 목적 = 1
1.2 논문구성 및 연구방법 = 3
제 2 장 관련연구 = 5
2.1 타 프로그램의 극좌표계 텍스트 배치 사양 = 5
2.1.1 자바스크립트 라이브러리 = 5
2.1.2 그래픽 편집 소프트웨어 = 8
2.1.3 오피스 프로그램 = 13
2.2 CSS3 사양 확장 관련 연구 = 15
2.2.1 Robust Vertical Text Layout = 15
2.2.2 CSS Extensions for a Round Display = 16
2.3 텍스트 관련 CSS3 모듈 = 17
2.3.1 CSS 스타일시트 개요 = 17
2.3.2 CSS Text Module Level 3 = 19
2.3.3 CSS Writing-mode Module Level 3 = 20
제 3 장 극좌표계 텍스트 배치를 위한 확장사양 설계 = 21
3.1 연구 목표 = 21
3.2 극좌표계 텍스트 배치 사례 조사 및 요구사항 분석 = 22
3.2.1 사례 조사 = 23
3.2.2 요구사항 분석 및 정리 = 26
3.2.3 개념 모델링 = 31
3.3 CSS3 확장 사양 설계 = 36
3.3.1 부채꼴 모델 설정을 위한 CSS3 사양 확장 방법 = 37
3.3.2 극좌표계 방향 설정을 위한 CSS3 사양 확장 방법 = 44
3.3.3 극좌표계 타이포그래피 설정을 위한 CSS3 사양 확장 방법 = 48
제 4 장 전처리기 구현 = 53
4.1 전처리기 개요 = 53
4.2 전처리기의 구현 = 54
4.2.1 극좌표계 요소 판단 = 55
4.2.2 확장사양 설정에 따른 배치 초기값 결정 = 58
4.2.3 개별 글자의 극좌표 계산 및 배치 = 65
4.3 확장사양 사용예제 및 결과 = 71
제 5 장 확장 CSS3 사양의 사용성 평가 = 75
5.1 평가 방법 = 75
5.2 확장 CSS3 사양의 표현 범위 검증 = 77
5.2.1 샘플 콘텐츠 실행을 통한 적합성 검사 = 77
5.2.2 구현 가능 여부 비교ㆍ분석 = 81
5.3 확장 CSS3 사양의 효율성 평가 = 82
5.3.1 샘플 콘텐츠 작성 = 82
5.3.2 소스코드의 토큰 수 비교ㆍ분석 = 88
제 6 장 결론 = 90

최근 본 자료

전체보기

댓글(0)

0