텍스트 편집 팁 및 요령 정리

게시 됨: 2022-03-10

빠른 요약 ↬ Smashing Community에 텍스트 및 코드 편집 시 가장 좋아하는 팁과 요령을 물어봤습니다. 많은 훌륭한 제안이 있으므로 유용한 책갈피에 추가할 수 있도록 하나의 기사로 모두 수집하기로 결정했습니다. 시간을 내어 응답하고 최고의 도구와 기술을 공유해 주신 모든 분들께 감사드립니다. 진심으로 감사드립니다!

우리는 Smashing Community에게 가장 좋아하는 텍스트 편집 트릭, 바로 가기 및 시간을 절약해 주는 기능에 대해 질문했습니다. 다음은 우리가 발견한 매우 유용한 정보와 유용할 수 있는 몇 가지 다른 제안 사항입니다.

즐겨찾는 키보드 단축키

많은 사람들이 좋아하는 키보드 단축키를 가지고 있습니다. 대부분의 경우 사용 중인 도구와 유사한 바로 가기를 찾을 수 있지만 이들 중 일부는 편집기 또는 운영 체제에 따라 다릅니다. 아래 커뮤니티에서 몇 가지를 모았습니다.

Ste Graner는 이동 및 선택 단축키에 대한 팁을 공유했습니다.

많은 사람들이 모르는 기본 이동/선택 단축키:

Cmd + 화살표 키 를 누르고 있으면 줄의 시작/끝 또는 문서의 위/아래로 이동합니다.

Opt + 화살표 키 를 누른 상태에서 단어를 가로로 이동하고 차단하려면 세로로 차단합니다.

이 작업을 수행하는 동안 Shift를 선택합니다.

조 프랭크로부터:

현재 선택 항목(VSCode에서 Ctrl + SHIFT + L )을 모두 선택하고 Ctrl + D 로 설정한 줄/선택 항목을 복제합니다.

Loris Gillet은 이리저리 이동하거나 텍스트를 삭제할 수 있는 몇 가지 즐겨찾는 단축키를 공유했습니다.

⌥ + 앞으로/뒤로 화살표 를 사용하면 다음 문자 대신 다음 단어로 이동할 수 있습니다.
⌥ + 위/아래 화살표 를 사용하면 단락의 시작/끝으로 이동할 수 있습니다.
⌥ + 백스페이스 는 글자 단위로 삭제하는 대신 전체 단어를 삭제합니다.

제안된 많은 팁은 웹 개발자가 가장 자주 사용하는 편집자를 위한 팁입니다. 또한 Maher Nabeel로부터 Android Studio에 대한 제안을 받았습니다.

Android 스튜디오에서:
Ctrl + D — 라인 복제
Ctrl + Y — 줄 삭제
Ctrl + W — 블록 선택
Ctrl + O — 메서드 재정의
Ctrl + ALT + L — 코드 재포맷

점프 후 더! 아래에서 계속 읽기 ↓

에디터 바로가기 치트시트

이미 게시된 팁에서 알 수 있듯이 편집기의 키보드 단축키를 배우는 것은 많은 시간을 절약합니다. 편집기에서 사용할 수 있는 것이 무엇인지 항상 살펴볼 가치가 있습니다. 이러한 단축키 중 몇 가지만 배우면 하루 종일 코드를 작성하는 과정에서 많은 입력을 절약할 수 있기 때문입니다.

Twitter에서 Tobin Saunders는 Atom의 자세한 단축키 목록인 Atom Editor Cheat Sheet를 추천했습니다. 또한 자주 사용하는 다른 편집기에서 사용할 수 있는 기능도 살펴보았습니다.

비주얼 스튜디오 코드

VS Code 웹사이트에는 PDF 형식으로 다운로드할 수 있는 치트시트가 많이 있습니다. 치트시트를 책상에 인쇄해 두는 것이 유용할 경우

창
맥
리눅스

Joel Reis는 Sublime Text, Atom, Vim 또는 Visual Studio에서 VS Code로 전환하는 경우 키맵 확장을 다운로드할 수 있다고 말했습니다. 즉, 이전 편집기의 키보드 단축키를 유지할 수 있습니다. 이 팁은 올해 초 Smashing Magazine에서 Burke Holland가 "Visual Studio Code Can Do That?"이라는 기사에서 VS Code가 할 수 있다는 사실에 놀랄 수 있는 몇 가지 사항을 공유했을 때 언급되었습니다.

숭고한 텍스트

여기에서 Windows, Mac 및 Linux용 Sublime Text 3 바로 가기를 선택할 수 있습니다.

우리는 또한 Jai Panda가 그가 가장 좋아하는 Sublime Text Tips and Tricks를 공유하는 Smashing Magazine에 대한 기사를 가지고 있습니다.

환경 사용자 정의

키보드와 기본 컴퓨터 설정은 코드 입력보다 텍스트 입력에 더 적합하도록 설계되었습니다. 일부 댓글 작성자는 가장 자주 입력해야 하는 항목을 더 빠르게 입력하기 위해 기본값을 변경했습니다.

Alex Semenikhine은 다음과 같이 제안했습니다.

Shift 키를 누른 상태에서 버튼을 눌러야 하는 횟수를 최소화합니다. 내가 9 ( 0 을 사용하는 것보다 훨씬 더 자주 대괄호 ( ( ) )를 만드는 경우, 이를 반영 하도록 9 를 사용자 정의합니다.

Paul van den Tool은 커서가 "화살표를 사용할 때 화면을 가로질러 날아가도록" '키 반복' 및 '반복까지 지연'을 가장 높은 설정으로 설정합니다.

Jaron Barends는 " Alt +를 만들었습니다 . 현재 줄 끝에 세미콜론을 삽입하는 바로 가기로."

에밋 사용하기

많은 사람들이 Emmet의 텍스트 확장 시스템을 언급했습니다. 많은 HTML과 CSS를 손으로 코딩한다면 Emmet을 사용하면 입력 시간을 크게 절약할 수 있습니다. HTML을 작성할 때 Emmet 약어는 CSS를 이해하는 누구에게나 친숙할 것입니다. 예를 들어, div 요소 안에 순서 없는 목록을 만들고 싶다면 다음을 사용할 수 있습니다.

 div>ul>li

그러면 다음과 같이 바뀝니다.

 <div> <ul> <li></li> </ul> </div>

약어는 정확히 CSS에서 li 를 선택하는 선택기입니다. 직계 자식으로 ul 이 있고 ul 의 직계 자식으로 li 가 있는 div . 더 많은 예를 보려면 Emmet Cheat Sheet를 살펴보십시오.

Emmet은 VS Code에 내장되어 있으며 다른 많은 편집기를 위한 플러그인으로 사용할 수 있습니다.

클립보드 관리자 사용

Erik Verbeek은 기록에서 복사된 코드를 가져올 수 있도록 클립보드 관리자를 사용할 것을 제안합니다. 그는 슬프게도 단종된 OS X용 ClipMenu를 사용할 것을 제안합니다.

유사한 도구는 다음과 같습니다.

MacOS용 CopyClip
MacOS용 PasteBot
Windows용도 마찬가지
1클립보드 Windows 및 MacOS(현재 베타 버전)

많은 편집기에는 편집기 내에서 복사 및 붙여넣기 작업에 대한 클립보드 기록도 포함되어 있습니다. Twitter에서 @codevoodoo는 Webstorm에 이러한 기능이 있다고 언급했습니다. VS Code용 Clipboard History 확장과 Atom용 패키지가 있습니다. Sublime Text에는 이 기능이 내장되어 있습니다. Sublime Text Clipboard History에 대한 이 튜토리얼에서 설명합니다.

의견에 제안 추가

우리가 매일 사용하는 도구의 생산성을 향상시키는 방법은 무수히 많으며, 이를 완전히 간과하는 것도 매우 쉽습니다. 이 제안들 중에 시도해볼 만한 것이 있기를 바랍니다. 또는 편집자 및 기타 도구에 대한 문서를 좀 더 자세히 알아보라는 메시지가 표시될 수도 있습니다. 나는 확실히 그렇게 하도록 영감을 받았습니다.

트윗을 놓쳤고 공유할 훌륭한 팁이 있다면 댓글에 추가하세요. 우리는 그들의 의견을 듣고 싶습니다!

텍스트 편집 팁 및 요령 정리

즐겨찾는 키보드 단축키

에디터 바로가기 치트시트

비주얼 스튜디오 코드

숭고한 텍스트

환경 사용자 정의

에밋 사용하기

클립보드 관리자 사용

추천 도구 모음

정력

더 예쁘다

오토핫키

Pandoc으로 텍스트 형식 변환하기

TextExpander 및 Typinator

텍스트 와셔

의견에 제안 추가