Vscode 다중선택 맥 - vscode dajungseontaeg maeg

728x90

반응형

Vscode 다중선택 맥 - vscode dajungseontaeg maeg

 

평소에 이고잉님의 생활코딩을 통해 ATOM 에디터를 쓰다가,

 

비주얼 스튜디오 코드로 갈아탔다.

 

이유는... 흠 아직 코린이라 잘 모르지만, 많이들 사용하는 것 같고,

 

뭔가 더 있어보이는?? 그렇다. 말도 안되는 이유이다.

 

뭐.. 많이들 쓰는 이유가 있겠지..

 

아무튼 쓸데없는 이야기는 나중에 하고, 여러 코드를 작성하면서,

 

비슷한 단어나 여러 문구를 한 번에 수정하는 법이 있다.

 

뭐.. 그냥 복붙 여러번하면 안되냐 일 수도 있는데,

 

특정 부위만을 바꿀 수도 있고,

 

페이지에서 사용된 모든 코드들을 한 번에 바꿀 수도 있는 능력을 가지고 있다.

 

Ctrl + Shift + L 버튼이다.

 

일단 수정하려는 단어를 드래그해서 선택하고,

 

이 버튼을 누르면, 선택한 단어와 같은 모든 단어가 동시에 선택이 된다.

 

이 때 입력을 하게 되면, 동시에 모든 단어가 변경이 된다.

 

정말 유용한 기능이다.

 

Vscode 다중선택 맥 - vscode dajungseontaeg maeg

 

그리고 한가지 더!!

 

Ctrl + D 기능이다.

 

이 기능은 위에 기능이 모두 선택이라면,

 

이 단축키는 낱개 선택이 가능하다.

 

한 마디로,

 

한 번에 같은 단어로 수정이 가능한 것은 똑같지만,

 

한 번 Ctrl + D를 누를 때마다,

 

1개, 2개, 3개... 등등 원하는 갯수만

 

수정이 가능하다.

 

Vscode 다중선택 맥 - vscode dajungseontaeg maeg

이런식으로 동시에 수정이 가능하다.

 

 

도움이 되었길 희망한다.

 

 

728x90

반응형

공유하기

게시글 관리

구독하기달달한 스토리

저작자표시

요즘은 비주얼 스튜디오 코드를 자주 열어볼 일은 없습니다. 하지만 제가 사용하는 IDE 뿐만 아니라 다른 에디터에 비해서 다중 커서 선택 기능이 좋아서 가끔 사용합니다. 반복적인 노가다를 하기에는 이만한 도구가 없습니다. 물론 좀 복잡한 기능의 경우 파이썬이나 스크립트로 코딩을 해야 하지만 단순한 구조라면 직접 선택해서 수정 조합하는 편이 훨씬 간편합니다.

 

VSCode 에디터는 세로로 여러 줄을 선택해 한번에 입력 및 수정이 가능합니다. 키보드 뿐만 아니라 마우스로도 해당 기능을 지원합니다. 조금 응용을 해서 선택 후 Ctrl 키나 Alt 키의 조합으로 좀 더 다양한 수정 편집이 가능하죠.

 

다음과 같은 문자열이 있다고 가정하겠습니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg
VS Code 에디터

 

 

 키보드로 선택하기 Ctrl + Alt + 위아래 방향키 

 

 

 1. Ctrl 과 Alt 키를 누른 상태에서 키보드 방향키로 다중 선택이 가능합니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg
멀티 커서 활성화

 

 2. 선택된 뒤에 커서 이동은 물론 텍스트 입력이 가능합니다. 다음과 같이 okokok 라고 입력하면 동시에 여러 줄의 텍스트가 편집됩니다. 데이터 입력 노가다에서 매우 탁월한 성능을 발휘합니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg
멀티 셀렉트 입력하기

 

 

 3. 만약 Ctrl 키를 누르고 좌우 방향키를 누르면 단어 기준으로 선택이됩니다. 이를 잘 활용하면 대부분의 노가다가 해결됩니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg
Ctrl 키를 이용한 단어 선택

 

 마우스로 선택하기 Shift + Alt + 마우스 드래그 

 

 4. 다음은 마우스로 덩어리를 선택하는 방법입니다. 덩어리로 선택하고 한번에 삭제 붙여 넣기도 가능합니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg
마우스로 다중 선택

 

 

지금까지 아주 간단하게 멀티 셀렉트를 하는 법을 알아봤습니다. 멀티 커서를 이용하면 아주 쉽게 여러 줄의 문자열을 수정 및 입력이 가능합니다. 물론 복사 붙여 넣기도 가능하고요. 활용범위가 매우 높습니다. 이런 기능이 요즘 나온 툴에는 많이 포함되어 있지만 서로 약간씩 응용하는 방법이 달라서 어쩔 때는 비주얼 스튜디오 코드에서 사용하다가 다른 툴을 사용할 때도 있습니다. 물론 이런 반복적인 작업은 스크립트로 직접 만드는 게 제일 좋지만 너무 귀찮죠. 아무튼 비주얼 코드는 정말 잘 만든 툴 같아요. 리액트 기반의 자바스크립트로 이렇게 만들 수 있다는 자체가 대단합니다.

[VSCode] 다중 선택 - 같은 단어(변수) 모두 선택하여 수정하는 2가지 방법 본문

hi.anna 2020. 6. 20. 23:20

VSCode에서 좀 더 편리하게 코드를 수정하는 방법을 알아보고 있습니다.

[VSCode] 다중 커서 - 여러줄 선택 하는 2가지 방법 (세로 선택)

[VSCode] 다중 선택 - 커서를 여러개 추가하기

VSCode는 같은 단어를 모두 선택하여, 한번에 변경하는 기능을 제공합니다.

코드 리팩토링 시, 변수명을 변경해야 할 때 유용한 기능입니다.

 Ctrl + Shift + L 

1. 변경하려는 단어를 선택하고

2. Ctrl + Shift + L 단축키를 누르면, 선택한 단어와 같은 단어가 모두 선택됩니다.

3. 이 때, 단어를 수정하면, 동시에 수정이 됩니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg

 Ctrl + D 

위의 Ctrl + Shift + D 단축키를 사용하면, 선택된 단어(변수)와 같은 단어가 모두 선택되고, 변경됩니다.

Ctrl + D 단축키는 같은 단어를 모두 선택하는 것이 아니라,

단축키를 누를 때마다 같은 단어가 하나씩 추가로 선택됩니다. 

1. 변경하려는 단어(변수)를 선택합니다.

2. Ctrl + D 키를 원하는 단어가 모두 선택될 때까지 반복해서 누릅니다.

아래의 예제에서는 Ctrl + D 단축키를 두 번 눌렀고,

처음 선택한 단어를 포함하여 세 개의 단어가 선택된 것을 볼 수 있습니다.

Vscode 다중선택 맥 - vscode dajungseontaeg maeg

VSCode 에서 같은 단어를 모두 선택해서 한꺼번에 변경하는 방법을 알아보았습니다.