안녕하세요 찐망고입니다.
오늘은 HTML에디터 관련 포스팅을 해보려고 하는데요~
일단 에디터를 사용하게 되면
코드를 좀더 깔끔하고 직관적으로 볼 수 있고, 자동완성기능이 있어 코딩하는데 있어 작업이 수월한 장점이 있습니다.
텍스트 에디터, 웹 에디터, 통합개발환경(IDE), 웹기반코드 에디터 로 나눌 수 있겠네요
워낙 많은 에디터들이 있고, 각자 장단점이 있는데 그걸 포스팅하기엔 좀 무리가 있고..
그나마 제가 사용해봤던 에디터 위주로 포스팅을 해볼게요
1. 서브라임텍스트
서브 라임 텍스트는 파이썬 API 용으로 작성된 사유 크로스 플랫폼 소스 코드 편집기입니다.
수많은 프로그래밍 언어와 마크업 언어를 네이티브로 지원하며,
플러그인을 사용하여 사용자에 의해 기능을 확장할 수 있습니다.
서브라임 텍스트는 웹퍼블리셔 직군에서 많이 사용했던 것 같아요..
일단 굉장히 가볍고, 다양한 플러그인을 설치할 수 있는 장점이 있습니다.
단점도 있어요 한글입력이 다른 에디터에 비해 좀 어색해요..
그걸 지원하기 위해 IMESupport를 설치하긴 하는데 그래도..
패키지 확장도 따로 설치해야했는데 3버전부터는 상관없긴 합니다.
무료로 설치는 가능하지만 유료버전이 따로 있어요.
제가 설치하는 플러그인 입니다.
PackageControl, ConvertToUTF8, Emmet, IMESupport, LoremIpsum
Download - Sublime Text
Sublime Text 4 has been released, and contains significant improvements over this version. Sublime Text may be downloaded and evaluated for free, however a license must be purchased for continued use. There is currently no enforced time limit for the evalu
www.sublimetext.com
2. 아톰
만화 아톰 아니구, 와인 아톰아니구..
아톰은 오픈 소스 형태의 macOS, 리눅스, 윈도용 문서 및 소스 코드 편집기입니다.
Node.js로 작성된 플러그인, 깃허브가 개발한 임베디드 깃 관리 지원을 포함합니다.
그래서 별도의 프로그램없이 일부 git편의 기능이 기본으로 포함되어 있구요.
대부분의 확장 패키지는 자유 소프트웨어 라이선스를 취하고 있습니다.
서브라임텍스트랑 비슷해요. 일단 무료이고,
플러그인을 설치하면 서브라임텍스트에서 사용했던 단축키도 사용이 가능하고
굳이 단점을 뽑자면 소스 코드가 길어지면 에디터가 무거워집니다.
저는 그래서 아톰으로 갈아 탔다가 다시 강의할 땐 서브라임텍스트로 돌아왔어요.
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
3. 에디트플러스
에디트플러스는 인터넷 환경에서 편리하게 사용할 수 있는 윈도우용 문서 편집기로서,
HTML 편집기, PHP 편집기, 자바 편집기, Hex 뷰어 기능을 지원하고,
메모장을 대신할 뿐 아니라 웹문서나 프로그램 개발을 쉽게 할 수 있도록 도와주는 많은 기능들을 지원합니다.
서브라임텍스트가 나오기전까진 저도 에디트플러스를 꽤 오래 썼었는데요..
하얀 화면이 참 지금 봐도 싫으네요..^^
가장 큰 장점은 FTP를 연결하는 기능이 어렵지 않아서 쉽게 수정이 가능하다는 점?
이것땜에 못버리고 쓰는 분들 꽤 있을거라 봅니다.
단축키를 개별로 작업할 수 있다는 점
단점은 30일 무료이용날짜가 지나면 유료로 결제해야 한다는 점?
4. visual studio code (VS code)
프론트엔드 직군이나 개발쪽에서 많이 사용하는 에디터 인데요.
마이크로소프트가 마이크로소프트 윈도, macOS, 리눅스용으로 개발한 소스 코드 편집기입니다.
일단 장점은 별도의 git 프로그램 설치시 기본으로 포함된 git 관련 기능이 가장 훌륭한것 같고
확장프로그램이 상당히 많다는 점.
거의 모든 주요 프로그래밍 언어를 지원한다는 점
ftp도 사용하기 용이합니다.
아 무료임
단점은 일단 탭을 분리해서 사용할 수 없다는 점?
그리고 또 찾아볼게요..
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
개인적으로 가볍게 작업하기엔 서브라임텍스트가 제일 편한것 같고
프로젝트를 하기엔 vscode가 더 편한 것 같더라구요.
개인적으로 느끼는 바가 다를 터이니 한번씩 사용해보시고 스스로 맞는 에디터를 사용하길 추천드립니다.
'WEB > HTML이론' 카테고리의 다른 글
| Form) Select요소 - 모바일기기에서 Select요소를 사용해야 할까? (0) | 2023.07.11 |
|---|---|
| [VS code] FTP연결하기 (0) | 2022.05.31 |
| 웹접근성이란? (0) | 2022.01.24 |
| inline요소와 block요소 (0) | 2021.12.12 |
| 시멘틱마크업, 시멘틱웹 그리고 Outline (0) | 2021.07.28 |