개발 기획

홈페이지 만들 때 도움이 되는 무료 텍스트 에디터 추천 (코딩, 프로그래밍, 웹개발)

홈페이지를 만들 때 기본적으로 웹문서를 편집할 일이 생기게 됩니다. 웹문서는 주로 HTML, CSS, JAVASCRIPT 로 구성이 되는데, 이 문서는 윈도우에 내장되어 있는 메모장, 노트패드 같은 텍스트 편집기로도 편집이 가능합니다. 하지만 별도의 에디터를 사용하게 되면 훨씬 쉽고, 빠르게 웹문서 제작 및 수정이 가능합니다.

이러한 편집기는 IDE, HTML 편집기, 코드 편집기, 텍스트 편집기 등 다양한 이름으로 불리는데, 지원하는 기능의 차이가 있을 뿐 대부분 비슷합니다.​

IDE 는 통합개발환경으로 규모가 큰 웹어플리케이션을 개발할 때 사용을 하는데, 간단한 웹문서 편집에 사용하기에는 다소 무겁고 느려서 추천을 하지 않습니다.​

저같은 경우는 간단한 홈페이지, 쇼핑몰 유지보수 작업을 많이하기 때문에, 편집기를 선택할 때 가장 중점에 두는 점이 빠른 로딩 속도입니다. 그 다음에는 다양한 부가 기능 지원 여부와 편의성입니다. 자동 완성, 코드 린팅, 오류검사 등 편집기가 제공해주는 여러 기능을 활용하면 작업 시간도 줄어들고 코딩도 좀더 즐겁게 할수 있습니다.

제가 주로 사용하는 편집기는 다음과 같습니다.

서브라임 텍스트 3

제가 가장 많이 사용하는 편집기입니다. 대부분의 언어를 지원하고 있으며, 다양한 기능의 패키지를 설치해서 사용가능합니다. 로딩 속도가 다른 편집기에 비해 빠른편인데, 문서를 열면 거의 실행 지연 시간이 없이 빠르게 문서가 열립니다. 색상도 깔끔해서 편하게 코딩 작업을 할수가 있습니다.

홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 1
홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 1

https://www.sublimetext.com/

 

아톰

최근에 가장 각광받고 있고, 사용자가 빠르게 늘어나고 있는 무료 편집기입니다. GIT 에서 만들어서 배포하고 있고, JAVASCRIPT 로 만들어져서 앞으로 더욱 빠르게 발전될 것으로 기대를 모으고 있는 편집기입니다. 요즘 나오는 IT 신간 도서를 보면 대부분 아톰 편집기를 추천하고 있습니다. 저도 사용을 해보니 프로젝트 관리도 편하고, 브라우저와의 연동도 잘되어서 사용 빈도가 늘어나고 있습니다. 서브라임 텍스트 3가 좀더 익숙하고, 로딩속도가 빠른 편이라 아직까지는 아톰보다 많이 사용하는 편인데, 향후 어떻게 될지는 잘 모르겠습니다.

홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 2
홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 2

https://atom.io/

 

브라켓

어도비에서 만들어서 배포하고 있는 편집기입니다. 다른 편집기들이 대부분의 프로그래밍 언어를 지원하는 반면, 이 브라켓은 웹문서편집기 (HTML 편집기) 라고 말할수 있습니다. 주로 HTML, CSS, JAVASCRIPT 를 수정하는데 사용가능합니다. 어도비에서 만든 만큼 UI 가 깔끔하고 전문가용 같은 느낌이 듭니다. 로딩속도는 아톰과 비슷한 편입니다. 디자이너 분들중 퍼블리싱 코딩 작업까지 하시는 분들이 선호하시는 것 같습니다.

홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 3
홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 3

http://brackets.io/

 

비쥬얼 스튜디오 코드

마이크로소프트에서 만들어서 배포하고 있는 편집기입니다. 마이크로소프트사에서 만들면 대부분 유료에다 망하는 경우가 많은데, 비쥬얼 스튜디오 코드는 의외로 무료에다 사용자가 많습니다. 다양한 언어를 지원하고, 마이크로소프트에서 만든 만큼 .NET과 Unity 에 대한 확장 기능이 풍부합니다.

홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 4
홈페이지 만들기 무료 텍스트 편집기 추천 코딩 프로그래 웹개발 4

https://code.visualstudio.com/

그외 무료 편집기

이 외에 리눅스에서는 VI (VIM) 을 주로 사용하는데, 다소 VI 를 사용하기 어려워 하시는 분들은 NANO, EMACS 등을 사용하실 수 있습니다.

IDE 중에서는 이클립스, 넷빈즈 등을 무료로 사용할 수 있는데, 단순 홈페이지 개발이 아닌 규모가 큰 어플리케이션이나 프로그래밍이 필요할 때 사용하면 도움이 됩니다.

무료 소스 코드 편집기만 사용해도 충분하지만 좀더 많은 기능이 필요하면 유료 편집기를 사용할 수도 있습니다. 유명한 것들이 젯브레인사 (JetBrains) 의 웹스톰, 인텔리제이, 파이참, PHP스톰 등이 있고, 예전에 많이 사용되었던 에디트플러스, 울트라에디트, 노트패드++ 도 있습니다. 맥용으로는 코다(Coda) 가 유명합니다. 이 제품들에 대해서는 다시 다른 글에서 설명을 드릴 수 있도록 하겠습니다.

홈페이지 만들 때 도움이 되는 무료 텍스트 에디터 추천 (코딩, 프로그래밍, 웹개발) 5