HTML 편집기란?
HTML(HyperText Markup Language)을 작성할 수 있는 일종의 코드 편집 프로그램을 말합니다.
HTML 편집기는 HTML작업을 위해 특별히 만들어 지지만 일부 프로그램은 다기능 입니다.
이러한 텍스트 기반 편집기를 사용하면 다양한 사이트 레이아웃 및 웹디자인을 테스트 할 수 있습니다. 또한 사이트 게시전 오류를 미리 발견하고 수정할 수 있습니다.
HTML 편집기 유형
- HTML Text Editors
- WYSIWYG (What You See Is What You Get) HTML Editors : 화면에 포맷된 낱말, 문장이 출력물과 동일하게 나오는 방식
2021년 최고의 무료 HTML 편집기 14가지
- Atom
- Sublime
- Brackets
- GNU Emacs
- BBEdit
- Komodo Edit
- NetBeans
- Bluefish
- TextMate
- Eclipse
- BlueGriffon
- BlueGriffon
- Notepad++
- Light Table
Atom
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
Window, Mac 및 Linux용 최신 IDE 및 html 코드 편집 프로그램 입니다.
이 프로그램은 다른 웹 개발 언어와의 호환성이 가능하고 운영체제간에 프로젝트를 공유할 수 있고 Github 연결을 통해 쉽게 협업 할 수 있습니다.
또한 개발자가 온라인으로 수많은 오픈 소스 패키지에 액세스 할 수 있으므로 프로젝트 시간을 크게 단축 시킬 수 있습니다.
JavaScript, Node.js 및 css를 포함한 여러 프로그래밍 언어를 통합합니다.
Atom을 사용하면 복잡한 웹 사이트 코드를 한 곳에서 편집 할 수 있습니다.
Sublime Text
Sublime Text - the sophisticated text editor for code, markup and prose
Available on Mac, Windows and Linux
www.sublimetext.com
Windows, Mac 및 Linux용 html텍스트 편집기입니다.
이 크로스 플랫폼 도구는 독립적인 명령 팔레트 및 구문 강조 표시를 포함한 고급 기능을 제공합니다.
서브라임 텍스트의 주요 기능 중 하나는 GOTO Anything 및 GOTO Definitions입니다.
이러한 기능을 사용하면 대규모 코딩 또는 웹 콘텐츠 프로젝트에서 코드를 쉽게 찾고 바꿀 수 있습니다.
사용자가 여러 프로젝트간에 원활하게 전환 할 수 있는 기능도 포함 되어있습니다.
모든 기능을 갖춘 프로그램은 유료 버전이지만 무료버전도 많이 사용되고 있습니다.
서브라임 설치 아래 지난 포스팅 참고하세요
https://moo-you.tistory.com/3?category=308020
Sublime text 설치 및 기본설정 플러그
저는 작업할때 주로 에디트플러스를 쓰는데 요즘 개발자분들중에 Sublime txt를 사용하시는 분들이 많이 보이더라고요 매우 가볍고 마우스 없이도 사용가능하며 다양한 플러그인으로 확장 가능하
moo-you.tistory.com
Brackets
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
이 프로그램은 필수 기능과 함께 실시간 미리보기와 같은 유용한 도구를 제공합니다.
이러한 기능으로 인해 다양한 텍스트 편집 프로젝트에 이상적입니다.
실시간 미리보기 기능을 제공하며 이를 통해 사이트에 텍스트를 적용하기 전 여러 디자인을 실험 할 수 있습니다.
Mac, Windows 및 Linux 사용자가 사용할 수 있습니다.
GNU Emacs
https://www.gnu.org/software/emacs/
GNU Emacs - GNU Project
“Our mission is to preserve, protect and promote the freedom to use, study, copy, modify, and redistribute computer software, and to defend the rights of Free Software users.” JOIN THE FSF
www.gnu.org
인기있는 실시간 Linux HTML 편집기입니다.
Windows, macOS, Linux 및 BSD를 포함한 여러 플랫폼에서 실행된다. 완전 무료이며 완전한 유니코드 지원을 제공합니다. 콘텐츠 인식 구문 색상, 사용자 지정 가능한 LIisp 인터페이스, 전체 ide로 확장하는 기능및 기본 제공 달력이 있습니다.
주요기능은 확장성과 작업을 사용자 정의하고 자동화 하는 기능입니다.
Visual Studio Code
https://code.visualstudio.com/#meet-intellisense
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
비쥬얼 스튜디오 코드는 적응형 응답이 있는 스마트 자동 완성과 함께 지능형 구문 강조 표시가 포함되어있다.
다중 언어 및 다중 플랫폼 프로그램이며 HTML, Python 및 기타 일반적인 프로그래밍 언어에서 작동합니다.
또한 Git이 기본 제공되므로 손쉬운 명쳥과 scm공급자 호환성이 가능합니다.
쉬운 배포를 위해 Microsoft Azure와 호환이 되며 다양한 확장을 사용할 수 있습니다.
비쥬얼 스튜디오 코드 설치 관련 지난 포스팅 보기
https://moo-you.tistory.com/155
Visual Studio Code 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기]
Visual Studio 비쥬얼 스튜디오 설치 및 환경설정 변경하기 [무료 코드 편집기] 목차 1) Visual Studio Code 비쥬얼 스튜디오 코드 설치하기 2) 비쥬얼 스튜디오 코드 한국어로 변경하기 3) 색 테마 변경
moo-you.tistory.com
BBEdit
https://www.barebones.com/products/bbedit/
Bare Bones Software | BBEdit 13
BBEdit 13 It doesn’t suck.® BBEdit is the leading professional HTML and text editor for macOS. This award-winning product has been crafted to serve the needs of writers, Web authors and software developers, and provides an abundance of features for edit
www.barebones.com
BBEdit(Bare Bones Edit)는 수상 경력에 빛나는 Mac OS X 사용자를 위해 설계된 코드 편집 도구 입니다.
무료로 제공되지만 정식 버전은 유료입니다.
강력한 프로젝트 통합 도구와 기타 유용한 기능을 제공합니다.
디자인에 의한 전문 도구 이며 숙련 된 프로그래머와 웹개발자를 대상으로 합니다. 모든 종류의 텍스트에서 작동하는데 특히 HTML기반 웹페이지를 디자인 하는데 유용합니다,
Komodo Edit
https://www.activestate.com/products/komodo-edit/
Komodo Edit | ActiveState
Komodo Edit is a great editor if you're looking for something powerful, yet simple.
www.activestate.com
기능을 위해 설계된 다국어 코딩 텍스트 편집기로 자동완성, 실시간 미리보기, 프로젝트 마법사, 디버깅 도구 등을 포함한 많은 고급 기능을 갖추고 있습니다.
최고의 무료 WYSIWYG HTML 편집기 중 하나입니다. 여기에는 몇 가지 유용한 자습서, 시각적 디버깅 기능 및 진정한 고급 HTML 편집 도구를 만다는 기타 기능이 포함되어 있습니다.
NetBeans
Welcome to Apache NetBeans
Apache NetBeans Fits the Pieces Together Development Environment, Tooling Platform and Application Framework.
netbeans.apache.org
Apache의 NetBeans는 html5및 다양한 기타 언어 용으로 설계된 강력한 코드 편집 도구를 제공합니다.
무료 도구에는 템플릿, 강조 표시 기능, 마법사 및 기타 html 편집 도구가 있습니다.
Bluefish
http://bluefish.openoffice.nl/index.html
Bluefish Editor : Home
About Bluefish Bluefish is a powerful editor targeted towards programmers and webdevelopers, with many options to write websites, scripts and programming code. Bluefish supports many programming and markup languages. See features for an extensive overview,
bluefish.openoffice.nl
숙련된 프로그래머와 웹 개발자를 위해 설계된 고급 코드 편집 도구 입니다.
무료 프로그램은 html 편집 기능을 제공하지만 xhtml, css 및 기타 다양한 코딩 언어에서도 작동합니다.
프로젝트 관리 도구, 자동 완성, 자동 태그 소싱등을 제공합니다.
TextMate
TextMate: Text editor for macOS
Multiple Carets Making multiple changes at once, swapping pieces of code, and a lot more is made trivial with TextMate’s easy way to add multiple insertion points. File Search Select what you want to search, what you want to search for, and TextMate will
macromates.com
Mac OS X 운영 체제를 위한 강력한 코드 편집 도구 입니다. 무료 프로그램은 강력한 검색 기능, 번들, 스니펫 및 버전 제어 기능 외이도 기대할 수 있는 모든 표준 도구를 제공합니다. 또한 WYSIWYG 스타일의 라이브 HTML 미리보기를 제공합니다.
Ecllipse
https://www.eclipse.org/eclipseide/
Eclipse IDE 2021-03 | The Eclipse Foundation
The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 375 open source projects, including runtimes, tools and frameworks.
www.eclipse.org
프로그래머를 위한 무료 텍스트 편집기 및 개발 리소스 입니다. 이 프로그램은 클라우드 스토리지, 모델링 도구 및 GUI 빌더와 같은 유용한 기능 전체를 제공합니다.
수십개의 패키지를 탐색하고 필요에 맞게 편집기를 사용자 정의 할 수 있습니다.
https://moo-you.tistory.com/169
Eclipse 이클립스 JAVA EE 설치 및 설정
1. 크롭에서 eclipse.org에 들어갑니다. https://www.eclipse.org/downloads/ Eclipse Downloads | The Eclipse Foundation The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE a..
moo-you.tistory.com
BlueGriffon
BlueGriffon
BlueGriffon® The next-gen Web and EPUB Editor based on the rendering engine of Firefox® Version 3.1 released 2019-oct-14. OCR! « My HTML Editor is BlueGriffon, an intuitive, modern and robust application. I like that what I see is what I get on the Web.
bluegriffon.org
많은 기능을 갖춘 사용자 친화적인 고급 html 편집기 입니다.
현재 사용 가능한 최고의 무료 WYSIWYG HTML 편집기 중 하나입니다.
Notepad ++
https://notepad-plus-plus.org/
Notepad++
What is Notepad++ Notepad++ is a free (as in “free speech” and also as in “free beer”) source code editor and Notepad replacement that supports several languages. Running in the MS Windows environment, its use is governed by GNU General Public Lice
notepad-plus-plus.org
Windows용 무료 편집기 입니다.
프로그램 소스코드는 C++이며 Scintilla 편집 컴포넌트를 기반으로 합니다.
노트패드는 원래 프로그램의 단순성을 유지하면서 Microsoft Notepad의 첨단 기술 대체품으로 개발되었습니다.
Light Table
Light Table
lighttable.com
여러 플랫폼에서 사용할 수 있는 무료 하이테크 코드 편집도구 입니다. 라이브 피드백, 쉬운 디버깅, 무제한 미디어 임베딩 기능 등이 포함되어 있습니다.
또한 탐색이 쉽고 효율적으로 잡업할 수 있습니다.
'Front-end > 화면구현' 카테고리의 다른 글
| 구글 웹폰트 사용 방법 (0) | 2021.06.14 |
|---|---|
| html 제목태그의 필요성 (0) | 2021.06.12 |
| 파비콘 만들기 favicon (0) | 2021.06.05 |
| 포토샵 없이 이미지 동그랗게 자르기 사진편집 (0) | 2021.06.01 |
| UI설계도구 (0) | 2021.05.16 |
댓글