[Visual Studio Code] VS Code 정규식(RegEx) 검색 사용하기

1. 기본 검색 기능

VS Code에서는 단어 검색을 기본으로 제공합니다. 키보드 단축키 Ctrl + F(Mac: Cmd + F)를 사용하면 현재 파일 내에서 검색 창을 열 수 있습니다. 또한 Ctrl + Shift + F(Mac: Cmd + Shift + F)를 사용하면 전체 워크스페이스 내 검색이 가능합니다.

기본 검색 예제

• 특정 단어 검색: **Ctrl + F**를 누르고 example을 입력하면 현재 파일에서 example이라는 단어를 모두 찾아줍니다.
• 워크스페이스 검색: **Ctrl + Shift + F**를 사용해 검색 창에 example을 입력하면, 프로젝트 전체에서 해당 단어가 포함된 모든 파일을 찾아줍니다.

---

2. 정규식(RegEx) 검색

정규식을 사용하면 특정 패턴을 가진 문자열을 찾을 수 있습니다. VS Code에서 정규식 검색을 활성화하려면 검색 창의 오른쪽 하단에 있는 .* 아이콘을 클릭하면 됩니다.

정규식 예제

  1.  이메일 찾기

\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b

 

 

위 정규식을 입력하면 이메일 형식의 텍스트만 찾아줍니다.

 

  2.  특정 단어로 시작하는 줄 찾기

^TODO

 

 

TODO로 시작하는 모든 줄을 찾고 싶다면 이 정규식을 사용할 수 있습니다. 시작을 의미하는 ^와 함께 TODO를 입력하면 해당 패턴이 일치하는 모든 줄을 검색할 수 있습니다.

 

  3.  숫자 포함된 텍스트 찾기

\b\d+\b

 

 

숫자로 구성된 텍스트를 찾고 싶을 때 사용할 수 있습니다. \d+는 하나 이상의 숫자에 일치하며, 양 옆에 단어 경계를 의미하는 \b를 사용하여 숫자만 검색할 수 있습니다.

 

  4.  HTML 태그 찾기

<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)

 

1. HTML 태그를 찾을 때 위와 같은 정규식을 사용할 수 있습니다. <div>, <a>, <p>와 같은 HTML 태그 패턴을 찾아줍니다.

vscode 정규식 검색

---

3. 파일 이름으로 검색하기

파일 이름으로 검색하려면 파일 검색 필터를 사용할 수 있습니다. 검색 창에 **파일 이름 필터**를 입력하면 특정 확장자나 이름을 가진 파일을 필터링할 수 있습니다.

파일 검색 예제

• JavaScript 파일만 검색: *.js를 입력하면 .js 확장자를 가진 파일 내에서만 검색할 수 있습니다.
• 특정 폴더 내 파일 검색: src/**/*.js를 입력하면 src 폴더와 하위 폴더에 있는 모든 .js 파일을 검색할 수 있습니다.

 

---

4. 대소문자 구분과 정규식 옵션 활용

VS Code의 검색 창에서는 대소문자 구분 및 단어 전체 일치 옵션을 제공해, 더 정밀한 검색을 할 수 있습니다.

• 대소문자 구분: 검색 창에서 Aa 아이콘을 클릭하여 대소문자를 구분하여 검색할 수 있습니다.
• 단어 전체 일치: 검색 창에서 단어 전체 일치 아이콘을 클릭하면 검색어와 정확히 일치하는 단어만 찾습니다.

예제

• Example이라는 단어만 찾고 싶다면, 검색어를 입력한 뒤 Aa 아이콘을 활성화하여 대소문자 구분 검색을 활성화합니다.

---

5. 검색 후 치환(Replace) 기능 활용하기

VS Code에서는 검색한 결과를 다른 텍스트로 일괄 치환할 수 있습니다. Ctrl + H(Mac: Cmd + H)를 사용하여 검색 창에서 치환 창을 열고, 찾을 텍스트와 대체할 텍스트를 입력합니다.

치환 예제

예를 들어, foo를 bar로 바꾸고 싶다면:

1. Ctrl + H를 눌러 foo를 검색하고 bar를 입력합니다.
2. Replace All 버튼을 클릭하여 전체 파일에서 일괄 치환합니다.

정규식을 사용할 수도 있으므로, 패턴에 맞는 모든 텍스트를 다른 텍스트로 한 번에 바꿀 수 있습니다.

 

---

요약

• 기본 검색: Ctrl + F 및 Ctrl + Shift + F로 파일 또는 워크스페이스 내에서 검색.
• 정규식 검색: .* 아이콘을 클릭하여 정규식을 사용한 패턴 검색 가능.
• 파일 이름 필터: 확장자나 폴더로 검색 범위 좁히기.
• 대소문자 구분 및 단어 전체 일치: 검색 결과를 더 정밀하게 제어 가능.
• 치환 기능: 검색된 내용을 대체할 때 유용하게 활용.