VSC(visual studio code) 단축기 10가지
유튜브를 보고 공부한 VSC(visual studio code)의 단축키를 활용하여 더 편리하게 코딩하기 위해 기록한다.
VSC(visual studio code)의 단축키에 대해 알아보자. VSC(visual studio code) 단축키 코드는 윈도우즈(Windows), 맥(Mac), 리눅스(Linux)에서 사용 가능하다. 이 문장에서 윈도우즈(Windows), 맥(Mac), 리눅스(Linux)는 각각 운영체제 소프트웨어 중 하나이다. Visual Studio Code 줄여서 VSC는 마이크로소프트가 만든 텍스트 에디터이다.
또한 VSC(visual studio code)는 오픈 소스이고 타입스크립트로 만들어졌다. 또한 VSC(visual studio code)는 최근 프로그래밍 세상에서 가장 핫한 텍스트 에디터이다.
1. CTRL + D 혹은 ⌘ + D
CTRL + D나 ⌘ + D는 자주 반복되어 사용되는 코드를 가져다가 한번에 수정이 가능한 단축키이다.
수정하고자 하는 코드를 CTRL + D나 ⌘ + D를 눌러주면 VSC(visual studio code)에서 자동으로 선택해주고 커서가 깜박일 것이다. 이렇게 선택된 코드를 지우거나 수정할 수 있다.
2. Alt + Click 혹은 ⌥ + Click
Alt + Click나 ⌥ + Click. 즉 Alt나 ⌥을 누르고 마우스로 코드를 클릭해주면 누르는 곳마다 코드에 커서가 생겨난다. 이를 통해 한방에 코드를 수정할 수 있다. 수정한 후에는 esc를 누르면 원래 있던 코드의 위치로 커서가 이동한다.
3. Alt + 위, 아래 키( ↑ / ↓ ) 혹은 ⌥ + 위, 아래 키( ↑ / ↓ )
Alt + 위, 아래 키( ↑ / ↓ )나 ⌥ + 위, 아래 키( ↑ / ↓ )는 원하는 코드를 커서로 드래그하고 Alt + 위, 아래 키( ↑ / ↓ )나 ⌥ + 위, 아래 키( ↑ / ↓ )을 누르면 위나 아래로 움직여 위치를 바꿔준다. 이렇게 Alt + 위, 아래 키( ↑ / ↓ )나 ⌥ + 위, 아래 키( ↑ / ↓ )를 눌러 사용하면 복사, 붙여넣기를 할 필요가 없다. 단축키를 누르고 위나 아래로 오르락, 내리락하여 수정하면 되기 때문이다.
4. Alt + Shift + 위, 아래 키( ↑ / ↓ ) 혹은 ⌥ + Shift + 위, 아래 키( ↑ / ↓ )
Alt + Shift + 위, 아래 키( ↑ / ↓ )나 ⌥ + Shift + 위, 아래 키( ↑ / ↓ )는 원하는 코드를 드래그 후, Alt + Shift나 ⌥ + Shift를 누르게 되면 복사가 된다. 이 복사된 코드를 위, 아래 키( ↑ / ↓ )를 활용하여 사용한다. 위, 아래 키( ↑ / ↓ )를 사용하면 위나 아래로 드래그한 코드가 붙여넣기가 된다.
Alt + Shift + 위, 아래 키( ↑ / ↓ ) 혹은 ⌥ + Shift + 위, 아래 키( ↑ / ↓ ) 단축기는 HTML이나 React를 사용할 때 활용하면 유용하며 계속 같은 코드를 복사 붙여넣기 해야 할 때, 사용하면 편리하다.
5. Ctrl + / 혹은 ⌘ + /
VSC(visual studio code)는 현재 작업하고 있는 코딩 언어가 무엇인지 파악하고 해당 언어 문법에 맞춰 코멘트 처리를 자동으로 해준다!
이 때, VSC(visual studio code)에 나오는 흑백 형태의 추천 코드를 Ctrl + / 혹은 ⌘ + / 단축키가 코드 블록을 한방에 코멘트 처리해준다.
6. Alt + Shift + i 혹은 ⌥ + Shift + i
Alt + Shift + i 혹은 ⌥ + Shift + i는 마우스로 드래그해서 선택하는 영역에 줄마다 커서를 만들어준다. 이렇게 Alt + Shift + i 혹은 ⌥ + Shift + i를 사용하면 선택된 영역에 커서가 쫙 생기게 된다. 덕분에 한꺼번에 코드를 수정할 수 있다.
7. Alt + Shift + 드래그 혹은 ⌥ + Shift + 드래그
Alt + Shift + 드래그 혹은 ⌥ + Shift + 드래그는 Alt + Shift + i 혹은 ⌥ + Shift + i 단축기와 비슷한데 는 마우스로 드래그하여 선택된 영역을 기준으로 하는기가 아니라 마우스가 어디있는지가 기준이 된다. 즉, 마우스가 가는 곳마다 커서가 생기게 된다. Alt + Shift + 드래그 혹은 ⌥ + Shift + 드래그 단축기는 코드 라인이 각각 길이가 다른 경우 유용하며 한꺼번에 선택하고 싶을 때 편리하다.
8. ⌘ + 위, 아래 키( ↑ / ↓ )
⌘ + 위, 아래 키( ↑ / ↓ )는 코드의 맨 위로 한방에 올라가고 싶을 때 사용하는 단축기이다. ⌘ + 위, 아래 키( ↑ / ↓ )는 뭔가를 import 하고 싶을 때 유용하다.
9. Ctrl + HOME / END 키
코드 맨 밑 줄로 내려가고 싶을 때사용하는 단축키이다.
10. Ctrl + B 혹은 ⌘ + B
Ctrl + B 혹은 ⌘ + B는 VSC(visual studio code)을 사용할 때 왼쪽에 있는 사이드바를 숨기거나 나타나게 하고 싶을 때 사용하는 코드이다.
이외에 여러 가지 VSC(visual studio code)에 단축키가 있는데 VSC(visual studio code)의 단축기를 확인하고 더 공부하고 싶다면 VSC(visual studio code)에서 파일(file)에 들어가서 preferences에 들어가서 Keyboard Shortcuts에 들어가면 확인할 수 있다.
출처 : 유튜브 - 노마드 코더 : 코딩 인생 꿀템 VSC 단축키 5분 정리해드림
사진 출처 : https://namu.wiki/w/Visual%20Studio%20Code
