✨WYSIWYG 방식이란?
WYSIWYG란 “What You See Is What You Get”의 약자로, “보는 그대로 출력되는” 방식의 편집 인터페이스를 의미합니다.
사용자 화면에 보이는 편집 결과물(글자체, 크기, 이미지, 표 등)이 출력물(인쇄, 웹화면 등)과 최대한 동일하게 나타나도록 해주는 사용자 인터페이스 방식입니다.
보는 대로 얻는다(What You See Is What You Get)”라는 말 그대로, 디자인, 편집, 개발 환경에서 직관적인 작업을 가능하게 하는 방식입니다.
🧠 WYSIWYG 기본 개념
- “What You See Is What You Get”는 1970년대부터 쓰이던 말로,
캐치프레이즈에서 유래하여 1982년쯤 컴퓨터 업계에서 WYSIWYG 약자로 통용되기 시작 . - 일부에선 “wizzy‑wig”이라는 발음으로도 불림 .
- 위지위그, 위지윅 등으로 발음함.
🧩 WYSIWYG의 특징과 장점
- 사용자 친화적 인터페이스의 용이성
프로그래밍 지식이나 마크업 코드를 몰라도 손쉽게 콘텐츠를 작성할 수 있음.
복잡한 태그나 코드, 명령어 없이 텍스트 스타일, 레이아웃, 미디어 등을 쉽게 조작할 수 있음. - 실시간 미리보기로 작업 효율 향상
수정한 결과를 즉시 확인할 수 있어 반복적인 저장·미리보기 작업 단계를 줄여줌.
화면상의 결과물이 최종적으로 출력될 모습과 거의 동일.
예: Word, PowerPoint, Google Docs, CKEditor 같은 툴들
현재 사용하는 티스토리의 글쓰기 기본모드 등 블로그 편집기 등의 모습은 거의 위지윅 방식이라고 보면 됩니다. - 시각 중심의 편집
직접 눈으로 보고 위치, 색상, 서체 등을 바로 조정할 수 있어 디자인적 완성도를 높일 수 있음.
마크업 코드나 명령어 없이도 직관적으로 기능 버튼을 클릭하거나 드래그 앤 드롭만으로 편집 가능.
🕰️ WYSIWYG의 시작
- 1974년, Xerox PARC(제록스 파크) — Bravo
- 버틀러 램슨(Butler Lampson)과 찰스 시모니(Charles Simonyi) 등이 브라보(Bravo)라는 이름의 워드프로세서 개발
- Xerox Alto 워크스테이션에서 화면 레이아웃과 출력 결과를 일치시키는 방식을 최초로 구현
- 인터페이스 혁신으로 이후 Xerox Star, Microsoft Word 등으로 계승
- 1978년, HP — BRUNO / HP Draw
- HP 1000 시스템 위에서 슬라이드 제작용 WYSIWYG 소프트웨어 개발
- 1983~84년, Apple — LisaWrite (1983), MacWrite (1984)
- LisaWrite, MacWrite에서 화면(72 PPI)과 출력물(프린터)의 일대일 대응 방식 개발
- 1990년대 — WYSIWYG HTML 에디터
- 1990년, Tim Berners-Lee 개발 WorldWideWeb:
최초 웹 브라우저이자 WYSIWYG HTML 편집기를 네이선 웹 기반 환경에 구현 - 1995년, Silicon Graphics의 WebMagic:
최초로 Windows/상용 수준 WYSIWYG HTML 에디터 - 1995년, Microsoft FrontPage:
마이크로소프트가 10월에 출시 및 인수 - 1996년, Claris Home Page:
애플에서 나온 초기 상용 HTML 편집기
- 1990년, Tim Berners-Lee 개발 WorldWideWeb:
📏 국제 표준이 있는가?
- WYSIWYG는 인터페이스 패러다임이지만, 표준 기술 규격은 아닙니다.
다만, 관련분야 국제 표준 및 가이드라인이 존재합니다:- HTML / CSS / DOM / ContentEditable:
웹 WYSIWYG 에디터를 만드는 기반 기술로, 월드 와이드 웹 영역. - WCAG, Section 508:
접근성 준수를 위한 가이드라인 – 일부 에디터들은 이 기준 충족을 목표로 개발됨 . - SGML 기반 ISO 12083:
문서 교환용 마크업 표준 — WYSIWYG 자체의 표준은 아니지만, 구조적 작성 워크플로우와 연관 있음 .
- HTML / CSS / DOM / ContentEditable:
'500 기술과학 > IT,디지털' 카테고리의 다른 글
| 월드와이드 웹(World Wide Web, WWW) [정보과학] (3) | 2025.07.28 |
|---|---|
| HTTP (HyperText Transfer Protocol), HTTPS (HyperText Transfer Protocol Secure) (5) | 2025.07.28 |
| WaveNet (웨이브넷) (8) | 2025.07.22 |
| OTP(One-Time Password, 일회용 비밀번호) [정보과학] (3) | 2025.07.17 |
| HCI(Human Computer interaction) (3) | 2025.07.16 |
| 튜링 테스트(Turing Test) (1) | 2025.07.14 |