Atom - 추천 웹에디터 툴

Posted by ironmask84
2017. 12. 4. 23:32 나는 프로그래머다!/HTML5



2년 전에 제 블로그에 Atom 이라는 에디터를 소개한 적이 있습니다.

http://ironmask.net/231

이 때 당시, Firefox OS를 이용해서 프로젝트 개발을 시도한 때였기 때문에 갑작스레 JavaScript 와 Html 을 학부 때 이후로 

손대기 시작했었죠;;  이 때 jQuery라는 것도 처음 써보기도 했었구요 ㅎㅎ

웹프로그래밍이 2000년대에 붐이 일어났다가, 한 동안 잠잠해 있었던 것 같았습니다.

하지만, html5가 탄생되면서, html5 + CSS + JavaScript 조합이라는 것으로 급부상하고 있습니다.

특히, 스마트폰의 대중화에 따라 웹 근접성이 매우 좋아짐에 맞물려서 더욱 빛을 발하고 있어요 ^^


아무튼 각설하고, 이 때는 단순히 이런 툴이 있다고 소개만 했었습니다. ㅋㅋ

이제는 IoT 관련 프로젝트를 진행하다가, 디바이스의 설정 및 모니터링을 웹으로 해보고자

다시금 웹프로그래밍에 손을 대었습니다. ( html + JavaScript + PHP 조합 )

새롭게 툴을 찾다가 2년 전에 매우 잠깐 써봤던 Atom이 여전히 추천 툴 중에 하나 더군요 :)
(SublimeText, Bracket 와 함게 웹에디터 툴로는 세 손가락에 듭니다. ㅎㅎ)

또 장점으로는 오픈소스로 만들어진 툴이며, 패키지(플러그인)도 상당히 강력하고 지원 수도 많습니다.


쓸만한 패키지를 소개하면서 이 글을 마치겠습니다. ^^


Emmet - Tab키로 자동완성

Syntax Hint - 문법 오류를 잡아줌 Linter, linter-js, linter-html, linter-css, linter-php 

atom-beautify - 자동 정렬 

minimap, minimap-highlight-selecetd, minimap-cursorline - 조그마한 맵을 통해 전반적인 소스현황 모니터링 가능

pigments - 코드 내에 컬러를 직관적으로 보여줌

Remote-FTP - FTP로 외부디바이스에 있는 소스코드에 바로 접근 가능



 File - Setting - Editor 메뉴에 기본 설정 항목이 많습니다.  
 추천 내용으로는 http://dickymicky.blog.me/220950885317 을 참고해주세요 ^^ 



 여기서 패키지 검색을 하신 후, 인스톨 하시면 됩니다. ^^ 


 여기서는 인스톨 된 패키지 목록 확인이 가능해요~~ ^^