본문 바로가기
컴퓨터/프로그래밍

Atom 프로그래밍 에디터

by Begi 2019. 7. 3.
반응형

Atom은 GitHub에서 만든 프로그래밍 에디터이다. Git이 내장되어 있다.

 

다운로드: https://atom.io/

 

Atom은 CoffeeScript, JavaScript, Less, HTML, Electron으로 웹 기반으로 만들어졌다. 2014년에 개발되었다. 처음에는 IDE용으로 사용할 수 있었지만 현재는 에디터로만 사용할 수 있다.

 

Atom의 장점 중 하나는 매우 많은 패키지가 있다는 것이다. 자신에게 필요한 기능의 패키지를 선택하여 설치할 수 있다.

 

탭 크기

탭 크기가 처음에는 2로 되어 있는데 File - Settings - Editor에서 탭 크기를 바꿀 수 있다.

Soft Tab은 탭에 스페이스를 넣는 것이고 Hard Tab은 탭을 그대로 넣는 것이다.

 

 

함수 리스트

함수 리스트를 볼 수 있는 Package는 여러 종류 있는데 그중 symbols-navigator는 다음 그림과 같다. symbols-navigator의 장점은 함수 리스트를 오른쪽/왼쪽으로 변경할 수 있는 것이다.

 

 

색과 폰트 바꾸는 방법

메뉴에서 File - Stylesheet을 선택하면 styles.less이 열린다. 여기서 다음을 추가하여 색을 바꾼다.

// 배경
atom-text-editor {
   background-color: rgb(30,30,30);
}
// 주석
atom-text-editor .syntax--comment {
  color: rgb(0,255,0);
  font-style: normal;
}
// 함수
atom-text-editor .syntax--function {
  color: rgb(255,255,255);
  font-style: normal;
}
// 변수
atom-text-editor .syntax--variable {
  color: rgb(255,255,255);
  font-style: normal;
}
// 형식
atom-text-editor .syntax--storage.syntax--type {
    color: rgb(86,156,214);
}
// 키워드
atom-text-editor .syntax--keyword.syntax--control {
    color: rgb(86,156,214);
}

 

열 모드 (Column Mode)

열 모드를 사용하기 위해서는 Sublime-Style-Column-Selection을 설치해야 한다. Alt 키를 누른 상태에서 왼쪽 마우스를 누르고 드래그 하면 된다.

https://atom.io/packages/sublime-style-column-selection

 

자동 괄호 닫기 해제

자동 괄호 닫기를 사용 안 할려면 Settings - Packages 메뉴에서 bracket-matcher 패캐지를 찾는다. bracket-matcher의 Settings에서 Autocomplete Brackets를 체크 해제한다.

 

자동 완성 기능 끄기

자동 완성 기능을 끄려면 autocomplete-plus 패캐지에서 Show Suggestions On Keystroke를 체크 해제한다.

if를 치고 탭을 치면 뒤의 문장이 자동으로 생성된다. 이것을 Snippet이라고 한다. C나 C++에서 스니핏 기능을 해제하려면 language-c 패키지에서 다음 그림과 같이 Snippets를 체크 해제한다.

 

반응형

댓글