본문 바로가기
카테고리 없음

Visual Studio Code, HTML / JS 편집 시 능률 5배 올리는 법 ( 멀티커서 단축키 )

by 수메르 여행자 2024. 3. 25.

안녕하세요

HTML 혹은 자바스크립트를 활용하여 웹페이지를 제작하다 보면 생각보다 클래스 이름을 여러 개 변경하거나 

여러 요소(DIV/SPAN)등을 사용하여 사이트의 구조를 설계해야 합니다

 

그리고 JS로 움직일 수 있게 하고, CSS로 디자인을 입혀줘야죠

 

그런데 이걸 하다 보면 생각보다 문서를 편집하는 경우가 많습니다. ( 여러 DIV 사용 )

, 이러고 나면 멀티커서의 사용성이 간절해지죠

 

멀티커서를 사용하는 법은 간단합니다.

단지 하나의 편집하고자 하는 코드를 잡고, ALT 키를 누른 다음 다음 코드를 선택하면 됩니다

간단하죠?

 

 

이런 식으로 여러 div가 있을 때, 동일한 CSS 혹은 유사한 CSS를 사용한다면, 굳이 이걸 하나 하나 복붙할 필요는 없죠

 

ALT키를 누르고 하나 하나 선택해주면 멀티커서라는 게 동작합니다

 

보다시피, 한번의 타자로 저 3곳 모두에 입력을 동시에 하게 되죠

 

 

물론 이런 식으로 한번에 양쪽을 모두 선택할 수도 있습니다.

 

이걸 푸는 법도 간단합니다. 멀티커서가 동작한 상태로 다른 곳을 클릭해주면 끝이죠