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

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

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

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

Atom 설치

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

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

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

Atom Package 설치

Atom package는 add-on으로 생각하시면 됩니다.

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-icon-supplement

확장자에 맞춰서 atom 아이콘을 변경합니다.

atom-runner

atom에서 alt+R을 눌러 javascript, ruby파일 등을 바로 실행할 수 있습니다. 

댓글

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

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

UP