[VSCode] 초보자를 위한 VSCode 단축키 가이드: 빠르고 효율적인 개발을 위해

VSCode는 Microsoft에서 개발한 가벼우면서 강력한 오픈 소스 코드 편집기로, 다양한 플랫폼에서 널리 사용되고 있습니다. 이 글에서는 VSCode의 핵심 기능 중 하나인 단축키 설정하는 방법에 대해 다뤄보려고 합니다.

 

 

사용자 정의 단축키 설정하기

단축키는 작업을 빠르게 수행하고 생산성을 향상하는 데 중요한 역할을 합니다. 키보드 조작을 통해 마우스로 수행하는 작업보다 훨씬 효율적이며, VSCode에서는 다양한 기능에 대한 단축키를 제공하여 개발자의 작업 효율을 높일 수 있습니다. 사용자가 정의하는 단축키 설정 방법에 대해서 알아보겠습니다.

설정 > 바로 가기 키

왼쪽 하단에 설정 아이콘 > 바로 가기 키 클릭하세요.

 

설정 > 바로 가기 키

 

 

 

키 바인딩 리스트 창이 띄어집니다. 각 키 또는 키 조합에 할당된 작업 또는 명령의 리스트입니다. 이 목록을 통해 사용자는 프로그램에서 사용 가능한 단축키를 확인하고 원하는 작업에 해당하는 키를 설정할 수 있습니다. 

 

키 바인딩 목록

 

 

 

이미 할당된 단축키를 사용자 정의로 변경할 수도 있습니다. 해당 단축키를 더블 클릭하여 원하는 단축키로 변경해 보세요.

아래 소개할 단축키는 제가 VSCode를 설정할 때 항상 추가하는 유용한 단축키입니다. 

balaceOut으로 검색해 보세요. 그리고 원하는 키를 조합하여 설정해 줍니다.

 

단축키 설정하기

 

 

 

이 단축키는 선택한 태그 안의 내용만을 선택할 수 있게 해 줍니다. 특히 텍스트만 선택하고 싶을 때, 너무 유용합니다. 

 

예시 코드

 

 

 

 

이렇게 하면 사용자 정의 단축키를 설정할 수 있습니다. 원하는 기능에 맞게 단축키를 설정하여 작업 효율을 높여보세요!

 

 

 

 

[firebase] 구글 Firebase로 무료 웹호스팅하는 방법에 대해서 알아보자

[Webpack] webpack.config.js, 웹팩 주요 속성 5가지(entry/output/loader/plugins/mode)

[AI] 클로바 더빙(CLOVA Dubbing으로 전문가처럼 더빙하기 : 초보자 튜토리얼

[CSS] 마크업(markup)할 때, img vs background-image 선택하는 기준은?

[Git] Git 리베이스: 작업 브랜치의 변경 사항을 최신 상태로 유지하는 방법