WYSIWYG는 긴 약어처럼 보이지만 현대 사용자 인터페이스의 필수 요소입니다. 이것이 의미하는 바와 인터넷에서 볼 수 있는 곳입니다.
당신이 보는 것은 당신이 얻는 것입니다
WYSIWYG는 “What you see is what you get”을 의미하는 기술 이니셜입니다. 일반적으로 문서, 페이지 또는 파일의 모양과 내용을 직접 편집하고 조작할 수 있는 사용자 인터페이스를 나타냅니다. 즉, 최종 출력이 생성될 때 무엇을 편집하든 동일한 방식으로 표시됩니다.
인터넷이 더 보편화되고 사람들이 접근할 수 있게 되면서 WYSIWYG 편집기의 인기가 높아졌습니다. 사람들은 형식이 지정된 콘텐츠를 즉석에서 업로드하고 보낼 수 있는 방법을 찾아야 하므로 대부분 WYSIWYG 환경을 사용합니다.
위지윅의 역사
“보이는 대로 얻는 것”이라는 실제 용어는 인터넷보다 훨씬 이전에 사용되었습니다. 그것은 보이는 그대로의 사물을 묘사하는 데 사용되는 비교적 일반적인 관용적 표현이었습니다. 예를 들어, 중고차를 찾고 있는데 상태가 좋지 않은 것처럼 보이는 저렴한 가격의 자동차를 본다면 판매원은 “글쎄, 당신이 보는 것이 당신이 얻는 것입니다.”라고 말할 것입니다.
결국 이 용어는 소프트웨어 개발자와 컴퓨터 제작자 사이에서 두드러지게 되었습니다. 초기 컴퓨터에는 WYSIWYG 형식이 없었습니다. 대신 사람들은 사용자 지정 코딩 언어와 태그를 통해 형식이 지정된 문서를 만들었습니다.
결국, 기술 회사 Xerox PARC는 WYSIWYG 편집기가 포함된 최초의 개인용 컴퓨터인 Alto를 출시했습니다. 이는 사용자가 컴퓨터의 요소와 시각적으로 상호 작용할 수 있는 그래픽 사용자 인터페이스(GUI)의 도입과 일치했습니다. 얼마 지나지 않아 HP, Apple 및 Microsoft와 같은 회사에서도 비주얼 편집기에 대한 기본 지원이 포함된 컴퓨터 프로그램을 출시했습니다.
관련된: UI란 무엇이며 무엇을 의미합니까?
위지윅의 종류
상황에 따라 다양한 소프트웨어 도구 및 인터페이스를 “WYSIWYG” 편집기라고 할 수 있습니다.
가장 일반적인 것은 문서와 텍스트를 편집할 수 있는 시스템입니다. 비시각적 편집기에는 일반적으로 나중에 형식이 지정된 텍스트로 구문 분석되는 Markdown 또는 BB 코드와 같은 마크업 언어가 있는 반면 Microsoft Office와 같은 WYSIWYG 편집기를 사용하면 즉시 형식 및 콘텐츠를 편집할 수 있습니다. 그런 다음 이러한 문서를 공유하거나 인쇄할 수 있으며 컴퓨터에서와 동일한 방식으로 나타납니다.
웹 개발도 있습니다. 일반적으로 프론트엔드 웹 개발은 보기 좋은 반응형 웹사이트를 구축하기 위해 HTML 및 CSS와 같은 언어를 이해해야 합니다. 웹사이트 빌더 사이에서 “드래그 앤 드롭” 인터페이스가 증가하면서 사람들이 코드를 이해하지 않고도 자신의 웹사이트를 만들 수 있게 되었습니다. Adobe Dreamweaver와 같은 도구를 사용하면 웹 사이트를 디자인하고 브라우저에서 구문 분석할 수 있는 코드로 내보낼 수 있습니다.
WYSIWYG는 또한 크리에이티브 전문가가 사용하는 소프트웨어의 수에 관계없이 광범위하게 적용될 수 있습니다. 라이브 비디오 편집자, 사진 편집자, 일러스트레이션 프로그램 및 3D 애니메이션 스튜디오는 모두 출력물을 즉시 보여주기 위한 시각적 방법을 채택합니다. 예를 들어 Adobe Premiere 및 Sony Vegas와 같은 비디오 편집기에는 긴 내보내기 프로세스를 거치기 전에 완성된 클립을 즉시 재생할 수 있는 “미리 보기” 상자가 있습니다.
위지윅 에디터
물론 WYSIWYG 편집기의 주요 장점은 최종 사용자가 사용하기 더 쉽다는 것입니다. 다양한 마크업 언어를 사용하는 방법을 배우는 대신 이 편집기를 사용하면 버튼 클릭으로 게시물의 형식을 지정하고 크기를 조정하고 멀티미디어를 추가할 수 있습니다. 이것이 대부분의 포럼, 웹 빌더 및 편집자가 대부분 WYSIWYG 시스템으로 이동한 이유입니다.
시중에서 판매되는 대부분의 텍스트 편집기는 WYSIWYG입니다. 여기에는 Microsoft Office, LibreOffice, Google Docs와 같은 인기 있는 워드 프로세서와 WordPad 및 Evernote와 같은 서식 있는 텍스트 편집기가 포함됩니다. 대부분의 현장 텍스트 편집기에서는 마크업 언어 또는 WYSIWYG를 사용할 수 있습니다. 예를 들어, WordPress 포스트 상자를 사용하면 작성 중인 내용을 직접 미리 볼 수 있는 “비주얼” 편집기와 HTML로 직접 편집할 수 있는 “텍스트” 편집기 간에 전환할 수 있습니다.
많은 WYSIWYG 웹 호스트를 사용하면 많은 코드를 이해하지 않고도 웹사이트를 만들 수 있습니다. 여기에는 Squarespace, Wix 및 Weebly와 같은 인기 있는 서비스가 포함됩니다. 이들은 일반적으로 특정 템플릿에 따라 페이지에 콘텐츠 블록을 추가할 수 있는 “끌어서 놓기” 인터페이스를 제공합니다. 일부는 WYSIWYG 편집과 기존 편집을 결합한 하이브리드 형식으로 입력할 수도 있습니다. 이에 대한 전형적인 예는 Reddit과 같은 마크다운이 있는 웹사이트입니다. 게시하기 전에 미리 볼 수 있는 텍스트 상자에 서식을 적용하는 옵션이 있는 경우가 많습니다.
관련된: 마크다운이란 무엇이며 어떻게 사용합니까?
