λ³Έλ¬Έ λ°”λ‘œκ°€κΈ°
Lect & Tip/vscode

vscode 검색 파일 μ°ΎκΈ° 단좕킀. μ •κ·œμ‹ μ—¬λŸ¬ 단어 검색 μΉ˜ν™˜ λ°”κΎΈκΈ°

by 낯선곡간2019 2023. 8. 11.

λͺ©μ°¨

    VS Codeμ—μ„œ 파일 검색과 λ¬Έμžμ—΄ 검색 단좕킀 ν™œμš©ν•˜κΈ°

    μ†Œν”„νŠΈμ›¨μ–΄ 개발의 λ³΅μž‘μ„±κ³Ό 파일 κ²€μƒ‰μ˜ μ€‘μš”μ„±

    ν˜„λŒ€ μ†Œν”„νŠΈμ›¨μ–΄ κ°œλ°œμ€ λ‹€μ–‘ν•œ 파일과 ν΄λ”λ‘œ λ³΅μž‘ν•˜κ²Œ κ΅¬μ„±λ˜λŠ” ν”„λ‘œμ νŠΈλ₯Ό 닀루어야 ν•©λ‹ˆλ‹€. 이런 ν™˜κ²½μ—μ„œ μ›ν•˜λŠ” νŒŒμΌμ„ μ‹ μ†ν•˜κ²Œ μ°ΎλŠ” 것은 맀우 μ€‘μš”ν•œ μž‘μ—…μž…λ‹ˆλ‹€. Microsoft Visual Studio Code(VS Code)λŠ” λ§Žμ€ κ°œλ°œμžλ“€μ΄ μ„ ν˜Έν•˜λŠ” ν›Œλ₯­ν•œ 톡합 개발 ν™˜κ²½ 쀑 ν•˜λ‚˜μž…λ‹ˆλ‹€. 이번 ν¬μŠ€νŒ…μ—μ„œλŠ” VS Codeμ—μ„œ 파일 검색과 λ¬Έμžμ—΄ 검색을 효율적으둜 μˆ˜ν–‰ν•  수 μžˆλŠ” 단좕킀와 κΈ°λŠ₯을 μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

    VS Code 파일 검색 단좕킀

    VS Codeμ—μ„œ 파일 검색 κΈ°λŠ₯을 ν™œμš©ν•˜λŠ” λ°μ—λŠ” μ—¬λŸ¬ 가지 μœ μš©ν•œ 단좕킀가 μžˆμŠ΅λ‹ˆλ‹€. 특히 νŒŒμΌμ„ λΉ λ₯΄κ²Œ μ°Ύμ•„λ³΄κ³ μž ν•  λ•Œ λ‹€μŒ 단좕킀λ₯Ό ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€:

    • μœˆλ„μš°: Ctrl + P
    • λ§₯: Cmd + P
    • λ¦¬λˆ…μŠ€: Ctrl + P

    이 단좕킀λ₯Ό μ‚¬μš©ν•˜λ©΄ 파일 검색 창이 λΉ λ₯΄κ²Œ 열리며, 검색어λ₯Ό μž…λ ₯ν•˜μ—¬ μ›ν•˜λŠ” νŒŒμΌμ„ λΉ λ₯΄κ²Œ 찾을 수 μžˆμŠ΅λ‹ˆλ‹€.

    VS Code λ¬Έμžμ—΄ 검색 κΈ°λŠ₯ ν™œμš©ν•˜κΈ°

    ν”„λ‘œμ νŠΈ λ‚΄μ—μ„œ νŠΉμ • λ¬Έμžμ—΄μ„ κ²€μƒ‰ν•˜κ³ μž ν•  λ•Œλ„ VS CodeλŠ” κ°•λ ₯ν•œ 검색 κΈ°λŠ₯을 μ œκ³΅ν•©λ‹ˆλ‹€. μ•„λž˜λŠ” λ¬Έμžμ—΄ 검색을 ν™œμš©ν•˜λŠ” 방법에 λŒ€ν•œ μ•ˆλ‚΄μž…λ‹ˆλ‹€:

    1. ν”„λ‘œμ νŠΈ λ‚΄ νŠΉμ • ν΄λ”μ—μ„œ λ¬Έμžμ—΄ 검색: ν”„λ‘œμ νŠΈ 규λͺ¨κ°€ 컀지면 폴더 ꡬ쑰가 λ³΅μž‘ν•΄μ§€κ³  파일 μˆ˜κ°€ μ¦κ°€ν•˜λŠ”λ°, μ΄λ•Œ νŠΉμ • 폴더 λ‚΄μ—μ„œ μ›ν•˜λŠ” λ¬Έμžμ—΄μ„ 가진 νŒŒμΌμ„ μ°ΎλŠ” 것은 번거둜운 μΌμž…λ‹ˆλ‹€. 이λ₯Ό κ°„νŽΈν•˜κ²Œ μˆ˜ν–‰ν•  수 μžˆλŠ” 방법을 μ•Œλ €λ“œλ¦¬κ² μŠ΅λ‹ˆλ‹€.
      • λ¬Έμžμ—΄ 검색 단좕킀: Ctrl + Shift + F (μœˆλ„μš° 및 λ¦¬λˆ…μŠ€) / Cmd + Shift + F (λ§₯)
      • 검색할 λ¬Έμžμ—΄ μž…λ ₯: 검색 창에 찾고자 ν•˜λŠ” λ¬Έμžμ—΄μ„ μž…λ ₯ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, "store"λ₯Ό μž…λ ₯ν•©λ‹ˆλ‹€.
    2. νŠΉμ • 폴더 λ‚΄μ—μ„œ 검색: ν”„λ‘ νŠΈμ—”λ“œ κ°œλ°œμžλ‘œμ„œ 관심 μžˆλŠ” μ˜μ—­λ§Œ κ²€μƒ‰ν•˜κ³ μž ν•  λ•Œ μœ μš©ν•œ κΈ°λŠ₯μž…λ‹ˆλ‹€. 검색 μ°½μ—μ„œ "files to include"λž€μ— 검색 λŒ€μƒ ν΄λ”μ˜ 경둜λ₯Ό μž…λ ₯ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, ν”„λ‘ νŠΈμ—”λ“œ κ΄€λ ¨ 파일 쀑 frontend 폴더 λ‚΄μ˜ .js νŒŒμΌμ„ κ²€μƒ‰ν•˜λ €λ©΄ `/frontend//.js`와 같이 μž…λ ₯ν•©λ‹ˆλ‹€.
    3. 폴더 μ œμ™Έ 검색: νŠΉμ • 폴더λ₯Ό μ œμ™Έν•˜κ³  검색 λ²”μœ„λ₯Ό μ’νžˆλŠ” 방법도 μžˆμŠ΅λ‹ˆλ‹€. "files to exclude"λž€μ— μ œμ™Έν•˜κ³  싢은 폴더λ₯Ό μž…λ ₯ν•˜μ—¬ 검색 λ²”μœ„λ₯Ό μ‘°μ •ν•©λ‹ˆλ‹€.
    4. μ •κ·œμ‹ 검색 ν™œμš©: 두 개의 단어λ₯Ό λ™μ‹œμ— κ²€μƒ‰ν•˜κ³ μž ν•  λ•Œ μ •κ·œμ‹ 검색을 μ‚¬μš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, "postcode"와 "daum"이 λͺ¨λ‘ λ“€μ–΄κ°„ 뢀뢄을 μ°Ύκ³  μ‹Άλ‹€λ©΄ (postcode[\s\S\n]*daum)κ³Ό 같이 μž…λ ₯ν•©λ‹ˆλ‹€.
      • 두 λ‹¨μ–΄μ˜ μˆœμ„œλ₯Ό λ°”κΎΈκ³  μ‹Άλ‹€λ©΄ (postcode [\s\S\n]*daum)|(daum [\s\S\n]*postcode)와 같이 μž…λ ₯ν•©λ‹ˆλ‹€.
    5. 숫자 검색과 μΉ˜ν™˜: νŠΉμ • 쑰건에 λ§žλŠ” 숫자λ₯Ό κ²€μƒ‰ν•˜κ³  μΉ˜ν™˜ν•  μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 뒀에 μˆ«μžκ°€ 뢙은 것 μ€‘μ—μ„œ 숫자 '25'λ₯Ό 가진 것을 κ²€μƒ‰ν•˜λ €λ©΄ \$+[0-9.]+25와 같이 μž…λ ₯ν•©λ‹ˆλ‹€.
    6. HTML νƒœκ·Έ 검색: HTML νƒœκ·Έ λ‚΄μ—μ„œ νŠΉμ • νƒœκ·Έλ₯Ό κ²€μƒ‰ν•˜κ³ μž ν•  λ•Œ μ •κ·œμ‹μ„ μ‚¬μš©ν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, title νƒœκ·Έλ₯Ό 찾고자 ν•  λ•ŒλŠ” <[tT][iI][tT][lL][eE]>.*<\/[tT][iI][tT][lL][eE]>λ₯Ό ν™œμš©ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

    vscode 파일 검색과 μΉ˜ν™˜ κΈ°λŠ₯ ν™œμš©ν•˜κΈ° λ¬Έμžμ—΄ 검색과 μΉ˜ν™˜μ„ ν†΅ν•œ 효율적인 μž‘μ—…

    λ¬Έμžμ—΄ 검색과 μΉ˜ν™˜μ€ 개발 μž‘μ—…μ„ λ”μš± 효율적으둜 λ§Œλ“€μ–΄ μ€λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, μ •κ·œμ‹μ„ ν™œμš©ν•˜μ—¬ νŠΉμ • ν˜•μ‹μ˜ 숫자λ₯Ό κ²€μƒ‰ν•˜κ³  μΉ˜ν™˜ν•˜κ±°λ‚˜, HTML νƒœκ·Έ λ‚΄μ—μ„œ νŠΉμ • νƒœκ·Έλ₯Ό μ°Ύμ•„ μž‘μ—…ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 단, μΉ˜ν™˜μ΄λ‚˜ λ³€κ²½ μž‘μ—…μ„ μˆ˜ν–‰ν•  λ•ŒλŠ” μ‹ μ€‘ν•˜κ²Œ μ§„ν–‰ν•˜κ³ , 잘λͺ»λœ λ³€κ²½μœΌλ‘œ μΈν•œ 문제λ₯Ό λ°©μ§€ν•˜κΈ° μœ„ν•΄ 주의λ₯Ό κΈ°μšΈμ΄λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€.

    개발 μž‘μ—…μ„ ν•˜λ‹€ 보면 μ½”λ“œ 파일 λ‚΄μ—μ„œ νŠΉμ • λ¬Έμžμ—΄μ„ μ°Ύμ•„μ„œ λ‹€λ₯Έ λ¬Έμžμ—΄λ‘œ λ°”κΏ”μ•Ό ν•˜λŠ” κ²½μš°κ°€ μ’…μ’… λ°œμƒν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ λŒ€λŸ‰μ˜ μ½”λ“œ μ€‘μ—μ„œ 일일이 μ°Ύμ•„μ„œ λ³€κ²½ν•˜λŠ” μž‘μ—…μ€ 맀우 μ§€λ£¨ν•˜κ³  μ‹œκ°„μ΄ 많이 μ†Œμš”λ  수 μžˆμŠ΅λ‹ˆλ‹€. 이럴 λ•Œ Visual Studio Code(VS Code)의 κ°•λ ₯ν•œ 파일 검색과 μΉ˜ν™˜ κΈ°λŠ₯을 ν™œμš©ν•˜λ©΄ μž‘μ—… νš¨μœ¨μ„±μ„ 크게 ν–₯μƒμ‹œν‚¬ 수 μžˆμŠ΅λ‹ˆλ‹€. 이 κΈ€μ—μ„œλŠ” VS Code λ‚΄μ—μ„œ λ¬Έμžμ—΄ 검색과 μΉ˜ν™˜μ„ μ–΄λ–»κ²Œ ν™œμš©ν•˜λŠ”μ§€ μ•Œμ•„λ³΄κ² μŠ΅λ‹ˆλ‹€.

    파일 λ‚΄ λ¬Έμžμ—΄ 검색 및 μΉ˜ν™˜

    μ •κ·œμ‹μ„ ν™œμš©ν•œ 검색과 μΉ˜ν™˜

    VS Codeμ—μ„œ 파일 λ‚΄μ˜ λ¬Έμžμ—΄μ„ κ²€μƒ‰ν•˜κ³  μΉ˜ν™˜ν•˜λŠ” μž‘μ—…μ€ κ°„λ‹¨ν•˜κ²Œ ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 특히 μ •κ·œμ‹μ„ μ‚¬μš©ν•˜λ©΄ λ”μš± κ°•λ ₯ν•œ 검색과 μΉ˜ν™˜μ„ μˆ˜ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, 파일 λ‚΄μ—μ„œ 2자리 숫자λ₯Ό κ΄„ν˜Έλ‘œ 감싸고 μžˆλŠ” 경우λ₯Ό κΊ½μ‡ λ‘œ λ°”κΎΈλŠ” μž‘μ—…μ„ ν•΄λ³΄κ² μŠ΅λ‹ˆλ‹€.

    μ •κ·œμ‹ \(([0-9]{2})\)λ₯Ό μ‚¬μš©ν•˜λ©΄ 2자리 숫자λ₯Ό κ΄„ν˜Έλ‘œ κ°μ‹ΈλŠ” νŒ¨ν„΄μ„ μ°Ύμ•„λ‚Ό 수 μžˆμŠ΅λ‹ˆλ‹€. 검색 κ²°κ³Ό μ€‘μ—μ„œ $1은 첫 번째 κ΄„ν˜Έλ‘œ 감싸진 숫자λ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€. 예λ₯Ό λ“€μ–΄, "69"와 "74"λ₯Ό μ°Ύμ•„μ„œ κΊ½μ‡ λ‘œ λ°”κΎΈλ €λ©΄ $1을 μ‚¬μš©ν•˜μ—¬ κ΄„ν˜Έλ‘œ 감싸진 숫자λ₯Ό μ°Ύμ•„λ‚΄κ³  이λ₯Ό κΊ½μ‡ λ‘œ λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€.

    VS Code의 파일 검색과 μΉ˜ν™˜ κΈ°λŠ₯을 ν™œμš©ν•˜λ©΄ ν”„λ‘œμ νŠΈ λ‚΄μ—μ„œ μ›ν•˜λŠ” νŒŒμΌμ„ λΉ λ₯΄κ²Œ μ°Ύμ•„λ‚΄κ³ , μ •κ΅ν•œ μ •κ·œμ‹μ„ μ‚¬μš©ν•˜μ—¬ μ›ν•˜λŠ” νŒ¨ν„΄μ„ κ²€μƒ‰ν•˜κ³  λ³€κ²½ν•  수 μžˆμŠ΅λ‹ˆλ‹€. μž‘μ—… νš¨μœ¨μ„±μ„ 높이고 반볡적이고 μ§€λ£¨ν•œ μž‘μ—…μ„ 즐겁게 ν•΄ μ£ΌλŠ” 이 κΈ°λŠ₯을 μ΅œλŒ€ν•œ ν™œμš©ν•˜μ—¬ 개발 μž‘μ—…μ„ μ§„ν–‰ν•΄λ³΄μ„Έμš”.

    주의 사항

    • λ³Έ λ¬Έμ„œλŠ” VS Code의 파일 검색과 μΉ˜ν™˜ κΈ°λŠ₯에 κ΄€ν•œ λ‚΄μš©μ„ 닀루고 μžˆμŠ΅λ‹ˆλ‹€.
    • λ³Έ λ¬Έμ„œλŠ” μž‘μ„±μžμ˜ κ²½ν—˜κ³Ό 지식을 기반으둜 μž‘μ„±λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

    마무리

    VS Code의 파일 검색과 λ¬Έμžμ—΄ 검색 κΈ°λŠ₯은 ν”„λ‘œμ νŠΈ λ‚΄μ—μ„œ μ›ν•˜λŠ” 파일과 정보λ₯Ό λΉ λ₯΄κ²Œ 찾을 수 μžˆλ„λ‘ λ„μ™€μ€λ‹ˆλ‹€. κ°•λ ₯ν•œ 검색 κΈ°λŠ₯을 ν™œμš©ν•˜λ©΄ 개발 μž‘μ—…μ˜ νš¨μœ¨μ„±μ„ 높일 수 μžˆμŠ΅λ‹ˆλ‹€. 파일 및 λ¬Έμžμ—΄ 검색에 λŒ€ν•œ λ‹€μ–‘ν•œ 단좕킀와 ν™œμš© 방법을 톡해 개발

    μž‘μ—…μ„ λ”μš± 효율적으둜 μˆ˜ν–‰ν•˜μ„Έμš”.

    λ°˜μ‘ν˜•

    λŒ“κΈ€