코딩ㆍ개발 정보/ATOM 검색 결과

해당 글 8건

ATOM 단축키

아톰 (Atom) 에디터 - 단축키 모음 "F11" : 전체 화면으로 본다, "ctrl-," : 아톰 에디터 설정 화면을 연다, "ctrl-shift-n" : 아톰 에디터를 새로 열고 새 창을 생성한다, "ctrl-shift-w" : 아톰 에디터를 닫는다, "ctrl-shift-o" : 새 프로젝트 폴더를 연다. "ctrl-o" : 파일을 연다, "ctrl-t" : 최근에 연 파일 목록을 보여준다, "ctrl-n" : 새 창을 생성한다, "ctrl-s" : 저장한다, "ctrl-shift-s" : 다른 이름으로 저장, "ctrl-w" : 창 닫기, "ctrl-z" : 실행 취소, "ctrl-y" : 재 실행, "ctrl-alt-i" : 개발 툴을 연다. "shift-delete" : 라인을 잘라낸다. 선..
코딩ㆍ개발 정보/ATOM 2020. 9. 19. 15:28

emmet 단축키 정리

1. 자식 : > - 자식 구조를 만들 때 사용 nav > ul > li 2. 형제 : + - 형제 구조를 만들 때 사용 h1 + p 3. 상위로 : ^ - 자식에서 다시 부로로 올라갈 때 사용 div > h1 + p ^ footer 4. 묶기 : () - 묶어서 곱하기 같은 것을 할 때 5. 곱하기: * - 여러개 반복할 때 ul > li * 5 > a ul > li > a*5 dl > (dt + dd) *5 6. 숫자 넣기 : $ - $ 갯수 만큼 자리수가 된다. - $$$ 는 세자리수 $$$$$ 는 다섯 자리수 ul > li.item$$*5 - $ 갈라져 있으면 갈라진 부분들에 각각 수가 놓인다. ul>(li.item$>a[#]{header $})*3 - 역순으로 하고 싶으면 $@- 로 한다. ul..
코딩ㆍ개발 정보/ATOM 2020. 9. 19. 12:59

브라켓의 실시간 미리 보기 처럼, atom에서 live server 설치 및 사용 방법

어도비사의 bracket에서 장점 중 한가지가 html 코딩할때 실시간 미리보기가 가능하다는 점이다. 물론 가끔 팅기는 경우도 있지만, 버그 없는 프로그램이 어디 있겠는가, 매번 open in browser할 필요 없이 변경 즉시 효과가 적용되니, 그 처럼 편한 것이 아니였다. atom에도 라이브 미리보기가 가능하다. 바로 atom-live-server 라는 패키지를 설치하면 된다. 1. atom-live-server 패키지 설치하기 - ⌘, 하여 Settings 창을 열고 Install을 클릭해서 live만 검색해도 상단에 atom-live-server가 표시된다. install을 클릭하여 설치한다. - 설치가 완료 되었으면 atom-live-server의 빈 공간을 클릭해서 패키지 상세 정보를 확인한..
코딩ㆍ개발 정보/ATOM 2020. 9. 18. 13:51

지정영역에 태그 및 속성 추가하기, atom-wrap-in-tag 설치하기 및 단축키 변경 방법

HTML 코딩을 하다 보면 영역 선택 후, 태그로 감싸야 할 경우가 종종 있다. 텍스트 본문의 일부 영역을 강조하기 위해 span으로 감싼다거나 em을 적용한다거나 할 때, 여는 위치 닫는 위치를 오가며 이중 작업하기는 편리하지 못하다. emmet에서 ctrl-alt-w 를 클릭하여 태그로 감쌀 수는 있지만 태그 외의 속성이나 클래스 등이 입력되면 태그로 감싸기가 중지된다. 이러한 부분 때문에 Atom-wrap-in-tag 라는 패키지를 설치하고 단축키 변경하는 방법에 대해서 기록해둔다. 1. Atom-wrap-in-tag 검색 및 설치 - ⌘, 클릭하여 Settings 접근 후 Install 클릭 wrap in tag 또는 wrap-in-tag 와 같이 키워드를 검색하고, sanusart의 atom-w..
코딩ㆍ개발 정보/ATOM 2020. 9. 18. 13:25

Edit > Lines > Auto Indent 에 단축키 지정하기 + ATOM 기존 단축키 확인하기

태그를 작성하다 보면, 태그를 정리해야 할 필요가 있다. 일반적으로 사용하지는 않는 것 같다. 그러니 ATOM 기본 EDIT 메뉴에 Lines > Auto Indent 메뉴는 있지만, 단축키가 없다. 1. ATOM 현재 설정 단축키 확인하는 방법 - ATOM > Preferences 를 클릭해서 Settings 창을 열거나, ⌘, 를 클릭하여, Settings 창을 열어 봅니다. - Keybindings 를 클릭하고 알고있는 단축키(ctrl-alt 와 같이), 명령어, 등 화면상의 내용을 입력해 봅니다. - 키 내용을 복사 하려면 KeyStroke 의 명령어 옆에 있는 복/붙 아이콘을 클릭하여 저장한다. - your keymap file 부분을 클릭하면 사용자 키 설정으로 연결된다. - keymap fi..
코딩ㆍ개발 정보/ATOM 2020. 9. 18. 12:39