신기한 웹 세상

Category

Atom

아톰(Atom) 트리뷰(Tree View)에 파일 자동 포커스가기

사이드바(tree view)에 파일 자동 선택하기가 생소할 수 있지만 설명을 들으면 ‘아 그거~’ 할 수 있겠다. 아톰에서 화면 탭을 선택했을 경우 트리뷰에서도 자동적으로 선택해주는 것을 말한다. ‘기존에 되었던 것 아니야?’라고 할 수 있겠지만 사용자가 찾아서 선택하지 않으면 되지 않았던 부분이다. 처음부터… Continue Reading →

아톰(Atom) Welcome 화면 비활성화하기!

아톰을 실행할 때마다 그리고 새 창을 띄울 때 마다 Welcome Guide 창이 열려서 번거로워서 구글링을 해보았다. ctrl+,를 Settings 화면에 들어가는 방법 및 File » Settings..선택해서 들어갈 수 있다. Packages에서 Welcome을 검색해서 아래의 이미지 처럼 나올 것이다. 1. 비활성화(disabled)를 한다. 2…. Continue Reading →

아톰(Atom) 패키지 Layout 나눠보자

서브라임 텍스트에서는 기본적으로 레이아웃을 나눌 수 있었다. 단축키는 이미지에 나와있는거처럼 가능하다. 이렇게 하려면 아톰은 패키지를 이용해야 하는거 같아서 구글링을 검색을 해봤다. 아톰에서는 Pane Layout Package를 설치하면 비슷하게 사용가능하다.

아톰(Atom) 패키지 감싸는 태그! atom wrap in tag

Sublime Text에서는 기본 기능이였던 감싸는 태그가 아톰에서는 패키지를 설치를 해야한다. Sublime Text에서 단축키는 Ctrl+Shift+Enter이다. Atom wrap in tag 설치 ※ 필자는 윈도우 환경이라 항상 윈도우만 설명합니다. Ctrl+, (comma)를 눌러 세팅(Settings)메뉴가 나온다. 아래 이미지처럼 메뉴를 눌러서 들어가도 된다. 기본 단축키는 alt+shift+w이다…. Continue Reading →

아톰(Atom) Snippets 코드 만드는 방법

Snippets은 정기적으로 사용되는 코드 덩어리로 프로그램 파일에 빠르게 삽입할 수 있다. 유용하고 Atom 텍스트 편집기의 핵심 기능이다. 아톰 패키지와 언어 문법은 종종 미리 정의된 snippets함께 정의 된다. img입력 한 후 Enter을 치면 다음 코드가 나타난다. <img src=”” alt=”” /> 커서는… Continue Reading →

Atom(아톰) Vertical Motion 패키지

아톰 에디터는 커서 좌/우 키는 있지만 상/하 이동 키가 없다. 이것은 Sublime Text와 동일하다. Sublime Text에서는 Horizontal Scroll를 설치를 하여 사용했었다. Sublime Text에서는 바로 키맵을 바꿀 수가 있었다. 서브라임 텍스트에서는 아래와 같이 설정해서 썼었다. [ { “keys”: [“alt+down”], “command”: “scroll_width”,… Continue Reading →

Atom(아톰) Git-Plus 패키지 사용하기

Atom(아톰)을 사용하기전에는 Source Tree App를 이용해서 형성관리를 했었다. Sublime Text를 사용할 때에는 플러그인들이 있었지만 딱히 만족한 것들이 없어서 소스트리를 이용했던 것이다. Atom(아톰)에서 git plus를 이용하면 소스트리 사용을 안할 수 있다. Git plus 소스트리를 이용 안하고 git 주소 clone을 하고 싶다면… Continue Reading →

Atom(아톰) 에디터의 가운데 선 제거 하기

에디터를 살표보면 가운데든 구석이든… 위에서 아래까지 쭉 그어진 라인이 보인다. 코딩을 할 때마다 거슬려서 구글링을 해보았다. 메뉴에서 File -> Stylesheet를 선택하면 된다. 선택해서 styles.less 화면이 나오면 아래 코드를 작성하면 된다. // 가운데 줄 제거 atom-text-editor::shadow { .wrap-guide { visibility:hidden; }… Continue Reading →

Atom(아톰) 자동 줄 바꾸는 방법

아톰을 처음 사용하다보면은 엔터를 쳤을 때 해당 {}안으로 들어가야하는데 1컬럼으로 갈 것이다. 그러면 탭키로 다시 안쪽으로 와야하는데 이것이 많이 불편하다. 방법은 다음과 같다. Files -> Settings단축키는 ctrl + , 세팅화면으로 들어간다. Settings화면 왼쪽에 core, editor가 있을껀데 editor 탭을 선택 후… Continue Reading →

Atom sync settings 아톰 동기화 설정 파일 백업!

Atom의 소개 및 설치방법 그리고 패키지 안내는 이전 포스트에서 다뤘다. 아톰의 다른 패키지를 보고 싶다면 아래 링크로 가면 된다. 아톰 유용한 패키지 리스트 보러가기 이 글에서는 sync-setting 패키지에서만 다룰 것이다. 설치 요약: 단축키 Ctrl+,를 눌러서 Settings에 들어간다. Install 탭을 눌러서… Continue Reading →

Atom(아톰) 설치 및 유용한 패키지 리스트! (윈도우 버전)

소개하기 Github에서 공개한 텍스트 편집기이다. 무료이면서 개인적으로 필요한 기능들에 대해 추가적으로 제작도 가능하며, 이를 패키지로 배포하여 서로 공유할 수 있다. 아톰에서 만든 짧은 소개 영상은 아래에서 볼 수 있다. (자막 有) 장점 오픈소스로 관리, 100% 무료 Git 연동이 기본으로 들어있다…. Continue Reading →


© 2017 신기한 웹 세상

Up ↑