VS Code 찾기 및 바꾸기

일상에서 자주 만나는 정규식 환경

VS Code의 찾기 및 바꾸기에서 .* 버튼을 켜거나 Alt+R을 누르면 정규식을 사용할 수 있어. Cmd/Ctrl+F는 현재 파일을, Cmd/Ctrl+Shift+F는 프로젝트 전체를 검색해.

VS Code는 JavaScript 계열의 정규식 문법을 사용하므로 JavaScript 강의에서 본 패턴 대부분이 그대로 동작해.

치환 문법

치환 입력란에서는 $1, $2처럼 번호로 캡처 그룹을 참조해. $0은 전체 매칭이고, 이름 붙은 그룹은 $<name>으로 참조할 수 있어.

다음과 같은 특수 치환도 지원해.

\n — 줄바꿈 삽입
\t — 탭 삽입
\u$1 — 그룹 1의 첫 글자를 대문자로 변환
\U$1 — 그룹 1 전체를 대문자로 변환
\l$1 — 그룹 1의 첫 글자를 소문자로 변환
\L$1 — 그룹 1 전체를 소문자로 변환

대소문자 변환은 범위를 좁혀서 써

userName을 USER_NAME으로 바꾸려면 먼저 \buserName\b를 찾아 user_Name으로 치환하고, 그 결과만 \buser_Name\b로 찾아 \U$0으로 바꿀 수 있어. (\w+)처럼 넓은 패턴에 \U$1을 적용하면 의도하지 않은 단어까지 모두 대문자로 바뀌므로 미리보기에서 범위를 확인해.

검색 범위를 다루는 기능

여러 줄 검색: 찾기 입력란에서 Ctrl+Enter로 줄바꿈을 넣으면 여러 줄에 걸친 패턴을 검색할 수 있어.
포함하거나 제외할 파일: 별도의 셸 명령 없이 파일 패턴으로 검색 범위를 좁힐 수 있어.
대소문자 보존: 치환 결과가 원문의 대소문자 형태를 따르도록 설정할 수 있어.

Code

VS Code 정규식 예시·text

// 찾기: console\.log\((.*?)\);
// 치환: logger.debug($1);
//
// 파일 가로질러 모든 console.log 를 logger.debug 로 변환.

// 찾기: function (\w+)\(
// 치환: const $1 = (
//
// 함수 선언을 화살표 할당으로 변환.

// 찾기: ([a-z])([A-Z])
// 치환: $1_\L$2
//
// userName → user_name (camelCase 에서 snake_case 로) 변환

// 찾기: (\w+) (\w+)
// 치환: \U$1\E $2
//
// 매칭 쌍 첫 단어 대문자 (\E 가 case modifier 끝)

Exercise

프로젝트 하나를 VS Code에서 열고 정규식 찾기 및 바꾸기를 연습해 봐. 파일 안의 camelCase 식별자를 찾고, 캡처 그룹으로 특정 함수 호출 형태 하나를 치환하고, 상수 몇 개를 소문자로 바꿔 봐. 미리보기에서 의도한 변경만 골랐는지 확인한 뒤 저장해.