10장 문자와 폰트들 10.1 문자 집합 10.2 폰트들 멀티미디어시스템 2014-1학기.

Slides:



Advertisements
Similar presentations
10-7 부동소수점 (Floating-Point) 계산  컴퓨터에서 숫자를 표기하는 방법  가수 (Fraction) : 부호화된 고정소수점 숫자 지수 (Exponent) : 소수점의 위치를 표시 ( 예 )10 진수 를 표기하면 Fraction Exponent.
Advertisements

자료의 표현 1. 문자 자료의 표현 2. 멀티미디어 자료의 표현. 컴퓨터일반자료의 표현 학습 목표 ◆ 컴퓨터에서 사용하는 문자 데이터의 표현 방법을 이해할 수 있다. ◆ 컴퓨터에서 사용하는 멀티미디어 데 이터의 표현 방법을 설명할 수 있다.
6 장. printf 와 scanf 함수에 대한 고찰 printf 함수 이야기 printf 는 문자열을 출력하는 함수이다. – 예제 printf1.c 참조 printf 는 특수 문자 출력이 가능하다. 특수 문자의 미 \a 경고음 소리 발생 \b 백스페이스 (backspace)
1/26 5 장 텍스트의 표현 5.1. 문자코드 체계 ASCII 코드 한글 코드 ISO 2022 코드 유니코드 KS X 폰트 폰트 형식 문자 편집기 5.3. 텍스트.
406 문서에 표를 작성하고 크기를 조절할 수 있다. 표에 서식을 적용하여 다양하게 표현할 수 있다. 표를 편집하여 다양한 형태로 나타낼 수 있다. 학습목표 5 부. HTML 의 기본 4 장. 표를 이용한 문서작성 - 17 주 차시 : 1/3 ∼ 3/3 배당시간 : 18.
문자코드 1 박 2 일 (4 조 ) 이경도 이준집 이수연 엄태규. 문자코드란 ? 문자나 기호를 컴퓨터로 다루기 위하여, 문자나 기호 하나하나에 할당 시키는 고유의 숫자를 말하는 것이다.
조원 : 김영재(코딩) 이지영(스토리) 임병욱(그래픽)
재료수치해석 HW # 박재혁.
Cary UV 분석 매뉴얼 1. 바탕화면의 Cary WinUV 클릭 정량분석 다 파장 동시분석 단 파장 분석
파워포인트 2007.
30강_웹문서 제작 팁 웹문서 제작 팁 Lecturer Kim Myoung-Ho Nickname 블스
1. 신뢰할 수 있는 싸이트 등록 인터넷 익스플로러 실행 후 실행
제 9 장 구조체와 공용체.
24 장 TCP/IP 24.1 개요 24.2 네트워크층 24.3 주소 지정 24.4 서브넷팅틍
VoIP (Voice Over Internet Protocol)
전자기적인 Impedance, 유전율, 유전 손실
Windows 8 Ksystem G&I 설치.
7. 프레젠테이션 제품 소개나 홍보 등을 보다 효율적으로 하기 위하여 Presentation Software를 사용하고 있다.
8장. 원격지 시스템 관리하기.
SqlParameter 클래스 선문 비트 18기 발표자 : 박성한.
멀티미디어 시스템 (아날로그 이미지,신호를 디지털로 변환 방법) 이름 : 김대진 학번 :
UTF ENCODING (UTF-8,16,32) 발표자 - 김규호.
홈페이지용 그림 활용법 그림 삽입 태그 <IMG> 배경 그림 다루기 그림과 문자열의 어울림
컴퓨터 프로그래밍 : 실습3 2장 데이터와 식.
<소스코딩(Source Coding)> 제4장 가변길이 코드
제 1장. 멀티미디어 시스템 개요.
Delphi 2009 / C++Builder 2009의 Unicode 및 Internationalization 지원
10강. JSP 본격적으로 살펴보기-II 스크립트릿, 선언, 표현식 지시자 주석 Lecturer Kim Myoung-Ho
프로그래밍 개요
Chap 6.Assembler 유건우.
Chapter03 캔버스(1) HTML5 Programming.
3장 상수 변수 기본 자료형 키워드와 식별자 상수와 변수 기본 자료형 형변환 자료형의 재정의.
Web & Internet [03] HTML5 다양한 태그
☆ASCII☆ 김연주.
15장 컬렉션 프레임워크 Section 1 컬렉션 프레임워크의 개요 Section 2 리스트 Section 3 셋
USN(Ubiquitous Sensor Network)
4 장 신호(Signals) 4.1 아날로그와 디지털(Analog and Digital)
볼링게임 시스템 3조 오지연, 손수경.
Clipping 이진학.
웹디자인
위치 에너지(2) 들어 올리기만 해도 에너지가 생겨. 탄성력에 의한 위치 에너지.
1. 2진 시스템.
웹사이트 분석과 설계 (화면 설계) 학번: 성명: 박준석.
Choi Seong Yun 컴퓨터 프로그래밍 기초 #03 : 변수와 자료형 Choi Seong Yun
객체기반 SW설계 팀활동지 4.
알고리즘 알고리즘이란 무엇인가?.
제 15 강 문자와 코드 shcho.pe.kr.
에어 PHP 입문.
Introduction to JSP & Servlet
4장. 데이터 표현 방식의 이해. 4장. 데이터 표현 방식의 이해 4-1 컴퓨터의 데이터 표현 진법에 대한 이해 n 진수 표현 방식 : n개의 문자를 이용해서 데이터를 표현 그림 4-1.
AT MEGA 128 기초와 응용 I 기본적인 구조.
리더 : 이동주 스토리 : 김현 그래픽 : 최혁진 코딩 : 최재근
멀티미디어시스템 제 5 장. 멀티미디어 데이터베이스 개념 IT응용시스템공학과 김 형 진 교수.
11장 배열 1. 배열이란? 1.1 배열의 개요 1.2 배열의 선언과 사용.
웹 사이트 분석과 설계 [디자인 리서치] 학번: 이름 : 홍지애.
10장 문자와 폰트들 10.1 문자 집합 10.2 폰트들 멀티미디어시스템 학기.
9 브라우저 객체 모델.
Chapter 7 – Curves Part - I
8장 선택 논리 II 1. 논리연산자 1.1 논리연산자 : AND (&&) 1.2 논리연산자 : OR (||)
제 4 장 Record.
“Poster Main Title” Author and co-author names
Microsoft Word 2002 제1장 문자열의 삽입과 변경.
SEOUL NATIONAL UNIVERSITY OF SCIENCE & TECHNOLOGY
워드프로세서 실기 10일차 강 사 : 박영민.
8장 표면거칠기 1. 표면 거칠기의 종류 - KS의 가공 표면의 거칠기(요철현상)를 지시하는 방법 최대높이 거 칠기(Ry), 10점 평균 거칠기(Rz), 산술(중심선) 평균 거칠기(Ra), 요철의 평균 간격(Sm), 국부 산봉우리의 평균 간격(S), 부하 길이 율(tp)
 6장. SQL 쿼리.
윈도우에서의 유니코드.
7 생성자 함수.
6 객체.
BoardGame 보드게임 따라가기.
Presentation transcript:

10장 문자와 폰트들 10.1 문자 집합 10.2 폰트들 멀티미디어시스템 2014-1학기

텍스트(Text) 이원적인 본질을 가짐. 언어의 시각적 표현(컨텐트) 그래픽 요소(외형) 쓰여진 언어를 기호화하기 위한 비트 패턴이 요구됨. 그래픽 요소(외형) 문자의 정확한 모양, 간격 및 배치(활판 인쇄) 각각의 추상 문자(abstract character) 는 많은 다른 형태의 그래픽 표현(graphic representations)을 가질 수 있다. 멀티미디어시스템 2014-1학기

문자 집합 추상 문자는 알파벳(alphabet) 들로 그룹화 된다. 구별되는 기호들의 어떠한 집합도, 쓰여진 언어의 기본이 될 수 있다. 문자 집합(character set)은 알파벳의 문자들(이들의 문 자 레퍼토리(character repertoire))과 비트 패턴의 매핑 이다. 이 레퍼토리 내의 각 문자에 대하여, 문자 집합은 코드 값 (code value)을 정의하며, 이는 그 문자의 코드 포인트(code point)의 집합에 속하게 된다. 멀티미디어시스템 2014-1학기

ASCII American Standard Code for Information Interchange 각각의 코드 값은 7 비트, 따라서 128 코드 포인트 가 짐. 문자 레퍼토리는 단지 95개 문자에 대해서 구성됨. (나머 지 33 개 값은 제어 문자(control characters)로 사용됨) 문자 레퍼토리는 미식 영어에만 적용됨. ISO 표준 ISO 646 은 나라에 따라 변형된 ASCII 임. (액 센트를 가진 문자, 화폐 기호) 멀티미디어시스템 2014-1학기

8-비트 문자 집합 8 비트를 사용하면, 코드 포인트 수가 2배가 됨. 호환성을 유지하기 위해, 아래 쪽 절반(0–127)은 US- ASCII 와 동일하게 유지. 코드 포인트 128–255 는 액센트를 가진 글자, 수학 기 호, 기타 구두점 등에 사용됨. 256 코드 포인트는 여전히 모든 언어를 표현하기에는 불충분. 따라서 여전히 여러 변형을 사용해야 함. ('코 드 페이지') 멀티미디어시스템 2014-1학기

ISO 8859 8 비트로 확장된 ASCII 와는 호환성이 없으며, 원래는 제조사들에 의해 개발됨. 표준화가 요구됨. ISO 8859 는 문자 집합의 모임을 정의한 여러 부분 (multi-part) 으로 된 표준임. 각 부분은 관련된 언어들 의 그룹에 적합하도록 정의됨. ISO 8859-1은 ISO-Latin1로 알려져 있으며, 대부분의 서유럽 언어를 포함함. 멀티미디어시스템 2014-1학기

멀티바이트 문자 집합 256 코드 포인트는 표의문자의 알파벳, 또는 동시에 두 가지 이상의 언어를 사용하기에는 불충분 함. 256 코드 포인트는 표의문자의 알파벳, 또는 동시에 두 가지 이상의 언어를 사용하기에는 불충분 함. 16-비트(2-바이트) 문자 집합은 65,536 코드 포인트를 가지므로 256개의 8-비트 문자 집합을 동시에 가질 수 있음. 24-비트와 32-비트 집합도 이와 같음. ISO 10646 은 하이퍼큐브 구조로 구성된 256 그룹 (큐 브)을 가짐.각 그룹은 256 면(plane)과 256 행 (row)을 가지며, 각 행은 256개의 문자를 가짐. 멀티미디어시스템 2014-1학기

ISO 10646의 구조 각 코드 포인트는 4개의 요소(g, p, r, c) – group, plane, row, character 로 나타낼 수 있음. * 는 0–255 사이의 모든 값을 나타내는데 사용하며, 부 분 집합의 요소를 지정하는 경우에도 사용 가능. (0, 0, 0, *) 는 최하위 바이트만 0으로 설정되지 않은 부분 집합을 나타냄. ISO 10646 에서, (0, 0, 0, *)는 ISO Latin1 과 동일함. 멀티미디어시스템 2014-1학기

유니코드(Unicode) 16-비트 문자 집합은 산업체 컨소시엄에 의해 개발됨. 유니코드는 한글, 한자, 일본어의 모든 문자를 16비트 로 나타내는데 적합한 CJK 합체(consolidation) 를 사용함. 같게 보이는 문자들은, 비록 실제로는 다를지라도, 같은 위 치를 가짐. ISO 10646 Basic Multilingual Plane (0, 0, *, *) 은 유니코드 와 동일함.(비록, ISO 10646 은 실제로는 CJK 합체의 사 용이 필요 없지만) 멀티미디어시스템 2014-1학기

인코딩 코드 값들을 일련의 바이트로 매핑하는 것. MIME type 에서의 charset 지정은 인코딩과 문자 집 합을 식별함. 즉, text/html; charset = ISO-8859-1 ISO 10646 의 명확한 인코딩은 각각의 32-비트 값 에 대해 4 바이트를 사용.(UCS 4) BMP 에 대한 값은 0 바이트들을 버림.(UCS 2) UCS 2 는, 따라서, 유니코드와 동일 멀티미디어시스템 2014-1학기

UTF UCS Transformation Formats 은 Unicode (UCS 2) 값들 에 적용될 수 있음. UTF-8: ASCII 문자들은 그대로 인코딩됨. 127 보다 큰 값은 최상위 비트를 1로 설정하여, 최대 6바이트 까 지의 길이를 가진 스트링으로 인코딩함. UTF-7 은, UTF-8 을 7-비트 값으로 더 인코딩 하여, 예전 프로토콜의 문제를 없앰. UTF-16 은 한 쌍의 16-비트 값을 합쳐 단일 32-비트 값으로 만듦. 유니코드를 BMP 이상으로 확장. (15 개 의 면을 추가) 멀티미디어시스템 2014-1학기

폰트 문자의 시각적 표현을 글리프(glyph)라 함. 디스플레이를 위해, 문자들은 글리프로 바뀌어야 함. 디스플레이를 위해, 문자들은 글리프로 바뀌어야 함. 글리프를 정렬하고 모은 것을 폰트(font)라 함. 폰트들은 컴퓨터 시스템의 지정된 장소에 저장되 어 있으며, 문서 내에 포함될 수 있다. 만약 폰트가 포함되어 있지 않으면, 그 폰트가 설치되어 있지 않은 시스템에서는 문서가 올바르게 디스플레이 되지 못할 수 있다. 멀티미디어시스템 2014-1학기

폰트의 분류 간격: 단일간격(monospaced) (고정된 폭)/ 비례 (proportional) 세리프(Serif): 세리프/ 상(sans)세리프 세리프는 문자 모양의 끝부분에 작은 획이 추가된 것. 모양(Shape): 수직형/이탤릭체/기울임 기울임(Slant)은 사면의 효과이며, 이탤릭체는 기울임 을 가진 다른 형태의 글리프를 사용한 것임. 두께(Weight): bold/normal/light 멀티미디어시스템 2014-1학기

폰트의 선택 텍스트 폰트 – 연속적인 텍스트에 적합. (즉, 책이나 기 사의 본문) 읽기 쉽고, 무난해야 함. 디스플레이 폰트 – 짧은 텍스트로 된 독립된 부분에 적합.(즉, 제목이나 슬로건, 표지 등) 짧은 메시지로, 시선을 사로 잡는 디자인이 필요. 멀티미디어시스템 2014-1학기

멀티미디어를 위한 폰트 텍스트 폰트는 문제의 소지가 있음. 디스플레이 폰트는 연속적인 텍스트의 작은 부분에 더 적합함. 낮은 해상도의 컴퓨터 디스플레이는 세밀한 부분의 손실 (즉, 가는 세리프)을 야기하고, 글자 형태를 왜곡시킴. 프린트할 때보다 더 큰 크기를 사용하고(상세리프가 좋 다), 낮은 해상도에서 잘 읽혀지도록 설계된 Arial 이나 Verdana 폰트를 사용하는 것이 좋음. 디스플레이 폰트는 연속적인 텍스트의 작은 부분에 더 적합함. 멀티미디어시스템 2014-1학기

폰트 측정 단위들 폰트의 몸체 크기(body size) 는 특정 문자의 크기 일 필요가 없음. 포인트(Point): 1pt = 1/72" = 0.3528mm 정확한 크기의 표준은 없음. 피카(Pica): 1pc = 12pt 폰트의 몸체 크기(body size) 는 특정 문자의 크기 일 필요가 없음. 즉, 10pt Times Roman 멀티미디어시스템 2014-1학기

폰트 용어들 바닥선(Baseline) – 문자가 배열된 바탕의 선 레딩(Leading) – 연속된 바닥선 사이의 거리 x-높이 – 바닥선과 소문자 x의 꼭대기까지의 거리 어센더(Ascender)/디센더(descender) – x-높이 이상의 획/ 바닥선 보다 더 아래로 내려간 부분. 멀티미디어시스템 2014-1학기

멀티미디어시스템 2014-1학기

상대적인 단위들 폰트 크기를 상대적으로 표현할 때 사용함. 1 ex = 폰트의 x-높이 1 em = 몸체 크기 긴 대쉬( — )를 em-대쉬(dash)라 부름(1em 길이) 1 en = 0.5em 짧은 대쉬( – )를 en-대쉬 라 부름 (1en 길이) 멀티미디어시스템 2014-1학기

디지털 폰트 글리프는 곧 이미지이므로, 비트맵 또는 벡터(윤곽선) 폰트를 가질 수 있음. 윤곽선 폰트 포맷: 글리프는 곧 이미지이므로, 비트맵 또는 벡터(윤곽선) 폰트를 가질 수 있음. 비트맵 폰트는 스케일 하기가 어렵고, 다른 해상도에서 재 현하기 힘듦. 윤곽선 폰트 포맷: 포스트스크립트 타입 1(PostScript Type 1) 트루타입(TrueType) 오픈타입(OpenType) 멀티미디어시스템 2014-1학기

윤곽선(Outline) 폰트 타입 1(Type 1) 트루타입(TrueType) 문자 모양은 Bézier 곡선에 기반을 둠. 폰트에는, 낮은 해상도에서 모양을 향상시키기 위해 렌더 링 프로그램에서 사용되는, 힌트(hint)가 포함될 수 있음. 트루타입(TrueType) 문자 모양은 2차 방정식 곡선에 기반을 둠. 명령어(Instruction) 들에 의해, 서로 다른 해상도에서 문자 를 어떻게 렌더링 할 것인지를 지정함. 멀티미디어시스템 2014-1학기

오픈타입(OpenType) 폰트 새로운, 플랫폼에 무관한 포맷으로 타입1과 트루타입 을 통합한 것임. 각 폰트에는 256 개 보다 더 많은 문자를 가짐. 타입 1과 트루타입은 둘 다 256개로 제한됨. 인코딩은 유니코드에 기반함. 합자의 범위 확대, 옛날 숫자기호, 대문자들의 강조 등 을 지원함. 멀티미디어시스템 2014-1학기