Ruby 개발에 Atom 에디터를 사용하고 있다면, 생산성을 크게 높여주는 플러그인(Atom에서는 패키지라고 부릅니다)이 있다는 것을 이미 알고 계실 겁니다.
하지만 문제가 있습니다. Atom의 패키지 저장소에는 수천 개의 패키지가 존재한다는 점이죠!
과연 어떤 것들을 사용해야 할까요?
더불어 작업 속도를 빠르게 해줄 유용한 키보드 단축키에는 어떤 것들이 있을까요?
Atom 사용자라면 이 글이 정확히 여러분에게 필요한 정보일 것입니다. 지금부터 하나씩 살펴보겠습니다.
추천 Atom 패키지 BEST
Atom 패키지는 에디터에 새로운 기능을 추가해 줍니다. 별도의 프로그램 없이 에디터 내부에서 바로 설치할 수 있습니다.
설정 창(CTRL + ,)을 연 다음 "Install" 탭을 클릭하세요.
검색창에 아래에서 소개할 패키지 이름을 입력하면 간단하게 설치할 수 있습니다.
1. Atom Runner
첫 번째로 추천하는 패키지는 atom-runner입니다.
이 패키지를 사용하면 에디터 안에서 코드를 직접 실행할 수 있습니다. 실행 결과는 오른쪽 분할 창(Atom 1.17 이상 버전에서는 하단)에 출력됩니다.
실행 화면은 다음과 같습니다:
설치 방법은 간단합니다. 패키지 매니저 검색창에 이름을 입력하고 "Install" 버튼을 누르면 됩니다.
설치 후 파일 타입이 Ruby로 설정되어 있는지 확인한 뒤, ALT + R(Mac에서는 CTRL + R)을 누르면 코드가 실행됩니다.
참고: 실행이 되지 않는다면 메뉴나 데스크톱 아이콘 대신 터미널에서 Atom을 직접 실행해 보세요.
실행 결과 창의 글자 크기를 키우고 싶다면:
먼저 Atom의 스타일시트 파일을 엽니다(CTRL + ALT + P 입력 후 "osty"를 입력하고 Enter).
그리고 파일에 다음 내용을 추가합니다:
.stdout {
font-size: 18px !important;
}
2. Block Convert
Ruby 코드를 작성하다 보면 do...end 형식과 { ... } 블록 형식을 서로 변환해야 할 때가 있습니다. 이럴 때 block-convert 패키지를 사용하면 수작업 없이 빠르게 처리할 수 있습니다.
패키지 설치 후 커서를 블록 내부에 위치시키고, 커맨드 팔레트(CTRL + ALT + P)를 연 다음 "converter"를 검색합니다. 그리고 "to do end" 또는 "to curly brackets" 중 원하는 옵션을 선택하면 됩니다.
실제 동작 화면입니다:
3. Toggle Quotes
toggle-quotes 패키지를 사용하면 작은따옴표와 큰따옴표 사이를 손쉽게 전환할 수 있습니다.
사용법도 매우 간단합니다. 변경하려는 따옴표 쌍 안에 커서를 놓고 CTRL + "(Mac에서는 CMD + ")를 누르기만 하면 됩니다.
4. Linter Ruby
린터(Linter)는 코드상의 오류를 짚어주는 도구입니다.
주로 문법 오류를 잡아주며, 기대만큼 마법 같은 기능까지는 아니지만 🙂 테스트를 실행하기 전에도 오류를 빠르게 발견할 수 있게 도와줍니다.
에디터에서 린팅 기능을 활성화하고 싶다면 linter-ruby 패키지를 설치하세요.
그 외 추천 패키지
- ruby-block — Ruby의 end 매칭을 시각적으로 표시해 줍니다.
- color-picker — 코드 내 색상 선택 도구를 제공합니다.
- Teletype — 페어 프로그래밍을 위한 공식 신규 패키지입니다.
알아두면 강력한 Atom 키보드 단축키
누구나 단축키를 좋아하죠!
제가 자주 사용하는 단축키들을 표로 정리했습니다:
| 단축키 | 설명 |
|---|---|
| CTRL + D | 멀티 셀렉션 (동일 단어 반복 선택) |
| CTRL + F | 현재 파일 내 검색 |
| CTRL + P | 프로젝트 내 파일 검색 (빠른 열기) |
| CTRL + B | 열려 있는 파일 간 전환 |
| CTRL + ALT + 7 | 선택한 코드 주석 처리/해제 |
| CTRL + UP / DOWN | 현재 줄 위/아래로 이동 |
| CTRL + Shift + K | 현재 줄 삭제 |
멀티 셀렉션 기능을 시연하는 GIF입니다:
더 많은 단축키가 궁금하다면 아래 링크를 확인해 보세요:
https://github.com/nwinkler/atom-keyboard-shortcuts
스니펫(Snippets)으로 코딩 속도 올리기
스니펫은 확장 가능한 코드 템플릿을 만들어 더 빠르게 코드를 작성할 수 있게 해주는 기능입니다.
예를 들어 def를 입력하고 Enter 키를 누르면 어떻게 될까요?
메서드 템플릿이 자동으로 생성되고, 커서가 메서드 이름 위치에 놓여 바로 타이핑을 시작할 수 있습니다.
이후 Tab 키를 누르면 커서가 메서드 본문 안으로 이동합니다.
꽤 유용하죠?
한 번 익숙해지면 코딩 내내 이 기능을 사용하게 될 겁니다.
유용한 내장 Ruby 스니펫 목록입니다:
| 스니펫 | 결과 |
|---|---|
| if | if / end |
| ife | if / else / end |
| def | def / end |
| defs | def self.name / end |
| deft | def test_ / end |
| cla | class / end |
| mod | module / end |
| ea | each { ... } |
| beg | begin / rescue / end |
| Hash | Hash.new { ... } |
| File | File.read |
| r | attr_reader |
| w | attr_writer |
| rw | attr_accessor |
ERB 전용 스니펫도 있습니다. 예를 들어 =는 <%= %>, -는 <% %>로 확장됩니다.
주의할 점은, 이 스니펫들이 동작하려면 파일 타입이 "Ruby"로 설정되어 있어야 한다는 것입니다. .rb 확장자의 파일을 편집 중이라면 자동으로 적용됩니다.
커스텀 스니펫 만들기
물론 자신만의 스니펫을 직접 만들 수도 있습니다.
커맨드 팔레트(CTRL + ALT + P)를 열고 "osni"를 입력한 후 Enter를 누르세요.
커스텀 스니펫을 정의할 수 있는 파일이 열립니다.
스니펫의 기본 구조는 다음과 같습니다:
".source.ruby":
"Initialize":
prefix: "init"
body: "def initialize\n\t$1\nend"
첫 번째 문자열은 해당 스니펫이 적용될 언어이고, 그 다음은 스니펫의 이름(자유롭게 지정)입니다. "prefix"는 스니펫을 트리거할 실제 단어이며, "body"는 삽입될 코드 템플릿입니다.
여러 개의 스니펫을 만들 때는 언어 부분(.source.ruby)을 반복하지 말고, 모든 스니펫을 그 아래에 들여쓰기하여 그룹화하면 됩니다.
$1에 주목하세요. 이것은 스니펫이 삽입된 후 커서가 위치할 자리를 의미합니다.
이런 커서 포인트는 하나 이상 설정할 수도 있습니다.
예시:
"test": 'prefix': 'test' 'body': 'def test_$1\n\t$2\nend'
Tab 키를 누를 때마다 커서가 $2, $3 순서로 이동합니다.
내장 스니펫으로 커버되지 않으면서 자주 입력해야 하는 코드가 무엇인지 생각해 보고, 그것에 맞는 커스텀 스니펫을 직접 만들어 보세요.
코드 자동 들여쓰기(Auto Indent) 활용법
작업을 하다 보면 들여쓰기가 엉망이 되는 경우가 종종 있는데, 일일이 손으로 고치려면 꽤 번거롭습니다...
다행히 Atom에는 Auto Indent(자동 들여쓰기) 기능이 내장되어 있습니다.
들여쓰기를 정리할 코드를 선택한 후, 커맨드 팔레트(CTRL + ALT + P)를 열고 "auto"를 검색하면 됩니다.
내장 Git 통합 기능
Atom은 버전 1.18부터 Git 통합 기능을 기본 포함하고 있습니다.
이 기능을 사용하려면 편집 중인 파일이 Git 저장소가 초기화된 프로젝트에 속해 있어야 합니다.
참고: 새 프로젝트의 경우 에디터 내부에서 바로 저장소를 초기화할 수도 있습니다.
그다음 화면 우측 하단을 보면 "3 files"처럼 변경된 파일 수가 표시됩니다.
해당 영역을 클릭하면 Git 패널이 열리고, 각 파일을 클릭하여 변경 사항을 확인할 수 있습니다.
또한 변경 사항을 스테이징한 뒤 커밋 메시지를 작성하고, 패널 하단의 "commit" 버튼을 눌러 변경 사항을 커밋할 수도 있습니다.
마무리
이번 글에서는 유용한 패키지 설치, 키보드 단축키 학습, 커스텀 스니펫 정의를 통해 Ruby 개발 생산성을 높이는 방법을 알아보았습니다!
도움이 되셨나요? 더 많은 사람들이 혜택을 볼 수 있도록 글을 공유해 주시는 것도 잊지 마세요 🙂