① 에디터(편집기)란 설치하게 되면 오류 체크, 자동 완성 등의 부가기능을 가능하게 해주는 프로그램을 의미한다.
② 에디터는 코드를 좀 더 깔끔하고, 직관적으로 만들어 보기 쉽게 도와준다.
③ 에디터는 텍스트 에디터, 웹 에디터, 통합개발환경, 웹 기반 코드 에디터가 있다.
④ 주로 쓰이는 HTML 에디터는 다음과 같다.
㉠ 아래의 추천 HTML 에디터의 목록은 대중성, 특징, 디자인에 기반하며, 일반적으로 리스트 내에 있는 에디터를 사용하는 게 보편적이다.
| 에디터명 |
Visual Studio Code
|
- 무료이며 넓은 범위를 커스터마이즈할 수 있다.
- 쉬운 개발과 수많은 확장을 위한 Microsoft Azure와 호환이 된다.
- 리눅스, 윈도우 x64, macOS에서 이용가능하다.
|
 |
| Atom |
- 플러그인으로 기능을 쉽게 확장할 수 있다. 또한 사용자가 자신만의 패키지를 개발해 아톰을 커스터마이즈할 수 있다.
- 무료 오픈 소스 프로그램이다.
- Teletype(하나의 프로젝트를 개발자들이 실시간으로 공유할 수 있는 방법)를 지원한다.
- 플랫폼 교차 편집이 가능해 윈도우, 리눅스, maxOS에서 작업할 수 있다.
- HTML, CSS, JavaScript와 같은 웹 기술로 화면을 구현했기 때문에 웹 페이지를 편집하듯이 UI를 제어할 수 있어 대표적인 WYSIWYG 에디터 중 하나이기도 하다.
- 텍스트 에디터치고는 실행 속도가 느린 편이다.
|
 |
| Notepad++ |
- 인터페이스가 심플하고, 가벼우며, 빠르다.
- 다중 언어 코딩 환경을 지원한다. ActionScript, CSS, Visual baisc 등
- 다른 OS는 지원되지 않고 100% 윈도우에서만 호환 가능하다.(리눅스 버전으로 Notepadqq가 있다.)
- 플러그인을 추가하거나 개발할 수 있다. 이를 이용해 기능과 인터페이스를 커스터마이즈할 수 있다.
|
 |
| Sublime Text3 |
- 이 에디터는 Freemium 범주에 속한다.(무료로 사용할 수 있지만, 모든 기능을 사용하기 위해서는 라이센스가 필요하다.)
- 플러그인이 기본 기능을 확장할 수 있도록 하는 파이썬 API를 제공한다.
- 크로스 플랫폼이기 때문에 윈도우, 리눅스, macOS에서 작업할 수 있다
- HTML, C, C++, C#, Java, JavaScript, PHP, Python, Ruby 등 많은 언어의 구문 강조 표시 기능을 지원한다.
- 커뮤니티에서 개발된 수천 가지의 오픈 소스 패키지를 제공한다.
- 기존의 텍스트 에디터에 비해 가벼운 편이다.
- 윈도우 한글 IME를 잘 지원하지 않아 한글 입력시 지연 현상이 발생한다.(IME Support로 해결 가능)
|
 |
| Adobe Dreamweaver CC |
- Adobe Creative Cloud 제품군의 다른 소프트웨어와 통합시켜 사용할 수 있다.
- 플러그인이 기본 기능을 확장할 수 있도록 하는 파이썬 API를 제공한다.
- 크로스 플랫폼이기 때문에 윈도우, 리눅스에서 작업할 수 있다
- 커뮤니티에서 개발된 수천 가지의 오픈 소스 패키지를 제공한다.
- 견고한 디자인 표면 및 위지윅 편집기 모드를 지원한다.
- Windows와 Mac OS에서 이용가능하다.
- HTML, JavaScript, PHP, XML, SQL, SVG, JSON templates 등의 다른 유형의 문서를 편집할 수 있다.
- 반응형, 모바일 친화형 웹 디자인을 만드는데 도움을 주는 Fluid Grid Layouts과 Visual Media Queries가 딸려 있다.
- 7일간의 체험판이 존재하고, 가격이 상당하다.
|
 |
