CSS HTML5/퍼블리싱 팁

coda 단축키

웹디자이너 Kang Ji Yeon 2016. 11. 9. 20:37
반응형

part 1 preview

기존에 사용하던 에디터를 버리고 새로운 에디터를 사용하려 할 때 가장 큰 진입장벽은 아마도 단축키 문제라 생각합니다. 우선 Coda Tips – part 1 에서는 Coda 만의 특유하고 다소 혼동할 수 있는 단축키들을 정리해보겠습니다.

아시다시피 아래는 맥의 기본키 심볼입니다.

  • ⌘ -  command
  • ⌥ – option / alt
  • ⇧ – shift
  • ^ – control
  • ⌫ – delete

1. General

  1. ⌘1 .. ⌘6  : 1~6부터 순서대로 모드를 전환합니다. Sites / Editor / Preview / CSS / Terminal / Books
  2. ⌥⌘G : 입력한 폴더로 이동합니다. 파인더의 기능과 같습니다.
  3. ^⌘L / ^⌥⌘L : 에디터를 수평/수직으로 나눕니다.
  4. ⇧⌘C : Color 창을 보여줍니다.

2. File

  1. ⇧⌘N : 새로운 폴더 만들기
  2. ⌥⌘N : 파일브라우저에 새로운 파일 만들기
  3. ⌘N or ⌘ T :  탭으로 새 파일 만들기 ; 새파일은 환경설정 > Editor > Default File type 설정에 따라 생성됩니다.
  4. ⌘O : 열기
  5. ⌘W  : 파일 닫기
  6. ⌘I : 파일 정보
  7. ⇧⌘S : 다른 이름으로 저장

3. Edit

  1. ⌥⌘↑ or ⌥⌘↓ : 라인을 복사합니다. 이클립스의 Copy Line 기능과 같습니다. 1.7버전부터 사용할 수 있습니다.
  2. ⌘B : 밸런스(Select Enclosing block) ; 코드블럭 안에 있는 텍스트를 선택해줍니다. 함수가 길 경우 유용하지요.
  3. ⌘← , ⌘→ : 라인의 첫번째,마지막으로 이동
  4. ⌘↑ , ⌘↓:  파일의 처음으로 이동 (home), 마지막으로 이동 (end)
  5. ⇧⌘D / ⌘D : 심볼(객체나 함수 이름 같은)을 찾아 이전/다음으로 이동합니다.
  6. ⇧⌘L : 입력한 라인번호로 이동
  7. ⇧⌘B / ⌥ + 선택 : Blockedit 를 선택합니다. 여러 라인을 한꺼번에 수정할 때 유용합니다.
  8. ⌥⌘. : html 태그를 닫습니다.
  9. ⌘[ / ⌘] : 들여쓰기를 넣거나 뺍니다. 여러 라인을 선택한 다음에도 사용할 수 있습니다.
  10. ⌥⌘I : Invisible Characters 을 보이거나 감춥니다.
  11. ⌥⌘L : 라인 번호를 보이거나 감춥니다.
  12. ⌥⌘V : html 파일의 유효성 검사를 합니다.
  13. ⌘- / ⌘+ : 폰트 크기를 줄이거나 키웁니다.
  14. ⌘/ : 선택한 부분을 주석으로 감쌉니다.

4. Find / Replace

  1. ⌘F : 현재 문서에서 텍스트를 찾습니다.
  2. ^⌘F : 열려진 파일 내에서 텍스트를 찾습니다.
  3. ⌘E / ⌥⌘E : 선택한 텍스트를 find / repace 입력란에 놓습니다.
  4. ⌘G / ⇧⌘G : 찾기 / 이전 찾기
  5. ^⌘G : Find – Replace 후 다음 Find로 커서를 이동합니다.
  6. ⇧⌘F : Find Banner를 감춥니다.
  7. ⌥⌘F : Searchbar로 커서를 이동합니다.


반응형

'CSS HTML5 > 퍼블리싱 팁' 카테고리의 다른 글

드롭다운메뉴 참고  (0) 2018.03.21
레이아웃 가변형  (0) 2016.11.09
테이블 cellspacing="0" 대신 할 css  (0) 2016.11.09
윤앤정 활용소스  (0) 2016.11.09
카테고리 슬라이딩  (0) 2016.11.09