Stream

Lesson 09 of 10 · published

VS Code Find & Replace

~8 min · editor, vscode

Level 0패턴 호기심

0 XP0/90 lessons0/15 achievements

0/100 XP to next level100 XP to go0% complete

일상 정규식 환경

VS Code 의 Find & Replace (Cmd/Ctrl+F 가 현재 파일, Cmd/Ctrl+Shift+F 가 프로젝트 전체) 가 .* 버튼 토글 (또는 Alt+R) 시 정규식 지원.

Flavor 가 JavaScript 식 RegExp — JS 강의 패턴 대부분 직접 동작.

치환 문법

치환 필드에서 캡처 그룹 위해 $1, $2... 사용. $0 가 전체 매칭. Named 그룹: $<name>.

특수 치환:

\n — 줄바꿈 (줄 break 삽입)
\t — 탭
\u$1 — group 1 첫 글자 대문자
\U$1 — group 1 전체 대문자
\l$1 — group 1 첫 글자 소문자
\L$1 — group 1 전체 소문자

Case modifier 가 killer

userName 을 USER_NAME 으로 변환: 찾기 ([a-z])([A-Z]), 치환 $1_$2, 그 다음 두 번째 패스: 찾기 (\w+), 치환 \U$1. 두 패스, 코드 현대화.

다른 VS Code 정규식 슈퍼파워

멀티라인 모드: 멀티라인 버튼 토글 (또는 find 박스에서 Ctrl+Enter). 이제 \n 이 줄바꿈 매칭, 줄 가로질러 매칭 가능.
포함/제외 파일: 복잡한 쉘 명령 작성 없이 검색 scope 제한.
Preserve case: 치환이 원래 case 존중하게 토글 (camelCase 가 camelCase 유지 등).

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 끝)

External links

VS Code 정규식 find/replace docs

Exercise

아무 프로젝트에서 VS Code 열기. 정규식 find/replace 로: (1) 파일에서 모든 camelCase 식별자 찾기, (2) 캡처 그룹으로 한 특정 함수 호출 시그니처 치환, (3) 일련 상수 소문자. 의도 없으면 저장 X.

Progress

Progress is local-only — sign in to sync across devices.

← Previoussed — Stream Editor Next →SQL, Unicode, 성능 노트

이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)

로그인 — 댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.