본문 바로가기
테크노트/html

FE개발자를 위한 HTML에디터 추천

by 테크한스 2021. 11. 1.

HTML 이나 CSS, JavaScript로 웹페이지 작성을 위한 에디터 또는 편집기를 추천드립니다

 

 

(1) Visual Studio Code (비쥬얼 스튜디어 코드)

비쥬얼스튜디오코드(VSC)는 Microsoft 부터 Windows, Linux, MacOS 등에 사용가능한 오픈소스 무료에디터입니다.

다른 에디터나 편집기와 비교해 보면 빠르고, 디버깅, 임베디드, GIT제어, 구문강조를 포함한 많은 기능이 있습니다.

쉽게 사용자 정의가능하므로 색상, 테마, 텍스트, 글꼴 크기, 키보드 단축 및 환경 설정등을 편집할 수 있습니다.

 

https://code.visualstudio.com/ 

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

 

 

(2) Sublime Text

Sublime Text Editor는 다양한 언어를 지원하는 프로그래밍에도 함께 할 수 있는 최고의 편집기로 사용하기 쉽고 가볍다는 장점이 있습니다. 특정프로그램에 빠르게 액세스 할 수 있는 매우 많는 키보드 단축키가 있습니다. 

다양한 개발언어를 지원하듯이 사용하는 프로그래밍 언어에 따라 적용되는 색 구성표(Coloring)에 따라 고유한 색상이 존재하며, 키보드 단축키도 직접 만들 수 있습니다. 초보자와 전문가 모두에게 가장 적합합니다.

 

https://www.sublimetext.com/ 

 

Sublime Text - the sophisticated text editor for code, markup and prose

Available on Mac, Windows and Linux

www.sublimetext.com

 

 

 

(3) Brackets

Brackets는 주로 웹개발을 위해 개발된 오픈 소스 편집기입니다. MIT 라이센스에 따라 허가된 무료 오픈소스 소프트웨어입니다. 이 브래킷은 Windows, Linux 및 MacOS에서 사용 가능한 크로스 플랫폼입니다. 이 편집기는 웹디자인과 웹개발에 적합하다고 볼 수 있습니다.

 

https://brackets.io/ 

 

A modern, open source code editor that understands web design

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

brackets.io

 

 

(4) 그외 에디터들

 

(4.1) Notepad ++

Notepad++은 상당히 오래된 Windows, Mac 및 Linux용 텍스트 편집기 및 코드 편집기입니다. 사용하기 쉽고 사용자 친화적인 인터페이스로 자동완성기능, 다양한 색상테마기능, 색상 코딩(coloring)기능 등과 같은 HTML 코딩을 위한 다양하고 편리한 기능이 많이 있습니다. 

 

https://notepad-plus-plus.org/downloads/ 

 

Downloads | Notepad++

 

notepad-plus-plus.org

 

 

(4.2) Atom

Atom은 Windows, Linux 및 MacOS 에서 작동하는 오픈 소스 편집기입니다. 사용자 정의 기능, 색상 테마 기능, 텍스트 색상을 사용하는 것이 매우 쉽고, 개발자와 디자이너에게 많이 알려진 편집기입니다.

 

https://atom.io/ 

 

A hackable text editor for the 21st Century

At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it.

atom.io

 

 

 

(4.3) Adobe Dreamweaver CC

지난 20여년간 html의 고전적이 에디터로서 다양한 편집 화면과 기능제공으로 과거에 많은 디자이너와 퍼블리셔 그리고 개발자에게 많은 사랑을 받은 추억의 편집기입니다. 현재도 해당 기능에 계속적인 업데이트로 기능이 추가되어 다양한 기능을 제공하여, 플러그인 기능이라던지, 파이썬API도 제공하며 크로스플랫폼 제공하며 견고한 디자인 표면과 위지윅(WIZIWIG) 편집기 모드를 지원합니다.  무료체험판은 7일간 제공하며 정품은 가격 부담존재합니다.

 

https://www.adobe.com/kr/products/dreamweaver/free-trial-download.html

 

 

(4.4) 에디트플러스, 울트라에디터 등

과거 HTML과 CSS, 자바스크립트 등 일부 컴퓨터 코딩 편집기로서 유명한 에디터 시리즈로 현재로는 다수의 편집기가 30일 무료기능 후에는 정품 인증이 필요한 제약이 있습니다.

 

 

'테크노트 > html' 카테고리의 다른 글

웹(Web)의 역사  (0) 2022.01.05
input 입력 태그를 readonly 로 막는 경우  (0) 2021.12.03
2020년 반응형 웹페이지 Framework Top 10  (0) 2021.11.14
HTML5에 추가된 새로운 태그  (0) 2021.11.02
HTML 태그 정리  (0) 2021.11.01

댓글