2019.01.03

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

Techworld Staff | Techworld

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로 내보내기




2019.01.03

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

Techworld Staff | Techworld

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로 내보내기


X