프로그램개발/IT 트렌드·팁·상식

'꽤 쓸만하다' 웹 개발자 위한 HTML 데스크톱 편집기 14선

크레도스 2019. 1. 7. 10:45

출처 : http://www.ciokorea.com/print/114105


HTML은 웹 사이트와 애플리케이션을 만들기 위한 표준 언어다. 웹 개발자는 물론 웹 사이트를 만들고자 하는 개인 사용자에게도 필요한 기술이다. HTML 편집기는 초보 개발자부터 숙련된 개발자까지 모두에게 대단히 유용한 도구다. 좋은 편집기는 맞춤법 검사, 코딩 줄 번호, 자동 완성, 페이지 미리보기 등 기본적이고 중요한 기능을 제공한다.

Credit: GettyImages

HTML 편집기가 워드 프로세서와 다른 점은 코드가 능숙하게 작성되었는지를 알 수 있다는 것이다. 즉, 코드 페이지를 수동으로 스캔할 필요 없이 즉시 오류가 발견된다. 자주 쓰이는 유용한 코드를 자동 삽입하는 기능 등이 필수적이다. 때로는 편집 도구가 더 광범위한 통합 개발 환경(IDE)의 일부로 제공되며 개발자에게 유용한 다른 도구도 제공되기도 한다. 

다양한 HTML 편집기를 소개한다. 

1. 코모도 에디트
코모도 에디트(Komodo Edit)는 역동적인 프로그래밍 언어를 위한 자유로운 텍스트 편집기다. 무료로 다운로드할 수 있는 코모도 에디트는 유료 코모도 IDE(Komodo IDE)의 무료 버전으로 2007년에 처음 소개되었다.

여기에는 HTML 및 CSS 개발을 위한 몇 가지 기능이 포함되어 있으며 사용자는 언어 지원 또는 특수 문자를 추가할 수 있는 확장 기능을 사용할 수 있다. 간단한 사용자 인터페이스로 강력한 기능을 원하는 신규 개발자에게 코모도 에디트를 권할 만 하다.

주요 특징:
• 다중 언어 편집기
• 윈도우, 맥, 리눅스에서 사용 가능
• 자동 완성
• 변경 사항 추적
• 코맨도(Commando)

2. 블루그리펀
블루그리펀(BlueGriffon)은 이전에 단종된 Nvu 편집기를 기반으로 한 웹 페이지 편집기다. 현재는 모질라 애플리케이션 스위트(Mozilla Application Suite)의 컴포저 컴포넌트에서 사용할 수 있다. 블루그리펀은 게코(Gecko)에서 제공되므로 사용자는 렌더링된 모든 작업이 표준 준수 브라우저에 표시되도록 할 수 있다.

블루그리펀은 WYSIWYG(컴퓨터 화면에 표시한 대로 인쇄되게 하는 문서 작성 장치) 편집기다. 이 편집기는 컴퓨터 용어로 인쇄할 때 내용을 편집할 수 있는 시스템을 말한다. 무료로 다운로드할 수 있는 블루그리펀은 윈도우, 맥, 리눅스 OS에서 사용할 수 있다.

주요 특징:
• 모바일 호환성
• 코드 스니펫 패널
• 툴킷 관리자
• CSS 그리드 및 변수
• HTML 4 & 5

3. 커피컵
커피컵(CoffeeCup)은 사람의 손끝에 고급 웹 디자인 능력을 두는 것을 목표로 하는 HTML 편집기다. 일부 주요 기능에는 태그 참조, 코드 완성 같은 도구, 미리보기 및 모든 페이지에서 즉시 업데이트되는 웹 사이트 구성 요소가 포함된다.

이 편집기는 수만 명의 동료 웹 개발자가 사용하며 승인했다. 또한 HTML 및 CSS 파일과 함께 사용할 수 있다. 웹 사이트 프로젝트 도구는 사이트 구조를 정확하게 구성할 수 있는 워크플로우 기능이다.

무료 평가판으로 사용해 볼 수 있고, 소프트웨어를 구매하려면 49달러를 지불해야 한다. 윈도우, OS X 모두를 위한 앱을 제공한다.

주요 특징:
• 미리보기 클릭
• 정형 데이터 추가를 위한 워크플로우
• 새 HTML 또는 CSS 파일을 만들거나 전문가용 템플릿 사용
• 분할 화면 미리보기
• 최대 10개의 다른 브라우저 추가
• 코드 완성

4. 울트라에디트
울트라에디트(UltraEdit)는 수상 경력에 빛나는 텍스트 편집기로 개인 개발자와 기업 모두에게 적합하다. 사용자가 웹 사이트와 인터넷 애플리케이션을 만들 수 있는 훌륭한 HTML 편집기를 제공한다. 울트라에디트는 PHP, HTML, ASP, 자바스크립트, 펄(Perl) 등 다양한 코딩 언어도 지원한다.

이 소프트웨어는 30일 동안 무료로 다운로드할 수 있으며 30일이 지난 시점부터는 윈도우, 맥 또는 리눅스에서 사용할 수 있는 제품군에 대해 99.95달러를 내야 한다. 다양한 독립형 제품도 제공되므로 직접 옵션을 살펴보라.

주요 특징:
• HTML 툴바
• 프로젝트별 사용자 도구로 구축된 FTP 클라이언트
• 파일에서 검색, 파일 지원에서 교체
• 유효성 검사 실행
• 텍스트 비교

5. 에디트플러스
에디트플러스(EditPlus)는 FTP, FTPS, sftp 기능을 갖춘 웹 개발자용 윈도우 기반 HTML 편집기를 제공한다. 이는 HTML, PHP, 자바, C/C++, CSS, ASP, 펄, 자바스크립트, VB스크립트, 파이썬, 루비 온 레일(Ruby on Rails)에 대한 구문 강조 표시를 제공하는 메모장의 훌륭한 대안이다.

무료로 소프트웨어를 다운로드하여 최대 30일 동안 시험판으로 사용할 수 있다. 무료 사용 기간이 끝나면 사용자 1명당 35달러의 라이선스를 구입해야 한다.

주요 특징:
• HTML 페이지 미리보기용 웹 브라우저
• 구문 강조
• HTML 도구 모음
• 코딩 줄 번호
• URL 강조 표시
• 자동 완성
• 맞춤법 검사기

6. 콘텍스트
콘텍스트(conTEXT)는 간단하고 가볍지만 효과적이고 (가장 중요한 것은 무료) HTML 편집기로써 웹 개발자를 위한 보조 도구로 배치되어 여러 언어(사람 및 코딩) 기능을 제공한다. 데스크톱 버전과, 이동 중에도 사용할 수 있도록 설계된 휴대용 버전 모두 제공한다.

이 프리웨어 편집기의 소스 코드는 구글 코드 아카이브를 통해 다운로드할 수도 있다.

주요 특징:
• 4kB 라인 길이
• 무제한 파일 열기
• 구문 형광펜
• 다국어 지원
• 코드 템플릿
• 파일 비교
• HTML/RTF로 내보내기


7. 서브라임텍스트
서브라임텍스트(Sublime Text)는 편집 및 마크업을 위해 고안된 고급 HTML 편집기로 인식된다. 다중 선택(한 번에 여러 코드 섹션 변경 가능) 및 분할 편집 (두 파일을 나란히 편집)을 비롯한 여러 가지 강력한 편집 도구를 제공한다.

이 소프트웨어는 윈도우 OS 및 리눅스에서 사용할 수 있다. 무료로 다운로드할 수 있지만 계속 사용하려면 라이선스를 구매해야 한다. 개인 라이선스는 80달러다.

주요 특징:
• 여러 선택
• 명령 팔레트
• 분할 편집
• 플러그인 API
• 즉시 프로젝트 전환
• UI 툴킷

8. 노트패드++
노트패드++는 HTML 및 기타 대중적인 언어를 지원하는 간단하지만 강력한 무료 소스 코드 편집기를 제공한다. 신틸라(Scintilla) 편집 구성 요소를 기반으로 하며 순수 윈32 API 및 ST를 사용하므로 더 빠르게 실행할수록 더 작게 프로그래밍할 수 있어 CPU 사용량과 방출이 줄어든다.

주요 특징:
• 구문 강조
• 구문 접기
• 자동 완성
• 멀티 뷰
• 다중 문서
• 매크로 기록 및 재생

9. 노트탭
노트탭은 수상 경력이 있는 HTML 편집기로, 간소화된 편집 환경을 제공한다. 포함된 기능 중 일부는 툴바에서 태그 및 기타 코드 비트를 삽입하고 코드 스니펫을 문서로 끌어다 놓을 수 있으며 문구의 끝을 제안하는 자동 완성 기능이 있다.

HTML, XML 및 CSS 파일에 대한 구문 강조 기능을 제공하며 HTML5 및 CSS3을 지원한다. 윈도우 및 리눅스에서 사용할 수 있으며 노트탭 7의 경우 39.95유로다.

주요 특징:
• 드래그 앤드 드롭 코드 스니펫
• HTML 도구 모음
• 키보드를 사용하여 코드 스니펫 삽입
• 구문 강조
• 텍스트 에디터

10. 신라이트
신라이트(SynWrite)는 사용하기 쉬운 인터페이스와 함께 멀티 캐럿 편집 기능을 자랑하는 무료 텍스트 및 소스 코드 편집기이다. 오픈소스 소프트웨어는 여러 개발자의 다양한 좋은 아이디어를 통합하여 웹 개발자를 위한 완벽한 환경을 제공한다.

일부 기능에는 매크로 기록, 코드 강조 표시, 코드 접기 및 일반 표현이 포함된다.

윈도우에서 사용 가능하며 여기에서 다운로드할 수 있다. 사이트에서 사용할 수 있는 다양한 플러그인도 있으며 사용자가 소프트웨어의 기능을 확장하고 다른 사용자와 채팅할 수 있는 포럼까지 확장할 수 있다.

주요 특징:
• 매크로 기록
• 코드 강조 표시
• 자동 완성
• 코드 폴딩
• 멀티 캐럿 편집
• 정규 표현식

11. 아톰
아톱(Atom)은 윈도우용 HTML 및 기타 프로그래밍 언어를 지원하는 무료 오픈소스 텍스트 및 소스 코드 편집기이다. 이 코딩 소프트웨어는 개발자가 작업 공간을 공유하고 실시간으로 함께 편집할 수 있도록 협업을 핵심으로 한다.

소프트웨어는 IDE와 유사한 기능을 소프트웨어에 제공하는 IDE-Atom 옵션 패키지를 다운로드하여 더 많이 활용할 수 있다. 깃허브 패키지를 사용하면 Atom에서 직접 Git 및 깃허브를 사용하여 새 분기를 만들고 스테이지 및 커밋할 수 있으며 편집기에서 병합 충돌을 푸시/풀 및 해결할 수 있다.

주요 특징:
• 패키지 설치 관리자
• 간단한 드래그 앤드 드롭 텍스트
• 퍼지 파인더
• 텍스트 에디터
• 프로젝트 매니저

12. 앱타나 스튜디오 3
앱타나 스튜디오 3(Aptana Studio 3)는 HTML5, CSS3, 자바스크립트, 루비, 레일, PHP, 파이썬을 포함한 언어를 지원하는 전문적인 오픈소스 웹 개발 IDE이다. 윈도우, 맥 OS X, 리눅스에서 사용할 수 있으며 핵심 기능에는 HTML, 자바스크립트 및 CSS 코드 지원, 통합 디버거, 깃 통합 및 임베디드 터미널이 있다.

주요 특징:
• 코드 지원
• 브라우저 지원
• 디버거
• IDE 커스터마이징
• 깃 통합

13. 아라크노필리아
아라크노필리아(Arachnophilia)는 무료 오픈소스 웹 페이지 개발 워크숍이다. 아라크노필리아의 창시자가 마이크로소프트 제품 사용을 거부해 자바로 작성한 일반 프로그래밍 툴이다. 이는 거의 모든 운영체제에서 사용할 수 있음을 의미한다.

일부 기능에는 오른쪽 클릭 마법사가 포함되어 있어 다른 것들 중에서도 일반적인 코딩 순서를 코드화하고 코드 시퀀스를 '검색 및 바꾸기'할 수 있다.

주요 특징:
• 기본 웹 페이지 구축
• HTML 문서 작성 및 편집
• 검색 및 교체
• 오른쪽 클릭 마법사
• 그래픽 작업
• 테이블 및 목록
• 맞춤법 검사기
• 코드 꾸미기

14. 블루피시
블루피시(Bluefish)는 웹 사이트 작성 및 프로그래밍 코드 작성 같은 작업을 위한 또 다른 가벼운 오픈소스 코드 편집기로 GNU GPL 라이선스 하에 공개된 오픈소스 프로젝트다.

주요 기능으로는 가장 널리 사용되는 모든 프로그래밍 언어를 포함하여 여러 문서 인터페이스, 강력한 검색 및 바꾸기, 자동 완성 및 자동 태그 닫기 등이 있다. 이 애플리케이션은 리눅스, 프리BSD, 맥OS-X, 윈도우 오픈BSD, 솔라리스를 포함한 데스크톱 운영 체제에서 실행된다.

주요 특징:
• 다중 문서 인터페이스
• 스피펫 사이드 바 - 사용자 정의 대화 상자 지정, 패턴 검색 및 바꾸기, 패턴 삽입 등 원하는 단축키 조합으로 묶어 개발 프로세스 속도 향상
• 원하는 외부 필터를 통합하고 정렬, sed, awk 또는 맞춤 스크립트를 통해 문서를 전달
• 언어 인식 프로그램인 인라인 맞춤법 검사기
• 충돌, 종료 또는 종료 후 수정된 문서의 변경 사항 자동 복구
• 모든 유니코드 문자의 문자지도
• 전체 화면 편집
• 탭, 공백, 줄과 줄 간의 공백 제거 도구
• 맞춤 프로그래밍 언어 지원
ciokr@idg.co.kr