본문 바로가기

IT/Atom Editor

아톰(ATOM) 에디터 폰트(나눔 글꼴, D2Coding 등) 변경 아톰 에디터 폰트 변경을 통해 텍스트의 가독성을 높일 수 있습니다.나눔 폰트 등을 설치하고 해당 폰트를 아톰 에디터에서 사용할 수 있습니다.먼저 나눔 폰트는 아래 링크에서 다운로드가 가능합니다.http://hangeul.naver.com/2017/nanum그리고 개발자를 위한 D2Coding 폰트는 아래 링크에서 다운로드가 가능합니다.https://github.com/naver/d2codingfont아톰 에디터에서 사용을 원하는 폰트를 설치하면 준비가 완료됩니다. 아톰 에디터에서 메뉴의 File > Settings 를 실행하거나 Ctrl + ,(comma)를 입력합니다.좌측 메뉴에서 Editor를 선택하면 Font Family라고 된 부분이 있습니다.다음은 D2Coding 폰트를 사용하기 위한 설정 방법.. 더보기
아톰(ATOM) 에디터 단어 수 확인(wordcount) 아톰 에디터(Atom Editor)의 단어 수를 확인하는 패키지를 설치할 수 있습니다.선택한 영역의 단어수는 물론이고 전체 영역으로 단어 수를 간편하게 확인할 수 있습니다.패키지 이름은 wordcount 입니다. 먼저 패키지 설치를 위해서 Settings를 실행합니다.윈도우 버전의 단축키는 Ctrl + , 입니다.좌측의 메뉴에서 Install을 선택하고 wordcount를 찾으면 됩니다.가장 상단에 위치한 wordcount에서 Install 버튼을 클릭하면 설치가 진행됩니다.설치가 완료되면 Settings 버튼을 클릭해서 설정을 일부 수정합니다.항상 단어 수가 보이게 하려면 Always on에 체크하면 됩니다.이제 전체 단어 수 혹은 선택된 단어 수(특정 범위만 선택됐을 경우)를 우측 하단에서 확인 가능.. 더보기
아톰(ATOM) 에디터 선택 단어 하이라이트(highlight-selected) 아톰 에디터(Atom Editor)는 웹개발 등을 편리하게 하기 위한 다양한 패키지가 제공됩니다.선택된 단어와 동일한 단어의 하이라이트 기능은 IDE의 기본 기능 중 하나입니다.특정 변수의 사용 위치를 한 눈에 확인하고 싶을 때 사용하면 편리합니다. 먼저 설치를 위해 File > Settings 메뉴를 실행합니다.좌측 메뉴에서 Install을 선택하고 highlight-selected를 검색합니다.검색된 목록에서 highlight-selected에 위치한 Install 버튼을 누르면 설치가 진행됩니다.설치가 완료되면 Settings 메뉴가 표시되는데 누르면 세부사항을 설정할 수 있습니다.다양한 설정이 가능합니다. 그 중에 Highlight Background와 Highlight In Panes를 모두 선.. 더보기
아톰(ATOM) 에디터 atom-material-syntax 테마(Theme) 아톰 에디터는 다양한 패키지와 테마를 적용할 수 있어서 매력적입니다.다른 에디터보다는 약간 느린 편이지만 다양한 기능으로 편리하게 사용이 가능합니다.또한 다양한 테마(Theme)을 적용해서 원하는 형태로 사용할 수 있습니다. 아톰 에디터의 다양한 테마 중 atom-material-syntax를 적용하는 방법입니다.깔끔한 신택스 하이라이트 등으로 코드 작성에 도움이 되는 매력적인 테마입니다.먼저 File > Settings 메뉴(단축키: Ctrl + ,)를 실행하고 Install 메뉴로 이동합니다.우측의 Themes 버튼을 누르고 atom-material-syntax를 입력해서 가장 상단의 결과를 Install 합니다.다음으로 atom-material-ui를 검색해서 설치합니다.이제 Theme으로 이동해서.. 더보기
아톰(Atom) 에디터에 선택된 단어 하이라이트 기능 추가 아톰 에디터에 선택된 단어 하이라이트 기능을 추가하는 방법입니다.해당 기능 역시 패키지 설치를 통해서 간단하게 추가할 수 있습니다. 먼저 File > Settings 메뉴를 실행하거나 Ctrl + , 단축키를 실행합니다.좌측에서 Install 버튼을 누르고 검색창에서 highlight selected를 검색합니다.상단에 표시된 패키지의 Install 버튼을 클릭하면 설치가 진행됩니다.설치가 완료되면 설정에서 원하는 내용을 선택하면 좀 더 눈에 띄게 표시할 수 있습니다.정상적으로 반영되면 다음과 같이 선택한 단어와 동일한 단어에 하이라이트 처리가 되서 쉽게 식별이 가능합니다.다만 아쉬운 부분은 해당 기능이 한글에서는 동작하지 않는다는 점입니다.그래도 좀 더 편리하게 코딩 작업 등이 가능합니다. 더보기
아톰(Atom) 에디터 탭 전환 순서 변경 아톰 에디터의 탭 전환은 기본적으로 MRU(Most Recently Used) 방식입니다.기존의 탭 순서와 동일하게 탭 전환이 되는 방식과는 다른 작동 방식입니다.최근에 사용한 탭을 기준으로 탭이 전환되기 때문에 기존 방식에 익숙하면 사용이 불편할 수 있습니다.다행히 아톰 에디터는 기존의 탭 변경 방식으로 전환해서 사용할 수 있는 방법을 제공합니다.탭 변경 순서를 기존과 같이 순차적으로 설정하는 방법은 다음과 같습니다. 먼저 File > Settings 메뉴를 통해 설정(Settings)을 실행합니다.설정은 Ctrl + , 단축키로도 실행이 가능합니다. 좌측의 Packages를 선택하고 Tabs 패키지를 검색해서 찾습니다.화면의 tabs 패키지 안의 Settings 버튼을 클릭합니다.설정 목록 중에 En.. 더보기
아톰(Atom) 에디터에 파워 모드(activate-power-mode) 적용 아톰 에디터에 파워 모드를 적용하면 다음과 같이 독특한 효과가 발생합니다.밋밋한 타이핑이 아닌 파워 모드로 아톰 에디터를 사용할 수 있습니다.코딩이나 문서 작성 등을 할 때 지루하지 않게 사용이 가능합니다. 연속으로 문자를 입력하면 콤보가 발생합니다.파워 모드는 Activate-power-mode를 설치해서 활성화시킬 수 있습니다.File > Settings 메뉴(Ctrl + ,)를 실행합니다.설정에서 Install을 선택하면 우측에 검색창이 표시됩니다.검색창에 activate-power-mode를 입력하고 검색하면 상단에 바로 표시가 됩니다.Install 버튼을 누르면 바로 설치가 진행됩니다.설치가 완료되면 Settings 버튼으로 변경되는데 누르면 세부 설정이 가능합니다.기본적으로 파워 모드는 50회.. 더보기