Atom(아톰, 텍스트 에디터) 소개&설치

Node JS 웹어플리케이션 개발은 텍스트 에디터로도 충분합니다. C나 Java와 달리 컴파일이 필요없기 때문이죠. (물론 전용프로그램을 사용하면 더욱 좋습니다. 전용프로그램을 구매하고 싶으시면 WebStorm을 추천합니다.)

우리가 잘 알고 있는 텍스트 에디터는 바로 윈도우의 '메모장'이죠. 뭐 이론상으로는 메모장으로도 프로그램 작성이 가능하지만 프로그래밍을 위해 고안된 텍스트 에디터를 사용하는 것이 생상성과 정신건강에 좋습니다.

흔히 sublime text를 많이 쓰시는데, 저는 atom editor을 사용합니다. sublime과 마찬가지로 multi cursor(멀티 커서), autocomplete(자동완성) 등을 지원하며 전체적으로 sublime과 비슷하지만 차별화된 특징은 git과 연동이 된다는 점입니다. 같은 회사에서 만들었거든요. sublime + 알파 정도로 생각하시면 됩니다.

Atom Editor 설치

https://atom.io 에 가서 프로그램을 다운로드 받습니다.

다운로드 받은 파일을 실행하면 애니메이션과 함께 바로 설치가 진행됩니다.

설치가 완료되면 Atom이 자동으로 실행됩니다.

Atom Package 설치

Atom package는 add-on으로 생각하시면 됩니다. 아래 package들은 추천 package들로, 필수는 아닙니다.

File>Setting을 누릅니다.

Search packages에 검색할 내용을 적고 packages를 클릭하시면 해당 내용이 검색됩니다.

아래의 package들을 검색하고 설치합니다.

highlight-selected

코드 작성중에 마우스로 단어를 더블 클릭하면 현재 열린 파일 내의 같은 단어들을 하일라이트 표시해 주는 기능입니다.

linter

linter는 해당 파일에 문법 오류가 있을때 알려주는 기능입니다. 이 package는 linter 기능을 더해주는 package이고, linter 데이터는 따로 설치해야 합니다.

linter-jshint

jshint 데이터를 linter에 추가합니다. javascript파일(.js)의 문법 오류를 알려줍니다. 'linter'가 설치되어 있어야 동작합니다.

linter-csslint

csslint 데이터를 linter에 추가합니다. css파일(.css)의 문법 오류를 알려줍니다. 'linter'가 설치되어 있어야 동작합니다.

file-icons

파일 확장자에 따라 atom editor상의 파일 아이콘을 적절하게 변경해줍니다.


** 현재 항목(MEAN Stack/개발 환경 구축)의 마지막 글입니다.

댓글

칠동이 2019.02.14
감사합니다
김대회 2019.03.21
감사합니다 정말 좋은 자료들 많네요 ^^
I
Ian H 2019.03.21
@김대회,
감사합니다^^
댓글쓰기

이 글에 댓글을 다시려면 SNS 계정으로 로그인하세요. 자세히 알아보기

UP