HTML 에디터인 ATOM 에디터 확장팩 및 자동줄바꿈 설정하는 법

HTML 에디터는 수많은 종류가 있지만, 무료 HTML 에디터 중 최근에 가장 뜨고 있는 HTML 에디터가 바로 ATOM 에디터가 아닐까 싶습니다.

 

ATOM 에디터는 오픈소스이기 때문에 무료이면서도 유료 에디터에 견줄만한 성능을 지원하기도 하고 Windows, Mac OS, Linux 등 다양한 OS를 지원해 줍니다. 

먼저 ATOM 설치는 https://atom.io/ 에서 하실 수 있습니다.

위의 이미지와 같이 운영체제에 맞게 다운로드가 지원됩니다.

설치하는 것이야 그냥 설치하면 되고, 아톰 에디터를 제대로 활용하려면 확장팩을 설치해 주어야 하는데... 여기에서는 필수적으로 선택해야 할 확장팩 몇가지를 추천해 드리겠습니다.

ATOM 에디터를 설치 후 실행하면... 저렇게 하단에 'Install' 이라는 메뉴를 통해 'Install Packages'를 설치하실 수 있습니다.

붉은 박스로 표시한 검색창에 확장팩을 검색해서 설치하면 됩니다.

minimap

emmet

atom-beautify

language-asp

language-aspx

atom-html-preview

Script

위의 단어들을 검색을 해 보면 Full text로 검색하지 않아도 유사 확장패키지 리스트가 나오는데 install 수가 엄청 차이 나기 때문에 구분은 쉬우실 겁니다.

ATOM 에디터에 관한 자세한 사항은 egoing 님의 페이지를 참고하시면 될 것 같습니다.

그 외 추가하면 좋은 install package로 자동줄바꿈을 개인적으로 추천합니다.

윈도우에서는 'File>Settings'로 들어가고, 맥에서는 'Preferences'로 들어가면 됩니다.

혹은 이전에 설명드린 install 하는 화면에서 탭을 'Editor'로 옮기시면 됩니다.

Editor에서 'Soft Wrap'에 체크 하시면, 코드가 화면창 사이즈에 따라 자동 줄바꿈이 됩니다.

그 위에 'Show Indent Guide'도 체크하시면, 들여쓰기 같이 코드작성의 간격이 발생시 희미한 그리드로 표시되어 구분이 쉽게 됩니다.

기타 여러가지 확장팩이 있으니 이용하시면서 자신의 취향에 맞는 것들을 찾아서 필요에 따라 설치하시면 될 것 같습니다.

이 외에도 Bucket이나 Sublime Text3 등도 좋은 에디터이고 ATOM 에디터 보다 더 오래전부터 사용해 오던 무료 HTML 에디터이니 이용해 보시면서 자신의 목적과 취향에 따라 선택하시면 될 것 같습니다.