찾기 및 바꾸기
정규 표현식, 대소문자 및 전체 단어 옵션으로 검색 및 바꾸기
찾기 및 바꾸기를 언제 사용하나요?
대부분의 편집기에는 찾기 및 바꾸기가 있지만, 브라우저에서 사용하는 것이 현재 양식, 이메일 초안 또는 붙여넣기 버퍼에서 작업할 때 더 빠릅니다 — VS Code를 열고, 붙여넣고, 바꾸고, 다시 복사할 필요가 없습니다. 이 도구는 편집기의 스타일을 배우지 않고도 정규 표현식을 제공합니다: 브라우저의 표준 JavaScript 정규 표현식(PCRE 유사)을 사용합니다.
검색 패턴을 입력할 때 일치하는 수가 업데이트되므로 클릭하기 전에 몇 개의 바꾸기를 트리거할지 알 수 있습니다. 결과 패널은 수정된 텍스트를 보여주며, 입력은 변경되지 않으므로 반복할 수 있습니다.
사용 사례
- 대량 이름 바꾸기 — 여러 파일 붙여넣기에서 클래스나 변수를 한 번의 작업으로 교체합니다.
- URL 재작성 — 스크린샷 전에 모든 `localhost:3000` 참조를 스테이징 호스트 이름으로 변환합니다.
- 줄 바꿈 수정 — Windows에서 편집된 텍스트를 Unix 프로젝트로 포팅할 때 `\r\n`을 `\n`으로 바꿉니다.
- 버전 업데이트 — 릴리스 노트 초안에서 `1.2.3`을 `1.3.0`으로 교체하여 누락된 부분이 없도록 합니다.
예시
Replace with regex (capture groups)
입력
Search: \b(\w+)@example\.com\b
Replace: [email protected]
In: [email protected], [email protected]자주 묻는 질문
정규 표현식 캡처 그룹을 지원하나요?
네 — JavaScript의 `String.replace`처럼 캡처 그룹을 참조하기 위해 바꾸기 필드에서 `$1`, `$2` 등을 사용하세요.
어떤 정규 표현식 스타일이 지원되나요?
JavaScript 정규 표현식(ECMAScript). 최신 브라우저에서 Lookbehind가 지원됩니다. 패턴의 백참조(예: `\1`)는 작동하며, 이름이 있는 그룹(`(?<name>...)`)도 작동합니다.
기본적으로 검색이 대소문자 구분되나요?
아니요 — 검색은 기본적으로 대소문자를 구분하지 않습니다 (정규 표현식 `i` 플래그). 정확한 대소문자 일치를 위해 '대소문자 구분' 옵션을 활성화하세요.
유효하지 않은 정규 표현식이 도구를 중단시키나요?
아니요 — 유효하지 않은 패턴은 검색 필드 아래에 명확한 오류 메시지를 표시하고 바꾸기는 건너뜁니다.
내 텍스트가 업로드되나요?
아니요. 모든 일치 및 바꾸기는 브라우저에서 발생하며, 서버로 전송되는 것은 없습니다.