500 기술과학/IT,디지털

WYSIWYG(What You See Is What You Get) 위지윅 [정보과학]

Emily에밀리 2025. 7. 21. 18:05

 

 

✨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 편집기
       

 

 

📏 국제 표준이 있는가?

  • WYSIWYG는 인터페이스 패러다임이지만, 표준 기술 규격은 아닙니다.
    다만, 관련분야 국제 표준 및 가이드라인이 존재합니다:
    1. HTML / CSS / DOM / ContentEditable:
      웹 WYSIWYG 에디터를 만드는 기반 기술로, 월드 와이드 웹 영역.
    2. WCAG, Section 508:
      접근성 준수를 위한 가이드라인 – 일부 에디터들은 이 기준 충족을 목표로 개발됨 .
    3. SGML 기반 ISO 12083:
      문서 교환용 마크업 표준 — WYSIWYG 자체의 표준은 아니지만, 구조적 작성 워크플로우와 연관 있음 .