본문 바로가기

리디 접속이 원활하지 않습니다.
강제 새로 고침(Ctrl + F5)이나 브라우저 캐시 삭제를 진행해주세요.
계속해서 문제가 발생한다면 리디 접속 테스트를 통해 원인을 파악하고 대응 방법을 안내드리겠습니다.
테스트 페이지로 이동하기

모바일 컨텐츠 제작을 위한 SVG프로그래밍 상세페이지

컴퓨터/IT IT 비즈니스

모바일 컨텐츠 제작을 위한 SVG프로그래밍

소장종이책 정가20,000
전자책 정가30%14,000
판매가14,000
모바일 컨텐츠 제작을 위한 SVG프로그래밍 표지 이미지

모바일 컨텐츠 제작을 위한 SVG프로그래밍작품 소개

<모바일 컨텐츠 제작을 위한 SVG프로그래밍> 그래픽의 활용분야가 넓어지면서 다양한 환경, 특히 웹 그래픽스 및 모바일 그래픽스에 대한 활용 요구가 높아지고 있다. 특히 저용량이지만 효과적인 메시지 전달이 가능한 2D 벡터 그래픽스에 대한 관심이 높다. 사용자 인터랙션, 데이터와의 긴밀한 연동, 플랫폼에 자유로운 특성을 가지는 SVG(Scalable Vector Graphics)는 바로 이러한 차세대 그래픽을 위한 포맷이자 프레임워크로서 각광받고 있다.

SVG 프로그래밍은 그래픽스에 대한 지식이 없는 사람들도 비교적 쉽게 이해할 수 있고, 빠른 시간 내에 다양한 컨텐츠를 제작하기가 용이하다. 그래서 그래픽스를 위한 입문용 언어로서 좋은 도구가 될 수 있다.

이 책은 그래픽 프로그래밍을 처음 접하는 독자들이 2D 벡터 그래픽의 원리를 이해하고, SVG의 기본적인 기술을 바탕으로 웹 또는 모바일 환경에서 실현해 볼 수 있도록 하는 데 중점을 두었다. SVG의 소개에서부터 SVG 뷰어 설치 및 조작방법에 대해 상세하게 다루었으며, 렌더링, 패스, 스타일, 페인팅, 좌표계 및 변환, 그래디언트, 패턴, 클리핑과 마스킹, 상호작용과 연결, 애니메이션에 이르기까지 SVG의 기본 요소 및 속성을 쉬운 예제와 함께 설명하였다. 기본적인 문법을 익힌 후에, 보다 수준이 높은 실습예제들을 통해 SVG 프로그래밍을 연습할 수 있게 하였고, 마지막으로 유용한 벡터 그래픽스 관련 도구들을 소개하였다.
대학생 또는 일반인들이 SVG를 활용하여 참신한 모바일 컨텐츠를 만들고 배포하여, 모바일 환경에서 다양한 컨텐츠의 공유가 이루어지길 바란다. 아울러 학생들이 이 책을 실습하면서 얻은 경험을 바탕으로 그래픽스에 흥미를 가지고 더 높은 수준의 그래픽 작업에 도전해 보기를 바란다.


저자 프로필

정순기

  • 국적 대한민국
  • 학력 한국과학기술원(KAIST) 전산학 박사
    한국과학기술원(KAIST) 전산학 석사
  • 경력 미국 남가주대학교 연구원
    미국 매릴랜드대학교 연구원
    경북대학교 컴퓨터공학과 부교수

2015.01.15. 업데이트 작가 프로필 수정 요청


저자 소개

저자 - 정순기
경북대학교 컴퓨터공학과 부교수
한국과학기술원 전산학과 박사
미국 매릴랜드대학교 연구원
미국 남가주대학교 연구원

저자 - 구상옥
경북대학교 컴퓨터공학과 박사수료
경북대학교 컴퓨터공학과 학사/석사

저자 - 곽윤석
경북대학교 전자전기컴퓨터학부 석사과정
경북대학교 컴퓨터공학과 학사

목차

1.SVG 소개
1.1. SVG란 무엇인가?
1.2. SVG의 간략한 역사
1.3. SVG의 주요개념
1.4. SVG의 활용
1.5. SVG 뷰어의 종류
1.6. 주요 관련 사이트

2.SVG 시작하기
2.1. SVG 뷰어 소개
2.2. SVG 뷰어의 설치
2.3. SVG 뷰어 사용법
2.4. SVG 시작하기

3.렌더링(Rendering)
3.1. 렌더링 모델
3.2. 기본 도형 그리기
3.3. 텍스트(Text)

4.패스(Paths)
4.1. 패스 데이터
4.2. 패스 명령어(moveto, lineto, closepath)
4.3. 커브 명령어
4.4. 타원형 호 커브(Elliptical arc curve)

5.스타일(Style)
5.1. 스타일링 속성(properties)
5.2. 스타일링 활용 시나리오
5.3. 스타일링 속성 지정
5.4. 프레젠테이션 속성(Presentation attributes)
5.5. XSL를 이용한 스타일링
5.6. CSS를 이용한 스타일링
5.7. style 요소
5.8. 클래스 속성

6.페인팅(Painting)
6.1. 소개
6.2. 페인트 정의
6.3. 가시성 조절(Controlling visibility)
6.4. 마커(Markers)
6.5. 렌더링(Rendering) 특성

7.좌표계 및 변환(Transformation)
7.1. 뷰포트(Viewport)
7.2. 초기 좌표 시스템
7.3. 뷰박스(viewBox) 속성
7.4. 화면 비율 유지
7.5. preserveAspectRatio 속성
7.6. 중첩 좌표계
7.7. 변환(Transformation)
7.8. 변환의 속성

8.그래디언트(Gradient)
8.1. 선형 그래디언트(Linear Gradient)
8.2. 방사형 그래디언트(Radial Gradient)

9.패턴(Pattern)

10.클리핑(Clipping)과 마스킹(Masking)
10.1. 클리핑(Clipping)
10.2. 마스킹(Masking)

11.상호작용(Interactivity)과 연결(linking)
11.1. SVG 이벤트
11.2. 이벤트 종류
11.3. 연결(Linking)

12.애니메이션(Animation)
12.1. 요소
12.2. 요소
12.3. 요소
12.4. 요소
12.5. 요소

13.실습 예제
13.1. 세 개의 반투명 원 그리기
13.2. 포인터 이벤트 생성하기
13.3. 물결 텍스트 만들기
13.4. 글자와 원 애니메이션 만들기
13.5. 육각형 그리기
13.6. 침이 움직이는 시계 그리기
13.7. 텍스트 타이핑 애니메이션 만들기
13.8. 원의 색 애니메이션 만들기

14.SVG 관련 도구
14.1. SVG Editor 253
14.2. 비트맵 파일에서 SVG 파일로 변환하기
14.3. 일러스트레이터에서 SVG 출력


리뷰

구매자 별점

0.0

점수비율
  • 5
  • 4
  • 3
  • 2
  • 1

0명이 평가함

리뷰 작성 영역

이 책을 평가해주세요!

내가 남긴 별점 0.0

별로예요

그저 그래요

보통이에요

좋아요

최고예요

별점 취소

구매자 표시 기준은 무엇인가요?

'구매자' 표시는 리디에서 유료도서 결제 후 다운로드 하시거나 리디셀렉트 도서를 다운로드하신 경우에만 표시됩니다.

무료 도서 (프로모션 등으로 무료로 전환된 도서 포함)
'구매자'로 표시되지 않습니다.
시리즈 도서 내 무료 도서
'구매자’로 표시되지 않습니다. 하지만 같은 시리즈의 유료 도서를 결제한 뒤 리뷰를 수정하거나 재등록하면 '구매자'로 표시됩니다.
영구 삭제
도서를 영구 삭제해도 ‘구매자’ 표시는 남아있습니다.
결제 취소
‘구매자’ 표시가 자동으로 사라집니다.

이 책과 함께 구매한 책


이 책과 함께 둘러본 책



본문 끝 최상단으로 돌아가기

spinner
모바일 버전