[Eric's IDE] Visual Studio Code에서 정규 표현식(Regex) 으로 검색하기. ✅

1. 소개

Visual Studio Code(VSCode)는 프로그래머들에게 인기 있는 텍스트 에디터 중 하나입니다.

그 이유 중 하나는 강력한 검색 및 치환 기능을 제공하기 때문인데요,

특히 정규 표현식(Regex)을 활용하면 코드에서 복잡한 패턴의 문자열을 쉽게 찾아낼 수 있습니다.

이 포스트에서는 VSCode에서 정규 표현식을 어떻게 사용하는지,

그리고 다양한 예제를 통해 실제로 어떻게 적용할 수 있는지 알아보도록 하겠습니다.

 

2. 정규 표현식(Regex)이란?

정규 표현식(Regex)는 특정한 규칙을 가진 문자열의 집합을 표현하는 데 사용하는 형식 언어입니다.

이를 이용하면 문자열에서 특정 패턴을 찾거나 치환하는 등의 작업을 효율적으로 수행할 수 있습니다.

 

3. VSCode에서 정규 표현식 사용하기

3.1. 정규 표현식 검색 활성화

VSCode에서 정규 표현식을 사용하려면 먼저 정규 표현식 검색을 활성화해야 합니다.

검색 입력 상자의 왼쪽에 있는 .* 아이콘을 클릭하면 됩니다. 

 

3.2. 정규 표현식 입력

이제 검색 창에 원하는 정규 표현식을 입력할 수 있습니다.

예를 들어, 알파벳 소문자로 시작하고 숫자로 끝나는 모든 문자열을 찾으려면 ^[a-z].*\d$를 입력합니다.

여기서 ^는 문자열의 시작, $는 문자열의 끝을 의미하며,

.은 임의의 문자, *는 앞선 문자가 0회 이상 반복되는 것을, [a-z]는 알파벳 소문자, \d는 숫자를 의미합니다.

 

3.3. 검색 결과 확인

정규 표현식을 입력하고 Enter를 누르면 검색 결과가 하이라이트됩니다. 오른쪽 상단에는 일치하는 결과의 수도 표시됩니다.

 

4. VSCode에서 사용할 수 있는 정규 표현식 예제

다음은 VSCode에서 사용할 수 있는 다양한 정규 표현식 예제들입니다.

 

⭐️ 모든 이메일 주소 찾기 

  

    
    
    
    
  
[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}

⭐️ 모든 URL 찾기

  

    
    
    
    
  
http[s]?://(?:[a-zA-Z]|[0-9]|[$-_@.&+]|[!*\\(\\),]|(?:%[0-9a-fA-F][0-9a-fA-F]))+

⭐️ 모든 주석 찾기

  

    
    
    
    
  
//.*$

⭐️ UUID 포맷의 문자열 찾기

  

    
    
    
    
  
[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}

⭐️ HTML 태그 찾기

  

    
    
    
    
  
<([a-z]+) *[^/]*?>

 

위 예제들을 통해 복잡한 문자열 패턴을 정규 표현식으로 어떻게 표현할 수 있는지 알아보았습니다.

 

5. 결론

VSCode에서 제공하는 정규 표현식 검색 기능은 매우 강력합니다.

복잡한 코드베이스에서 특정 패턴을 찾아내거나 바꾸는 작업을 효과적으로 수행할 수 있게 해주며,

이를 통해 시간을 절약하고 코드의 품질을 향상시킬 수 있습니다.

정규 표현식은 처음에는 복잡해 보일 수 있지만, 연습을 통해 익숙해지면 매우 유용한 도구가 될 것입니다.

다양한 패턴을 실험하고 여러분의 코드에 적용해 보세요!

 

참고: VSCode의 정규 표현식 엔진은 JavaScript의 정규 표현식을 기반으로 하므로, JS의 문법을 따릅니다. 따라서 다른 언어에서 사용하는 정규 표현식과 약간의 차이가 있을 수 있습니다.