본문 바로가기
정보

개발자를 위한 최적의 도구 - Visual Studio Code의 필수 팁 확장판!

by samjangmon 2023. 6. 23.
728x90

코딩의 효율성과 생산성을 높이고 싶다면 Visual Studio Code (VSCode)는 핵심 도구입니다. 이 글에서는 VSCode의 최고의 기능과 팁들을 분석하여, 여러분의 작업을 향상시키는 방법을 설명하고자 합니다. 길게 설명한 자세한 팁들을 지금 바로 확인해 보세요!

코딩하는 모습

1. 다양한 최고의 확장기능 설치하기

VSCode는 개발자들이 마음대로 확장기능을 추가할 수 있는 매우 다양한 기능을 제공합니다. 주어진 작업에 알맞게 적절한 확장기능을 설치해 보세요. 예시로, 다음과 같은 확장 기능들을 추천합니다.

  • Tabnine: 인공 지능 기반 코드완성으로 개발 속도 향상
  • Prettier: 코드를 자동으로 사람이 보기좋게 포맷팅
  • Bracket Pair Colorizer: 괄호 쌍을 서로 다른 색상으로 표시하여 가독성 향상
  • ESLint: 코드에서 문제가 있는 부분을 발견하여 디버깅 시간 줄이기
  • GitHub Pull Requests: 깃허브를 이용한 코드 리뷰 및 협업 강화
  •  

2. 가장 많이 사용되는 단축키 15개와 사용 방법 익히기

습관적으로 단축키를 사용하면 효율적으로 작업할 수 있습니다. 다음은 자주 사용되는 15가지 단축키와 그 사용 방법입니다. 환경에 따라 MacOS, Windows, Linux에서 단축키가 다를 수 있으니 참고하세요.

  1. 명령 팔레트 열기 (MacOS: Cmd + Shift + P, Windows/Linux: Ctrl + Shift + P): 빠르게 명령을 검색하고 실행할 수 있습니다.
  2. 새 파일 생성 (MacOS: Cmd + N, Windows/Linux: Ctrl + N): 새 파일을 생성합니다.
  3. 파일 저장 (MacOS: Cmd + S, Windows/Linux: Ctrl + S): 현재 작업 중인 파일을 저장합니다.
  4. 터미널 열기 (MacOS: Ctrl + `, Windows/Linux: Ctrl + `): 통합 터미널 창을 엽니다.
  5. 전체 검색 (MacOS: Cmd + Shift + F, Windows/Linux: Ctrl + Shift + F): 모든 파일에 대한 검색을 수행합니다.
  6. 검색 및 바꾸기 (MacOS: Cmd + H, Windows/Linux: Ctrl + H): 파일 내 텍스트를 찾아 바꿉니다.
  7. 주석 처리 (MacOS: Cmd + /, Windows/Linux: Ctrl + /): 선택한 코드 라인이나 블록을 주석 처리합니다.
  8. 라인 복사 (MacOS: Opt + Shift + ↑/↓, Windows/Linux: Alt + Shift + ↑/↓): 한 라인이나 여러 라인을 복사합니다.
  9. 라인 이동 (MacOS: Opt + ↑/↓, Windows/Linux: Alt + ↑/↓): 코드 라인을 위나 아래로 이동시킵니다.
  10. 라인 삭제 (MacOS: Cmd + Shift + K, Windows/Linux: Ctrl + Shift + K): 선택한 라인을 삭제합니다.
  11. 일치하는 괄호로 이동/선택 (MacOS: Cmd + ], Windows/Linux: Ctrl + Shift + \): 괄호 사이로 이동 또는 선택할 수 있습니다.
  12. 코드 접기/펼치기 (MacOS: Cmd + Opt + [ or Cmd + Opt + ], Windows/Linux: Ctrl + Shift + [ or Ctrl + Shift + ]): 코드 블록을 접었다 늘어놓습니다.
  13. 사이드바 표시 & 숨기기 (MacOS: Cmd + B, Windows/Linux: Ctrl + B): 사이드바를 열거나 숨깁니다.
  14. 정의로 이동 (MacOS: Cmd + Click, Windows/Linux: Ctrl + Click): 코드에서 지점을 클릭하여 정의를 볼 수 있습니다.
  15. 오류 및 경고 탐색 (MacOS: F8, Windows/Linux: F8): 문서의 오류 및 경고 사이를 탐색하며 시각적으로 코드의 문제를 쉽게 파악할 수 있습니다.

3. 맞춤 설정한 코드 스니펫 사용하기

자주 사용하는 코드 블록이 있다면, 사용자 정의 코드 스니펫을 생성 사용하면 소요 시간을 크게 줄일 수 있습니다.
JSON 형식으로 스니펫을 작성하거나, 'Configure User Snippets' 메뉴를 통해 직접 설정할 수 있습니다.

4. 멀티커서 기능 활용하기

VSCode의 멀티커서 기능을 활용하면 여러 위치에서 동시에 편집할 수 있어 매우 효율적입니다. 간단한 변경사항이 있을 때, 멀티커서를 사용하여 빠르게 수정하세요. (MacOS: Opt + Click, Windows/Linux: Alt + Click)

5. Git과의 통합 강화

VSCode는 내장된 Git 지원 기능을 제공합니다. GitHub 확장기능이나 GitLens 확장기능 등을 추가로 설치하면 소스 코드 관리, 코드 리뷰, 브랜치 관리 등을 훨씬 더 쉽게 할 수 있습니다.

본 글에서는 자세하게 설명된 팁들을 활용하면, 개발자 여러분들이 생산성을 향상시킬 수 있습니다. 이를 기반으로 목표를 세우고, 계속 개선하여 더 나은 개발자로 성장하세요. 행운을 빌어요!

반응형