위지위그

"오늘의AI위키"는 AI 기술로 일관성 있고 체계적인 최신 지식을 제공하는 혁신 플랫폼입니다.
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.

1. 개요
2. 역사
3. 의미와 한계
4. 문제와 해결
5. 비판
6. 블로그에서의 위지위그
7. 관련 용어
참조

1. 개요

위지위그(WYSIWYG)는 사용자가 편집하는 문서의 최종 형태를 화면에 거의 동일하게 보여주는 사용자 인터페이스를 의미한다. 1974년 제록스 PARC의 브라보 소프트웨어에서 처음 구현되었으며, 이후 다양한 워드 프로세서와 블로그 편집기에 적용되었다. 위지위그는 페이지 레이아웃을 쉽게 수정할 수 있게 해주지만, 화면과 인쇄물의 차이, 소프트웨어 렌더링 알고리즘의 차이 등으로 인해 완벽한 일치를 구현하기는 어렵다. 또한, 콘텐츠와 디자인의 분리가 어려워 디자인적 자유도는 높지만 논리성이 저하될 수 있다는 비판도 존재한다. 위지위그에서 파생된 용어로는 WYSIMOLWYG, WYSIAWYG, WYSIWYM 등이 있다.

2. 역사

위지위그 기술은 1974년 제록스 PARC에서 버틀러 램슨, 찰스 시모니 등이 개발한 알토용 문서 프레젠테이션 프로그램인 브라보에서 처음으로 구현된 것으로 알려져 있다.^[33] 이전의 문서 편집 환경은 시스템 표준 글꼴과 스타일을 사용하고, 레이아웃(여백, 공백 등)에 대한 표시가 거의 없어 사용자는 특수 제어 코드(마크업 언어)를 입력해야 했다. 브라보는 글꼴, 자간 등의 형식으로 텍스트를 보여주었으며,^[34] 이는 문서 편집기와 워드 프로세서 간의 구분을 줄이는 데 기여했다.

1978년 휴렛 팩커드는 최초의 상업용 위지위그 소프트웨어 응용 프로그램인 BRUNO를 개발 및 출시했다.^[7] 1980년대 초, 가정용 컴퓨터의 그래픽 기능 부족으로 위지위그 소프트웨어는 고급 워크스테이션에 제한적으로 사용되었으나, 기술 발전에 따라 Lisa와 Macintosh의 등장과 함께 대중화되기 시작했다.^[11]

"위지위그"라는 용어는 플립 윌슨의 유행어에서 유래되었으며, 찰스 시모니 등 제록스 PARC 연구원들이 사용하기 시작하면서 널리 퍼졌다.^[14]^[15]

3. 의미와 한계

위지위그(WYSIWYG)는 사용자가 보는 화면과 최종 출력물(문서, 이미지 등)이 최대한 비슷하게 보이도록 하는 사용자 인터페이스를 의미한다.^[30] 사용자는 레이아웃 명령어의 이름을 기억하거나 입력할 필요 없이, 화면에서 직접 문서의 페이지 레이아웃을 수정할 수 있다.

하지만 현실에서는 화면과 인쇄물의 해상도, 종횡비 차이, 소프트웨어의 렌더링 알고리즘 차이, 색상 표현의 한계 등으로 인해 완벽한 일치를 구현하기는 어렵다.^[30]

애플의 매킨토시는 초기에는 퀵드로를 통해, NEXTSTEP은 디스플레이 포스트스크립트를 통해, 이후 macOS는 PDF 기반의 쿼츠를 통해 해상도에 의존하지 않는 WYSIWYG를 실현하고자 노력했다.^[30]

4. 문제와 해결

위지위그 응용 프로그램은 다양한 출력 장치를 고려해야 하므로 여러 문제가 발생할 수 있다. 특정 프린터에 대한 높은 품질의 인쇄, 다양한 프린터에 대한 호환성, 화면 표시 품질, 미리 보기 기능 제공 등이 주요 목표이다.

해결책으로는 다음이 제시된다.

더 높은 해상도를 사용하여 문자열 레이아웃을 처리한다. 어도비 시스템즈에서 사용되는 방식이다.
사용 중인 프린터 해상도에 맞춘 레이아웃을 처리한다.
출력 장치 해상도에 맞춘 문자열 레이아웃을 처리한다.

5. 비판

편리성을 위해 개발된 위지위그(WYSIWYG)지만, 한편으로는 다음과 같은 비판도 존재한다.

내용과 외관의 혼재
컴퓨터 부하
인터페이스 복잡성

5. 1. 내용과 외관의 혼재

접근성 측면에서 콘텐츠("문장 그 자체")와 장식 요소(글자 크기, 색상)를 분리해야 한다는 주장이 제기되었다. 이에 따라 월드 와이드 웹 컨소시엄(W3C)이 제창하는 웹 콘텐츠 접근성 지침(WCAG)이라는 가이드라인이 제창되었다.

WYSIWYG 워드 프로세서 등에서는 내용(논리 구성)과 외관(디자인)이 명확하게 분리되지 않아, 디자인적 자유도는 높지만 논리성이 뒷전이 될 수 있다는 비판이 있다. 예를 들어 사용자가 강조하고 싶은 글자를 크게 보이게 하는 것이 간단하게 가능하다.

이러한 방식은 일정한 디자인을 많은 문서에 적용하거나, 하나의 문서에 대해 적용하는 디자인을 바꿔 다양한 출력을 얻는 원 소스 멀티 유즈(하나의 문서를 다양한 출력 형태로 활용)를 어렵게 한다는 문제점이 있다.

많은 워드 프로세서는 아웃라인 프로세서처럼 문서의 논리 구성과 디자인을 분리하는 기능을 갖추고 있지만, 올바르게 사용하려면 많은 기술이 필요하다. 또한 내용과 외관 분리의 필요성을 느끼지 못하는 사람도 많아, 널리 이용되고 있다고 말하기 어렵다. 숙련되지 않은 사람이 문서를 수정하면 장 구분이나 제목 설정이 망가져 엉망이 되는 경우도 있다. 많은 사용자는 논리적으로 제목 레벨을 선택해야 할 때, 단순하게 글자 크기를 선택해 버린다.

이러한 비판 때문에 TeX, DocBook을 선호하거나, HTML이나 CSS를 직접 편집하여 웹 페이지를 작성하는 사람들도 있다. 컴퓨터 전문가인데, Microsoft Word의 조작 방법을 전혀 몰라 일반인에게 놀라움을 사는 경우도 있다.

내용과 외관을 분리하기 위해 문장 편집은 텍스트 에디터에서만 하고, 인쇄 시에만 워드 프로세서로 정형하는 사람도 있다. 인쇄 및 출판 업계에서는 처음부터 집필자에게 정형하지 않은 텍스트만을 제출하도록 요구하는 경우가 많다. 한편 어도비 인디자인 등 DTP 소프트웨어를 지정하여 숙련된 집필자에게 페이지 전체 편집을 맡기는 경우도 있다.

위키백과 편집 화면은 WYSIWYG가 아니기 때문에, 제목 이외의 문자를 크게 하는 것은 불가능하다. 따라서 내용과 외관이 분리되어 불특정 다수가 편집해도 디자인의 통일성이 유지된다. 이것은 비WYSIWYG 환경의 유효성을 증명하는 좋은 예라고 할 수 있다.

5. 2. 컴퓨터 부하

위지위그 소프트웨어는 CPU나 메모리에 많은 부하를 가한다는 비판이 있었으나, 최근 컴퓨터의 성능 향상으로 인해 이를 이유로 위지위그를 기피하는 사람은 상당히 감소했다.

5. 3. 인터페이스 복잡성

최근 다기능화된 소프트웨어에서는 WYSIWYG의 전제인 시각적인 메뉴와 버튼의 수가 방대해져 필요한 기능을 찾기 어렵다는 문제가 두드러졌다. 이 때문에 대화식 도움말이나 사용 빈도가 낮은 메뉴를 자동으로 숨기는 기능이 제안되었지만, 널리 지지를 얻고 있다고는 할 수 없다. Microsoft Office 2007에서는 복잡한 메뉴를 일소하고, 소프트웨어가 기능을 제시하는 접근 방식 ('''W'''hat '''Y'''ou '''G'''et '''I'''s '''W'''hat '''Y'''ou '''S'''ee: 결과는 보시는 바와 같다 등으로 불림)을 채택했지만, 현시점에서는 평가는 정해지지 않았다.

6. 블로그에서의 위지위그

HTML을 모르는 블로그 사용자들이 글을 쉽게 작성할 수 있도록 위지위그 방식이 많이 이용된다. 대한민국의 네이버 블로그, 다음 블로그, 이글루스, 티스토리 등은 모두 위지위그 편집기를 지원한다.

7. 관련 용어

이름	영문	풀이	영어 풀이	해설
위시몰위그	WYSIMOLWYG	네가 보는 것은 네가 얻는 것과 대략 비슷하다.	what you see is more or less what you get	대부분의 WYSIWYG 구현이 불완전함을 지적함^[14]^[15]^[16]
위시아위그	WYSIAWYG	네가 보는 것은 네가 얻는 것과 거의 일치한다.	what you see is almost what you get	위시몰위그와 비슷하다.^[14]^[15]^[16]
위시아그	WYSIAYG	네가 얻을 수 있는 건 네가 보는 것뿐이다.	what you see is all you get	WYSIWYG UI의 한계로 전문가를 위한 옵션들이 제한됨을 지적함^[14]^[15]^[16]
위시윔	WYSIWYM	네가 보는 것은 네가 뜻하는 것이다.	what you see is what you mean	위지위그가 완벽하지 못하다는 점에서 새로 등장한 용어^[14]^[15]^[16]
위키위크	WYCIWYG	네가 캐시한 것은 네가 얻는 것이다.	what you cache is what you get	"wyciwyg://"가 가끔 파이어폭스 같은 게코 기반 브라우저에서 캐시로 나타나고는 한다. 파이어폭스 15에서 수정되었다고 한다.^[14]^[15]^[16]
위지위스	WYGIWYS	네가 얻는 것은 네가 보는 것이다.	what you get is what you see	이 표현은 야콥 닐슨이 마이크로소프트 오피스 2007의 리본 기능을 표현하기 위해 쓰였다고 한다.^[14]^[15]^[16]
위시위스	WYSIWYS	네가 보는 것은 네가 서명한 것이다.	what you see is what you sign	디지털 소프트웨어와 관련됨. 사용자가 원하는 것은 어떠한 숨겨진 것 없이 보인다는 말^[14]^[15]^[16]

참조

_[1] 웹사이트 Dictionary.com Unabridged (v 1.1) http://dictionary.re[...] 2007-11-09
_[2] 웹사이트 Oxford English Dictionary: WYSIWYG https://archive.toda[...] Oxford University Press
_[3] 웹사이트 WYSIWYG Website Builders for Online Business http://www.huffingto[...] 2015-12-15
_[4] 웹사이트 Computing Now https://www.computer[...] 2016-09-22
_[5] 웹사이트 The Real History of WYSIWYG http://bits.blogs.ny[...] 2016-08-29
_[6] 문서 Brad A. Myers. A Brief History of Human Computer Interaction Technology. https://www.cs.cmu.e[...]
_[7] 웹사이트 Hewlett Packard: Computer Focus http://www.hpmuseum.[...] 2019-07-24
_[8] 뉴스 Can your word processor pass this screen test? https://archive.org/[...] 2013-10-18
_[9] 웹사이트 In the beginning, there was the word processor https://www.zdnet.co[...] 2016-09-22
_[10] advertisement What You See Is What You Get http://www.cgwmuseum[...] 2014-07-27
_[11] 간행물 MacWrite http://archive.org/d[...] 2019-07-24
_[12] 웹사이트 WYSIWYG History, Etymology, Variations, Wikipedia, the free encyclopedia https://fr.edu.vn/en[...] 2022-03-21
_[13] 웹사이트 The Real History of WYSIWYG https://bits.blogs.n[...] 2007-10-18
_[14] 서적 Dealers of Lightning: Xerox PARC and the Dawn of the Computer Age https://archive.org/[...] HarperBusiness
_[15] 서적 Go To https://books.google[...] Basic Books
_[16] 논문 Human Interfaces to Structured Documents https://cora.ucc.ie/[...] University College Cork 2016-03-10
_[17] 웹사이트 WYGIWYG http://acronyms.thef[...] 2016-01-01
_[18] 웹사이트 Jakob Nielsen's Alertbox, October 10, 2005 "R.I.P. WYSIWYG" http://www.useit.com[...] 2014-09-16
_[19] 웹사이트 What You See Is All You Get http://foldoc.org/WY[...] FOLDOC 1999-03-03
_[20] 웹사이트 What You See Is What You Get http://foldoc.org/WY[...] FOLDOC 1999-03-03
_[21] 간행물 Crouching Error, Hidden Markup http://eprints.utas.[...] 2001-09
_[22] 웹사이트 Welcome to GNU TeXmacs (FSF GNU project) http://texmacs.org 2019-11-18
_[23] 웹사이트 C2.com https://wiki.c2.com/[...] 2023-03-09
_[24] 웹사이트 wackowiki.org/WYTIWYG https://wackowiki.or[...] 2023-03-09
_[25] 서적 The New Hacker's dictionary https://books.google[...] MIT Press
_[26] 웹사이트 The Jargon File 4.4.7: YAFIYGI http://catb.org/~esr[...] 2009-09-06
_[27] 웹사이트 Real Programmers Don't Use Pascal http://www.pbm.com/~[...] 2008-12-09
_[28] 웹사이트 What You See Is All You Get http://foldoc.org/YA[...] FOLDOC 1995-03-13
_[29] 웹사이트 WYSIWYGエディター - CMS用語集 https://www.web-meis[...] 2023-09-12
_[30] 문서 DTP는 인쇄를 바꿨다（1）－印刷100年の変革　JAGAT 日本印刷技術協会アーカイブ https://www.jagat.or[...]
_[31] 웹인용 Dictionary.com Unabridged (v 1.1) http://dictionary.re[...] 2007-11-09
_[32] 웹인용 Oxford English Dictionary: WYSIWYG https://archive.toda[...] Oxford University Press
_[33] 웹인용 Computing Now https://www.computer[...]
_[34] URL http://bits.blogs.ny[...]

본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.

문의하기 : help@durumis.com