라벨이 Atom인 게시물 표시

Atom 아톰 Column Selection 컬럼 선택 팩키지

서브라임 텍스트 기능중에 마우스 휠 이나, Alt 키를 누른 상태에서 마우스로 긁으면 특정 세로줄만 선택이 되는 기능이 있는데 아톰은 팩키지를 설치해야 한다. File > Settings > Install > column selection 으로 검색하여 맨 위에 나오는것을 설치 https://atom.io/packages/sublime-style-column-selection

Atom 아톰 pigments 색깔 팩키지

CSS 파일이나 LESS 파일을 수정하다 보면 적고있는 HTML 컬러코드가 어떤색인지 궁금할때가 있다. RGB 컬러 코드도 마찬가지로 그러하다. 그럴때 매우 쓸모있는 팩키지이다. 적고있는 글자의 배경색을 해당 컬러코드로 색칠을 해준다. 그런데 아톰이 좀 많이 느려지는 단점이 있다. https://atom.io/packages/pigments

Atom 아톰 minimap 미니맵 팩키지

서브라임 텍스트를 쓰다보면 소스가 길 경우, 우측에 미니맵이 나오는데, 아톰에도 같은 기능을 하는 팩키지가 있다. File > Settings > Install > minimap 으로 검색하여 맨 위에 나오는걸 설치하면 된다. https://atom.io/packages/minimap

Atom 아톰 highlight selected 팩키지

소스에서 변수 같은걸 더블 클릭했을때, 선택한 변수가 모두 같은 색깔로 표시가 되는 기능은 아톰에서 팩키지 설치를 해야한다. File > Settings > Install > highlist selected 검색하면 나오는 맨 위에 것을 인스톨 하면 된다. https://atom.io/packages/highlight-selected

Atom 아톰 Tab space 탭 스페이스 공백 설정

이미지
아톰을 쓰면서, 조금 불편한점이 있다면 바로~ 탭 스페이스 공백 설정이 기본 2자리 라는것이다. 다른 에디터에서는 탭 공백이 4자리인데, 아톰은 default 2자리 이다. 서브라임 텍스트 : Preferences > Settings - Default > 47 line 아톰 : file > Settings > Editor > Tab Length 에디트 플러스 : 도구 > 기본설정 > 파일 > 설정 & 구문강조 > 파일종류 > 탭/들여쓰기 예전부터 개발시 탭 공백 4자리가 기본이었지만 웹 개발은 유달리 탭 공백이 2자리로 바뀌었다고 한다. 언제부터인가? 이유도 잘 모르겠다. 컴공 개발 프로그래머를 주제로 하는 미국 드라마 'Silicon Valley(실리콘 밸리)'에 탭 스페이스 공백 에피소드가 있다. (시즌3 에피소드6) 탭 스페이스 공백 별거 아닌거 같지만, 개발자에겐 매우 심각한 문제다. 웹은 2자리, 어플은 4자리.. 솔직히 통일했으면 좋겠다.. 왜 웹만 2자리인가?

Atom 마우스 오른쪽 컨텍스트 메뉴 삭제 방법

이미지
아톰을 설치하면 바탕화면이나 탐색기에 마우스 오른쪽 버튼을 클릭하면 나오는 컨텍스트 메뉴에서 Open with Atom 항목이 자동 추가 된다. 하지만, 업데이트를 하면서 아이콘이 깨지거나 작동을 하지 않는 경우가 있는데, 사실 별로 쓰지 않는 기능이라 삭제하는 편이 낫다. Open with Atom 을 삭제하려면 시작 > 실행 > regedit HKEY_CLASSES_ROOT*\shell HKEY_CLASSES_ROOT\Directory\shell HKEY_CLASSES_ROOT\Directory\Background\shell 세군데에서 Atom 을 찾아 삭제하면 된다.

서브라임텍스트 버리고, 아톰으로 갈아탐. FTP 설정하기

이미지
서브라임 텍스트가 3096에서 3103으로 업데이트 되면서, 라이센스가 사라져버렸음. UNREGISTERED 로 써도 크게 불편한건 없지만 (간혹 등록 권유창이 뜸) 70달러를 내고 쓰기엔 돈값에 비해 너무 불편함 (가볍긴 하지만) 그래서, 적절한 무료 에디터를 찾던중 요즘 뜨고 있다는 Github 에서 만든  ATOM(아톰)을 쓰기로 결정 https://atom.io/ 에서 다운로드 후 설치를 완료. FTP 를 설치하기 위해서 File > Settings 셋팅화면에서 Install 을 선택 후 ftp 로 검색을 하면 Remote-FTP 를 Install 설치가 완료되면, Package > Remote-FTP 가 생김 Create FTP config file 을 선택하면, .ftpconfig 파일이 생성되는데, FTP 접속 정보를 입력하고 저장. Toggle 선택하면 FTP 익스플로러가 열리고, 해당 FTP 로 접속됨.