나모 웹에디터 편집하기

[[파일:㈜나모인터랙티브 글자.png|썸네일|200픽셀|'''㈜나모인터랙티브'''(Namo Interactive)]]

'''나모 웹에디터'''(Namo Web Editor)는 [[㈜나모인터랙티브]]에서 개발 및 판매하는 [[위지위그]](WYSIWYG) 기반의 [[웹에디터]] [[HTML]] 편집기이다.

== 개요 ==
나모 웹에디터는 ㈜나모인터랙티브가 만드는 위지윅형 웹에디터로 초창기에는 대한민국에서 드림위버의 국산 경쟁 제품으로 선전하였으나, 2006년 7월 세중여행과 합병한 이후 지속적인 후속 제품을 내놓지 못함으로써 점차 한국 시장의 지위를 상실하고 있다. 현재는 [[㈜지란지교소프트]]가 인수하여 [[나모 크로스에디터]]를 서비스하고 있다.<ref>〈[https://ko.wikipedia.org/wiki/%EB%82%98%EB%AA%A8_%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0 나모 웹에디터]〉, 《위키백과》</ref>

== 특징 ==
나모 웹에디터는 보통 웹 전문 편집, 웹사이트 제작 및 HTML 실습을 할 때 사용되었으며, 기본적인 양식과 태그, 프레임을 갖추고 있어서 유용하게 쓰이는 편이었다. 라이센스는 개인/기업 모두 유료로 서비스되고 있었으나, 2008년 '나모 웹에디터 8' 버전을 마지막으로 개발이 중단되었다. 이후 9년 만에 2017년 7월 1일에 선보일 예정으로 나모 웹에디터 10을 개발 중이라고 2016년 10월 24일 밝혔다. 그리고 2017년 8월 29일 '나모 웹에디터 원'이 출시되었다. 나모 웹에디터는 사용자에게 친숙하고 비교적 직관적인 인터페이스로 호응을 얻고 있었다. 1990년대 말 국내에 인터넷의 바람이 불고 젊은이들에게서 홈페이지 만드는 것이 유행할 무렵, 영어로만 작동하고 상대적으로 다루기 까다로웠던 [[드림위버]]나 그 당시 국내 유저들에겐 아직 생소했던 오피스 프로그램 '워드'를 빼닮은 [[마이크로소프트]]의 프론트페이지는 HTML 문서를 작성하는 것이 상당히 어려웠고 난해했었다. 그 틈새시장을 비집고 들어온 것이 나모 웹에디터로, 마치 [[아래아 한글]]에서 문서나 표를 작성하듯이 사용할 수 있어서 익숙해지기 쉬웠고, 위지윅도 드림위버에 비해 전문적이진 않지만 상당히 직관적이라 학교나 학원에서도 많은 유저들이 나모 웹에디터로 개인 홈페이지와 같은 웹페이지를 만들어서 올리곤 했었다. 하지만, 곧 블로그 등 HTML 코드를 바로 다루지 않아도 쉽게 웹페이지를 만들 수 있는 시대가 오게 되어 일반인들에게 HTML 코딩의 중요성이 떨어지고, 그 당시 열악한 웹표준 현황과 계속 추가되는 신기술을 적극적으로 받아들이지 못해 줄어드는 니치 시장과 빈약한 전문가 기능 사이에서 우왕좌왕하다가 도태되어버렸다. 그 당시 가장 큰 문제라고 할 수 있는 [[인터넷 익스플로러]] 6.0 호환 문제로 같은 웹페이지라도 인터넷 익스플로러 버전에 따라 다르게 보인다든지, 테이블(table) 태그만 써서 표를 만드는 식으로 [[CSS]]로 일부 수정이 가능했지만 그나마도 인터넷 익스플로러가 CSS를 제대로 지원 하지 않았으므로 작동 안하는 경우가 허다했다. 지금은 완전히 사장된 방법이 되어버렸고, 모바일 등 최신 환경을 지원하지 못했으며, HTML5도 제대로 지원 못했다. 그리고 [[자바스크립트]]도 일부 지원하였으나 프로그래밍 언어인 자바스크립트의 자유도를 감당해내지 못하고 지원에 어려움을 겪었다. 이 같은 문제는 나모 웹에디터 엔진의 한계였는지 마지막 버전까지 해소하지 못하고, 결국 HTML5를 제대로 지원하는 크로스 에디터를 처음부터 새로 만들면서 명맥이 끊기게 된 원인이 되었다.<ref>〈[https://namu.wiki/w/%EB%82%98%EB%AA%A8%20%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0 나모 웹에디터]〉, 《나무위키》</ref>

== 기능 ==
* '''문서 편집''' : 제목 문단 유형이나 사용자가 추가한 서식을 간편하게 적용할 수 있는 서식 패널로 구성되고 HTML 소스와 편집 창을 동시에 보면서 문서를 편집할 수 있는 HTML 소스 같이보기 기능이 제공된다. 또, 선택한 개체의 태그 구조를 확인할 수 있는 태그 셀렉터 기능과 출판하기나 그림 삽입하기와 같이 자주 사용하는 기능을 손쉽게 사용할 수 있도록 모아 놓은 바로가기 패널을 구성하였다. 이전 버전보다 더 많은 개체의 속성을 확인하고 수정할 수 있는 바로보기 기능, 사용자가 만든 문서를 문서 템플릿으로 저장하기 기능을 제공하고, 인라인 프레임을 지원한다. 그리고 상자 안에 입력한 내용 주위로 다른 내용이 흐르듯이 나타나는 글상자 기능, 향상된 스마트 클립아트 편집기능, 사용자가 만든 색깔 모음을 추가할 수 있는 향상된 색깔 팔레트, 그림 파일을 목록의 블릿으로 사용하는 그림 목록이 제공된다. 뿐만 아니라 웹 브라우저의 스크롤 막대 색깔 편집하기, 멀티미디어 파일을 쉽게 웹 문서에 삽입할 수 있는 미디어 마법사, 다양한 웹 브라우저를 사용하여 미리보기, 롤오버 셀 만들기 기능과 새 윈도우 제어용 쿠키 기능을 추가한 스크립트 마법사, 사용자가 만든 스크립트를 추가할 수 있는 액션, 리소스 관리자의 리소스를 압축해서 이메일로 보내는 기능을 제공한다.
* '''사이트 관리''' : 사이트 관리자는 웹 사이트의 기획과 설계, 관리를 한 곳에서 할 수 있도록 해 주는 도구이다. 웹 사이트의 설계를 위한 사이트 구조도 기능을 강화하였고, 웹 사이트를 더욱 쉽고 빠르게 관리할 수 있는 여러 가지 기능을 추가했다. 사이트에서 사용하는 각종 문서 파일과 리소스를 쉽게 사용할 수 있도록 모아 놓은 사이트 라이브러리, 사용자가 만든 사이트를 사이트 마법사에서 사용할 수 있도록 사이트 템플릿으로 저장하는 기능, 새로운 유형의 노드를 추가하고 사이트 구조도 맵을 개선한 사이트 구조도, 작업하고 있는 사이트를 ZIP 파일로 내보내거나 ZIP 파일로 압축한 사이트를 가져와서 작업하는 기능을 구성하였다.
* '''출판하기''' : 편집하고 있는 문서를 바로 출판할 수 있는 빠른 출판하기, 로컬 폴더나 네트워크 폴더에 출판하기, 사이트 전체 출판하기 기능으로 구성되어 있다.
* '''고급 기능''' : 여러 문서에 삽입된 동일한 내용을 쉽게 수정하고 관리할 수 있는 공유 콘텐츠, SSI(Server Side Includes), HTML/CSS 레퍼런스, XHTML 표준과 다양한 웹 브라우저 호환성 확인 기능이 추가된 HTML 문법 검사 기능을 지원한다.<ref name='page'>〈[http://jemics.zz.am/prog/%EB%82%98%EB%AA%A8%20%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0%20FX/readme.htm#webeditor 나모 웹에디터 FX Suite 프로그램 소개]〉</ref>
* '''속성 바로 보기''' : 중고급 사용자가 편리하게 작업할 수 있도록 웹 문서의 편집 기능을 크게 보강한 기능이다.
* '''리소스 관리자''' : 웹사이트의 전체 리소스 통합 관리와 공동 작업에 있어서의 편의성을 강화한 기능이다.
* '''레이아웃 표/셀''' : 초보자는 자유롭게 화면을 구성하고, 전문가는 정밀하고 간편하게 문서의 레이아웃을 만들기 위한 기능이다.
* '''표 꾸미기''' : 웹 문서를 만들 때 많은 편집 단계가 필요한 표 작업을 간편하게 만든 기능이다.
* '''하이퍼링크 도구 막대''' : 대화 상자를 이용하지 않고도 도구 막대를 사용하여 바로 하이퍼링크를 삽입할 수 있게 한 기능이다.
* '''레이아웃 정렬 도구 막대''' : 레이아웃 정렬에 필요한 주요 작업들을 도구 막대로 구성하여 사용자의 편의성을 강화시킨 기능이다.
* '''색깔 모음''' : 웹사이트를 만드는 데 자주 사용되는 색깔을 한 곳에 모아 두고 관리할 수 있도록 지원하는 기능이다.
* '''플래시 버튼''' : 플래시 버튼을 직접 만들 줄 모르는 사용자가 손쉽게 자신만의 플래시 버튼을 삽입할 수 있게 한 기능이다.
* '''나모 그림 나누기''' : 포토샵 파일을 포함한 다양한 형식의 그림 파일을 불러와 여러 개의 작은 그림으로 나눈 뒤 웹 문서에 표로 삽입할 수 있는 기능이다.
* '''HTML 태그 정리 및 문법 검사''' : HTML 태그를 직접 편지할 때 생길 수 있는 여러 가지 문제점을 손쉽게 해결할 수 있는 기능이다.
* '''HTML 편집''' : 보다 사용자에게 편리한 HTML 편집 환경을 제공하는 기능이다. <ref>〈[http://www.kongkanart.com/htm/comword/com_word_data06.htm 나모웹에디터(Namo WebEditor)]〉, 《일산컴퓨터학원 일산코딩학원》</ref>
== 시스템 요구사항 ==
* '''운영체제''' : 한글 윈도우즈 98/Me/NT/2000/XP 또는 그 이상의 운영체제
* '''웹 브라우저''' : 마이크로소프트 인터넷 익스플로러 4.0 이상 (마이크로소프트 인터넷 익스플로러 5.5 이상 권장), 넷스케이프 6.2 이상 (넷스케이프 7.0 이상 권장)
* '''CPU''' : 펜티엄 166MHz 이상 (펜티엄 266MHz 이상 권장)
* '''메모리''' : 64MB 이상 (128MB 이상 권장)
* '''모니터/그래픽 카드''' : 해상도 800x600 이상 (1024x768 이상 권장), 256색 이상이 지원되는 모니터와 그래픽 카드<ref name='page'></ref>

== 나모 크로스에디터 ==
나모 크로스에디터는 웹 표준의 시대에 발맞춰 나모의 기술력으로 개발한 자바스크립트 기반의 웹 콘텐츠 저작툴이다. 액티브엑스를 탈피하여 완벽한 크로스 브라우징과 멀티 플랫폼을 지원하므로 높은 웹 접근성 확보가 필요한 어떤 사이트에서나 도입이 가능하다. ㈜지란지교소프트가 인수하여 출시중이다.<ref name='namo'>나모에디터 공식 홈페이지 - https://www.namoeditor.co.kr/</ref> 나모 크로스에디터는 어떤 기기에도 제약없이 사용할 수 있다. 나모에디터의 강력한 기술력으로 6대 브라우저를 완벽하게 지원하며 데스크톱, 노트북은 물론 모바일과 태블릿 환경을 고려한 다양한 운영체제 지원으로 이제 언제 어디서나 웹문서를 편리하게 이용할 수 있다.<ref name='namo'></ref> 또한 나모 크로스에디터를 사용하여 손쉽게 웹 문서작업을 할 수 있다. 마이크로소프트 문서 붙여넣기에서 표 그리기와 이미지 삽입 등 문서 작업 시 꼭 필요한 기능을 편리하게 이용할 수 있다. 다른 프로그램 없이 웹에서 문서 작업은 크로스에디터 하나로 충분하다.<ref name='namo'></ref> 나모 크로스에디터는 꼭 쓰게 되는 부가 기능들을 담았다. 웹에디터에 꼭 필요한 편리한 대용량 파일 업/다운로드 기능, 자유로운 이미지 보정과 편집 기능을 이용할 수 있고, 맞춤법 검사, 이모티콘, 차트 등 알고 있으면 꼭 쓰게 되는 부가 기능을 사용해 웹 문서 결과물에 대한 완성도가 높아진다.<ref name='namo'></ref>

=== 기능 ===
* '''HTML5 기술''' : 차세대 HTML5 기술 기반으로 제작되었으며, 이미지 붙여넣기, 드래그 앤 드롭 삽입 기능을 제공한다. 또, 차트 편집기(표를 차트로 변환), 포토데이터(이미지 편집, 보정), 크로스업로더(대용량 파일) 기능을 제공한다.
* '''강력한 표 그리기''' : 커맨드 입력 방식 표 그리기, 마우스 드래그 방식 표 그리기, 마이크로소프트 워드 수준의 표, 셀, 관리 기능, 표 합계, 평균 값 계산 기능, 양식 보호 및 데이터 취합 기능을 제공한다.
* '''윈도우 표준 사용자 인터페이스 지원''': 윈도우 표준 사용자 인터페이스를 지원하고, 위지윅 방식의 문서편집을 지원한다. 그리고 편집창, 소스편집, 미리보기 기능을 지원한다.
* '''맞춤법 검사''' : 한글 마이크로소프트 워드 프로그램과 맞춤법을 연동하고 인터넷 익스플로러 브라우저에서 마이크로소프트 워드 연동을 지원하여 한글, 영어 맞춤법 검사를 지원한다.
* '''오피스 호환성''' : 마이크로소프트 오피스, 한글 문서 붙여넣기를 지원하고, 문서 내 표, 글꼴, 크기 등 서식 호환이 가능하며, 문서 내 이미지 복사, 드래그 앤 드롭을 지원한다.
* '''차트 기능''' : 표의 내용을 차트 그래프로 변환이 가능하고, 막대 그래프, 원 그래프, 파이 그래프를 지원한다. 그리고 HTML5 기술을 적용한 다양한 차트 입력 기능을 지원한다.
* '''퀵 메뉴 및 창 크기 조절''' : 마이크로소프트 워드 방식의 퀵 메뉴를 제공하며, 빠르고 간편한 문장 서식 설정과 편집창의 크기를 마우스로 조절이 가능하다.
* '''이모티콘 및 풀다운 메뉴''' : 다양한 이모티콘, 특수문자 입력이 가능하고 마이크로소프트 워드 방식의 풀 다운 메뉴 방식을 지원한다. 그리고 복잡한 버튼 아이콘을 최소화한 단순 사용자 인터페이스를 지원한다.
* '''HTML 문서 변환''' : 정부전자문서 유통 HTML 변환 기능을 제공하고, 레포팅 툴을 위한 [[자바스크립트]] 기반 이미지 변환 툴을 제공한다.
* '''오피스 플러그인 모듈''' : 자바스크립트 클립보드 접근 제한을 해결해 주고, 오피스 문서의 서식, 이미지 붙여넣기 호환을 향상시켰으며, 인터넷 익스플로러 10 이하 브라우저에서 이미지 붙여넣기 기능을 지원한다. 또, 작성 중인 문서를 워드로 전송 수정이 가능하다.
* '''레이아웃 및 템플릿 기능''' : 다양한 형태의 문서 레이아웃을 제공하고, 단순 입력만으로 정교한 문서 작성이 가능하며, 문서 양식을 관리자가 등록 가능하다.
* '''모바일 사용자 인터페이스 지원''' : 태블릿 및 스마트폰 브라우저 환경을 지원하고, iOS, 안드로이드 내장 브라우저 호환이 가능하다. 그리고 모바일 전용 사용자 인터페이스 지원과, 서식, 이미지 붙이기, 파일 업로더를 지원한다. 이미지 리사이즈 기능도 제공된다.
* '''개인정보 차단 및 금지어 관리''' : 본문 내 개인정보 검사 및 차단 기능을 제공하고, 전화번호, 주민번호, 메일주소 자동확인 기능을 제공한다. 또, 확인된 정보의 대체 텍스트 입력, 삭제 기능, 관리자가 지정한 금지어 차단 기능을 제공한다.
* '''첨부파일 보안''' : 사이렌(CYREN) 사의 서버보안 연동을 지원하고, 본문 내 이미지 첨부 시 바이러스를 차단해 주는 기능을 지원한다. 그리고 크로스 업로더를 이용한 대용량 파일 첨부 시 바이러스를 차단해 주는 기능과, 바이러스, 멀웨어, 악성코드를 차단해 주는 기능을 제공한다.
* '''악성코드 방지 기능''' : HTML 소스코드 내 악성코드를 방지해 주고, 크로스 사이트 스크립트(XSS) 외 악성스크립트를 제거해 준다. 그리고, 아이프레임, 스크립트, 태그, 속성 사용을 제한하고, 사이트 정책에 따라 불필요한 태그를 제한한다.
* '''관리자 페이지''' : 에디터의 구동 환경 설정 변경을 지원하고, 미리보기를 통해 즉시 변경 확인이 가능하다. 또, 사용자 인터페이스 변경 지원, 확장자, 태그, 스크립트 제한 웹 접근성 단계 설정이 가능하다. 그리고 편집환경 및 화면(스킨, CSS 등) 설정이 가능하다.
* '''다국어 리소스 지원''' : 글로벌 기업을 위한 다국어 메뉴를 지원하며, 메뉴, 팝업, 도움말의 다국어를 지원한다. 한글, 영어, 일본어, 중국어 간체/번체, 베트남어, 인도네시아어를 제공한다.
* '''개발자, 관리자 지원''' : 플러그인 방식 설계로, 다양한 API를 제공한다. 그리고 XML 기반의 관리자 기능과 에디터 스킨, 디자인 커스터마이징 기능을 제공한다.
* '''웹 접근성 진단''' : 본문 내용의 웹 접근성 검증 기능을 제공하고, 표, 이미지 첨부 시 요약 정보 입력을 검증한다. 관리자 사이트에서 단계별 설정이 가능하다. 1단계는 표, 그림 요약정보 필수입력, 2단계는 HTML 편집, 복사+붙여넣기를 차단한다.
* '''멀티미디어 삽입, 사용자 환경설정''' : 동영상, 이미지, 날짜, 시간 입력이 가능하고, 레이어, 하이퍼링크, 책갈피 넣기가 가능하다. 그리고 문서유형(HTML, XHTML) 선택이 가능하고, 인코딩 타입(UTF-8, EUC-KR, KS5601) 설정이 가능하다. <ref name='namo'></ref>
{{각주}}

== 참고자료 ==
* 〈[https://ko.wikipedia.org/wiki/%EB%82%98%EB%AA%A8_%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0 나모 웹에디터]〉, 《위키백과》
* 〈[https://namu.wiki/w/%EB%82%98%EB%AA%A8%20%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0 나모 웹에디터]〉, 《나무위키》
* 〈[http://jemics.zz.am/prog/%EB%82%98%EB%AA%A8%20%EC%9B%B9%EC%97%90%EB%94%94%ED%84%B0%20FX/readme.htm#webeditor 나모 웹에디터 FX Suite 프로그램 소개]〉
* 〈[http://www.kongkanart.com/htm/comword/com_word_data06.htm 나모웹에디터(Namo WebEditor)]〉, 《일산컴퓨터학원 일산코딩학원》
* 나모에디터 공식 홈페이지 - https://www.namoeditor.co.kr/

== 같이 보기 ==
* [[㈜나모인터랙티브]]

{{로고 수정 필요}}
{{소프트웨어|검토 필요}}