VSCode 2025의 AI 기반 리팩토링 기능으로 레거시 코드 현대화하기

Posted by heoncode
2025. 4. 24. 15:18 개발 환경 & 팁 모음
반응형
SMALL

VSCode 2025의 AI 기반 리팩토링 기능으로 레거시 코드 현대화하기

레거시 코드는 많은 개발자들에게 기술 부채로 작용합니다. 시간이 흐르며 관리가 어려워진 코드베이스는 유지보수 비용 증가, 새로운 기능 개발 지연 등의 문제를 야기합니다. VSCode는 2025년 기준으로 AI 기반 리팩토링 기능을 강화하여, 이러한 레거시 코드 문제를 효율적으로 해결할 수 있는 환경을 제공합니다.

AI 분석을 통한 코드 이해도 향상

VSCode 2025는 AI 모델을 통해 프로젝트 전반의 구조, 의존성, 반복 패턴 등을 스캔하고 분석합니다. 사용자가 특정 파일이나 함수에서 ‘Refactor with AI’를 실행하면, 내부적으로 Abstract Syntax Tree(AST)를 활용한 분석이 시작되며 다음과 같은 정보를 제공합니다:

  • 반복되는 로직 탐지
  • 불필요하거나 오래된 API 사용 확인
  • 함수 복잡도 평가 및 분해 제안

이 분석 결과는 단순 경고 수준이 아니라, 실제 리팩토링 동작을 기반으로 구현 가능한 추천 목록으로 제공됩니다.

코드 리팩토링 자동화 제안

분석 결과를 바탕으로 VSCode는 개발자에게 자동화된 리팩토링 옵션을 제시합니다. 예를 들어 다음과 같은 제안이 가능합니다:

  • 긴 함수 분리 (Extract Method)
  • 중복된 if/else 조건 통합
  • 클래스 단위 책임 분리 (SRP 위배 감지)

각 제안은 “미리보기(Preview Changes)” 기능으로 사전 확인이 가능하며, 전체 혹은 선택 적용도 가능합니다.

테스트 기반 리팩토링 검증

AI 리팩토링 적용 시, 기존 테스트 코드가 있는 경우 자동으로 테스트를 실행하여 변경 사항의 안정성을 검증합니다. 이는 단순한 코드 개선뿐 아니라 실제 동작 보장까지 포함하는 기능입니다. 테스트가 실패할 경우 원인 분석도 함께 제공되어 빠른 수정이 가능합니다.

협업을 고려한 변경 이력 자동 관리

모든 리팩토링 기록은 Refactor History라는 패널에 자동으로 저장됩니다. 이는 팀 개발 환경에서 변경 이력을 추적하거나, 특정 변경 시점을 되돌릴 수 있도록 돕습니다. 또한 .refactor.json 설정 파일을 통해 리팩토링 정책을 팀 공통으로 적용하는 것도 가능합니다.

결론

VSCode 2025의 AI 기반 리팩토링 기능은 단순한 자동 완성 수준을 넘어서, 실제 개발자의 리팩토링 업무를 실질적으로 도와주는 도구로 발전하고 있습니다. 레거시 코드 관리가 부담스럽거나, 코드 품질을 체계적으로 개선하고 싶은 개발자에게 추천할 만한 기능입니다. 코드 현대화는 선택이 아닌 필수입니다. VSCode의 AI 기능을 적극 활용해보시기 바랍니다.

#VSCode #AI리팩토링 #레거시코드 #코드현대화 #개발생산성

반응형
LIST

Visual Studio Code 숨은 기능 & 생산성 향상 팁 모음

Posted by heoncode
2025. 4. 20. 14:40 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code 숨은 기능 & 생산성 향상 팁 모음

Visual Studio Code(이하 VSCode)는 기본 기능만으로도 충분히 훌륭한 코드 편집기이지만, 잘 알려지지 않은 숨은 기능까지 활용하면 생산성을 더욱 높일 수 있습니다. 이번 글에서는 실무에 유용한 VSCode 숨은 기능과 설정 팁을 정리합니다.

1. 다중 커서 편집(Multi-Cursor Editing)

VSCode에서는 Alt 키를 누른 상태로 클릭하여 여러 위치에 동시에 커서를 추가할 수 있습니다. 또한 Ctrl + Shift + L을 누르면 선택한 단어와 같은 모든 단어에 커서를 추가할 수 있어 일괄 수정이 가능합니다.

2. 파일 간 빠른 전환(Quick File Switch)

Ctrl + P를 누르면 현재 작업 중인 폴더 내 파일들을 빠르게 검색하여 열 수 있습니다. 파일명을 일부만 입력해도 자동 완성되며, 최근 열었던 파일로 이동할 때 매우 유용합니다.

3. 명령 팔레트(Command Palette) 활용

Ctrl + Shift + P를 누르면 명령 팔레트를 열 수 있습니다. 확장 프로그램 설치, 설정 변경, 포맷팅 등 거의 모든 기능을 명령어로 검색해 실행할 수 있어 마우스 이동 없이 작업이 가능합니다.

4. 설정 검색 & 필터링

VSCode 설정 화면(파일 > 기본 설정 > 설정)에서는 키워드 검색이 가능합니다. 특정 설정을 빠르게 찾고 싶을 때 키워드를 입력하면 관련 항목만 필터링되어 효율적입니다.

5. 임시 편집기(Preview Mode)

탐색기에서 파일을 클릭할 때 임시 편집기(preview tab)로 열립니다. 이 기능 덕분에 불필요한 탭을 계속 생성하지 않고 하나의 탭만 재활용할 수 있습니다. 파일을 편집하면 자동으로 고정되며, 고정하려면 파일 탭을 더블클릭하면 됩니다.

6. 터미널 분할(Split Terminal)

내장 터미널을 열고 싶을 때 Ctrl + ` (백틱 키)를 누르면 됩니다. 터미널 창을 가로 또는 세로로 분할하려면 터미널 우측 상단에 있는 분할 아이콘을 클릭하거나 Ctrl + Shift + 5를 누르면 됩니다.

7. 작은 단위 커밋을 위한 소스 제어(Source Control)

VSCode에서는 Git을 기본 지원합니다. 좌측 패널의 소스 제어 아이콘을 통해 변경된 파일만 빠르게 커밋하고, 파일별로 선택하여 커밋하거나 바로 푸시할 수 있습니다.

8. 자동 저장(Auto Save)

파일 > 자동 저장(Auto Save) 메뉴를 활성화하면 일정 시간마다, 혹은 포커스를 잃을 때 자동으로 파일이 저장됩니다. 저장 실수를 방지하고 개발 흐름을 끊기지 않게 유지할 수 있습니다.

9. 스니펫(Snippets) 사용

코드를 빠르게 작성하고 싶을 때 사용자 정의 스니펫을 사용할 수 있습니다. 설정 > 사용자 스니펫으로 진입해 자주 사용하는 코드 조각을 등록하면 짧은 키워드만 입력해 자동 완성할 수 있습니다.

10. 미니맵(Minimap) 활용

편집기 우측에 나타나는 미니맵을 통해 코드 전체 구조를 빠르게 파악할 수 있습니다. 설정 > 미니맵에서 활성화 여부를 조정할 수 있으며, 코드 길이가 긴 파일 작업 시 특히 유용합니다.

마무리

VSCode의 숨은 기능을 적극 활용하면 작업 속도와 효율이 크게 향상됩니다. 기본 사용법에 익숙해졌다면 이번에 소개한 기능들을 차근차근 적용해보며 생산성을 한 단계 높여보시기 바랍니다.

#VSCode #숨은기능 #생산성팁 #개발환경 #코드편집기

반응형
LIST

Visual Studio Code 워크스페이스 설정법 & 폴더 관리 꿀팁

Posted by heoncode
2025. 4. 19. 15:22 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code 워크스페이스 설정법 & 폴더 관리 꿀팁

Visual Studio Code(이하 VSCode)는 뛰어난 유연성 덕분에 다양한 프로젝트를 관리하기 좋은 코드 에디터입니다. 특히 워크스페이스 기능을 잘 활용하면 복잡한 폴더 구조나 여러 프로젝트를 효율적으로 다룰 수 있습니다. 이번 글에서는 VSCode 워크스페이스 기본 개념부터 폴더 관리 실전 팁까지 정리합니다.

워크스페이스란 무엇인가

워크스페이스는 VSCode에서 하나 이상의 폴더를 그룹으로 관리할 수 있는 기능입니다. 단일 폴더를 열어서 작업할 수도 있지만, 워크스페이스를 활용하면 여러 프로젝트를 하나의 세션에서 편리하게 다룰 수 있습니다.

워크스페이스는 .code-workspace라는 별도의 파일로 저장되며, 이 파일 안에 열려 있는 폴더 목록과 특정 설정값이 포함됩니다.

워크스페이스 파일 생성 방법

  1. VSCode를 실행하고 원하는 폴더를 엽니다.
  2. "파일 > 워크스페이스에 폴더 추가" 메뉴를 통해 추가 폴더를 등록합니다.
  3. "파일 > 워크스페이스로 저장"을 선택하여 .code-workspace 파일을 저장합니다.

이 과정을 통해 여러 폴더를 하나의 워크스페이스로 묶을 수 있으며, 다음부터는 이 파일만 열면 동일한 구성으로 작업을 시작할 수 있습니다.

워크스페이스 설정의 장점

  • 폴더별 설정 분리: 특정 폴더만 별도 설정이 필요할 경우, 워크스페이스에서 세부 설정을 분리할 수 있습니다.
  • 프로젝트 간 빠른 전환: 하나의 세션에서 다양한 폴더를 오가며 작업할 수 있습니다.
  • 일관된 개발 환경: 팀원들과 .code-workspace 파일을 공유하면 모두 같은 개발 환경을 사용할 수 있습니다.

워크스페이스 설정 예시

워크스페이스 파일에서는 폴더 구조뿐 아니라 다양한 설정을 함께 관리할 수 있습니다. 기본 구조 예시는 다음과 같습니다.

{
    "folders": [
        {
            "path": "프로젝트A"
        },
        {
            "path": "프로젝트B"
        }
    ],
    "settings": {
        "editor.tabSize": 2,
        "files.exclude": {
            "**/.git": true,
            "**/node_modules": true
        }
    }
}

이 예제에서는 탭 크기를 2로 설정하고, .git 폴더와 node_modules 폴더를 탐색기에서 숨기는 설정을 추가했습니다.

폴더 관리 실전 팁

  • 탐색기에서 불필요한 폴더 숨기기: files.exclude를 활용해 보기 싫은 폴더를 숨기면 폴더 트리가 깔끔해집니다.
  • 워크스페이스별 확장 기능 적용: 특정 워크스페이스에만 필요한 확장 프로그램을 설치하거나 비활성화할 수 있습니다.
  • 작업 폴더 정리: 프로젝트별 하위 폴더를 깔끔하게 정리하면 워크스페이스 관리가 훨씬 쉬워집니다.

마무리

VSCode의 워크스페이스 기능은 단순한 폴더 열기 이상의 강력한 생산성 도구입니다. 여러 프로젝트를 관리하거나 복잡한 폴더 구조를 깔끔하게 유지하고 싶다면 워크스페이스를 적극 활용해보시기 바랍니다.

#VSCode #워크스페이스 #폴더관리 #개발환경 #코드편집기

반응형
LIST

VSCode 테마 & 아이콘팩 추천 – 개발할 맛 나는 설정 모음

Posted by heoncode
2025. 4. 18. 19:07 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code(VSCode)는 다양한 테마와 아이콘팩을 지원해 개발환경을 자유롭게 커스터마이징할 수 있습니다. 개발자가 자주 머무는 공간인 만큼, 눈이 편하고 작업이 즐거워지는 환경을 만드는 것은 매우 중요합니다. 이번 글에서는 많은 사용자들에게 사랑받는 VSCode 테마와 아이콘팩을 추천합니다.

VSCode 추천 테마

1. One Dark Pro

  • GitHub의 Atom 에디터 테마를 기반으로 제작된 테마입니다.
  • 다크 모드 기반으로 가독성이 뛰어나며, 눈이 피로하지 않은 색상 배합이 특징입니다.
  • 깔끔하면서도 개발 코드에 집중할 수 있는 환경을 제공합니다.

2. Dracula Official

  • 보라색 계열을 중심으로 한 다크 테마입니다.
  • 색 대비가 강해 코드 구분이 명확하며, 시각적인 피로도를 줄여줍니다.
  • 다양한 에디터와 툴에서 호환되는 점도 장점입니다.

3. GitHub Theme

  • GitHub 웹사이트와 동일한 색감을 VSCode에서도 사용할 수 있습니다.
  • 친숙하고 부드러운 색감 덕분에 장시간 코딩에도 무리가 없습니다.
  • Light 모드와 Dark 모드를 모두 지원합니다.

4. Tokyo Night

  • 일본 네온 감성을 모티브로 한 다크 테마입니다.
  • 블루 톤 기반으로 차분하면서도 현대적인 느낌을 줍니다.
  • 프론트엔드, 백엔드 모두에게 인기가 높은 테마입니다.

VSCode 추천 아이콘팩

1. Material Icon Theme

  • 가장 널리 사용되는 아이콘팩입니다.
  • 폴더와 파일 타입에 따라 직관적인 아이콘을 제공해 프로젝트 구조를 한눈에 파악할 수 있습니다.
  • 다양한 테마와도 조화롭게 어울립니다.

2. VSCode Icons

  • 풍부한 색감과 다양한 아이콘을 제공하는 확장입니다.
  • 프로젝트에 다양한 파일 형식이 많을 경우, 구분이 쉽고 보기 좋습니다.
  • 사용자 설정을 통해 특정 파일에 커스텀 아이콘을 지정할 수 있는 기능도 지원합니다.

설치 방법

  1. VSCode 좌측 사이드바에서 Extensions(확장) 아이콘 클릭
  2. 검색창에 원하는 테마나 아이콘팩 이름 입력
  3. Install 버튼 클릭 후 적용

테마 변경은 Ctrl + KCtrl + T를 누르면 쉽게 선택할 수 있습니다.
아이콘 테마 변경은 파일기본 설정파일 아이콘 테마 메뉴에서 변경할 수 있습니다.

실무 팁

  • 테마는 단순 취향이 아니라, 코드 가독성과 장시간 작업 시 피로도에 직접적인 영향을 줍니다.
  • 낮은 대비의 테마는 눈이 편하지만, 선명도가 낮아 디버깅 시 불편할 수 있습니다. 상황에 따라 테마를 교체하며 사용하는 것도 좋은 방법입니다.
  • 프로젝트 성격에 따라 아이콘팩을 바꿔보는 것도 생산성 향상에 도움이 됩니다. 예를 들어, 파일 종류가 다양할수록 구체적인 아이콘팩이 효과적입니다.

좋은 테마와 아이콘팩을 적용하면 개발 집중력과 몰입도가 눈에 띄게 올라갑니다. 본인에게 가장 맞는 조합을 찾아 최적의 환경을 만들어보시기 바랍니다.

#VSCode #테마추천 #아이콘팩추천 #개발환경꾸미기 #코딩생산성

반응형
LIST

Visual Studio Code 단축키 완벽 정리 – 초보부터 고급까지 자주 쓰는 단축키

Posted by heoncode
2025. 4. 18. 09:04 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code(VSCode)는 강력한 기능과 더불어 다양한 단축키를 지원합니다. 마우스 없이 키보드만으로 작업 속도를 높이기 위해 단축키를 익히는 것은 매우 중요합니다. 이번 글에서는 초보자부터 고급 사용자까지 자주 사용하는 VSCode 단축키를 정리해 소개합니다.

기본 이동 및 편집 단축키

  • Ctrl + P : 파일 빠르게 열기

  • Ctrl + Shift + O : 현재 파일 내 심볼(함수, 변수 등) 이동

  • Ctrl + G : 특정 줄 번호로 이동

  • Ctrl + Shift + ] / [ : 코드 블록 접기/펼치기

  • Ctrl + C : 선택 영역이 없을 경우 현재 줄 복사

  • Ctrl + X : 선택 영역이 없을 경우 현재 줄 잘라내기

  • Alt + ↑ / ↓ : 현재 줄 위/아래로 이동

  • Shift + Alt + ↑ / ↓ : 현재 줄 복제

멀티 커서 & 편집 기능 단축키

  • Alt + Click : 원하는 위치에 커서 추가

  • Ctrl + Alt + ↓ / ↑ : 다음 줄에 커서 추가

  • Ctrl + D : 같은 단어 다음 찾기 및 선택

  • Ctrl + Shift + L : 선택된 모든 단어 일괄 선택

  • Ctrl + F2 : 문서 전체에서 같은 단어 모두 선택

  • Ctrl + / : 현재 줄 주석 처리

  • Shift + Alt + A : 선택 영역 블록 주석 처리

멀티 커서를 활용하면 여러 줄을 동시에 편집할 수 있어 생산성을 크게 높일 수 있습니다.

탐색 및 검색 단축키

  • Ctrl + Shift + F : 전체 프로젝트 내 검색
  • Ctrl + F : 현재 파일 내 검색
  • Ctrl + H : 현재 파일 내 검색 후 치환
  • F8 : 다음 검색 결과로 이동
  • Shift + F8 : 이전 검색 결과로 이동

터미널 및 디버깅 단축키

  • Ctrl + (백틱)` : 통합 터미널 열기/닫기
  • Ctrl + Shift + ' : 새 터미널 생성
  • F5 : 디버깅 시작
  • F9 : 중단점 토글
  • F10 : 디버깅 중 한 줄씩 실행(Step Over)
  • F11 : 함수 내부로 진입(Step Into)

VSCode의 통합 터미널을 단축키로 자유롭게 다루면, 별도 터미널 프로그램을 사용할 필요가 없어집니다.

기타 유용한 단축키

  • Ctrl + B : 사이드바 열기/닫기
  • Ctrl + KCtrl + S : 전체 단축키 목록 보기
  • Ctrl + KCtrl + 0 : 에디터 포커스 이동
  • Ctrl + Shift + M : 문제 패널 열기

실무 팁

  • 익숙해진 단축키부터 자연스럽게 손에 익히는 것이 중요합니다. 한꺼번에 외우기보다, 한두 개씩 늘려가는 방법이 효율적입니다.
  • 직접 단축키를 커스터마이징할 수도 있습니다. 파일환경설정키보드 단축키 메뉴에서 본인 스타일에 맞게 수정이 가능합니다.
  • 작업이 느려지거나 마우스를 많이 사용하는 구간이 있다면, 그 부분의 단축키를 찾아서 익혀보는 것이 큰 도움이 됩니다.

VSCode 단축키를 꾸준히 연습하면 개발 속도가 눈에 띄게 빨라집니다. 지금부터 하나씩 적용해보시기 바랍니다.

#VSCode #단축키정리 #코딩생산성 #개발환경 #VSCode팁

반응형
LIST

Visual Studio Code 최적 세팅 방법 – settings.json 기본 세팅 예제 정리

Posted by heoncode
2025. 4. 17. 22:06 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code(VSCode)는 기본 설정만으로도 충분히 사용할 수 있지만, settings.json 파일을 통해 개인에 맞는 최적화된 개발 환경을 만들 수 있습니다. 오늘은 실무에서 자주 사용하는 VSCode 기본 세팅 예제를 정리해 소개합니다.

settings.json이란?

settings.json은 VSCode의 세부 설정을 담는 파일입니다. UI를 통해 설정할 수도 있지만, 직접 JSON 파일을 수정하면 더 빠르고 세밀한 설정이 가능합니다. 사용자 설정(User Settings)과 작업 영역 설정(Workspace Settings)으로 나뉘며, 여기서는 사용자 설정 기준으로 설명합니다.

settings.json 파일 여는 방법

  1. VSCode 오른쪽 하단 톱니바퀴 클릭
  2. 설정(Settings) → 우측 상단 {} 아이콘 클릭
  3. settings.json 파일 열림

또는 단축키 Ctrl + Shift + P를 누른 후, "Preferences: Open Settings (JSON)"을 검색해 바로 열 수 있습니다.

추천 기본 세팅 예제

다음은 대부분의 개발자가 유용하게 사용하는 기본 세팅입니다.

{
    "editor.tabSize": 4,
    "editor.insertSpaces": true,
    "editor.wordWrap": "on",
    "files.autoSave": "onFocusChange",
    "editor.formatOnSave": true,
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },
    "terminal.integrated.fontSize": 13,
    "workbench.startupEditor": "none",
    "breadcrumbs.enabled": true
}

세팅 항목 설명

  • editor.tabSize: 탭을 4칸 들여쓰기로 설정합니다.
  • editor.insertSpaces: 탭 대신 공백(space)으로 들여쓰기를 합니다.
  • editor.wordWrap: 긴 코드 줄을 자동으로 줄바꿈 처리합니다.
  • files.autoSave: 다른 창으로 포커스 이동 시 파일을 자동 저장합니다.
  • editor.formatOnSave: 파일 저장 시 자동으로 코드 포맷팅을 적용합니다.
  • editor.codeActionsOnSave: 저장할 때 가능한 오류를 자동 수정합니다.
  • terminal.integrated.fontSize: 터미널 글자 크기를 13px로 설정합니다.
  • workbench.startupEditor: VSCode 실행 시 빈 화면으로 시작합니다.
  • breadcrumbs.enabled: 현재 파일 경로를 상단에 표시합니다.

추가 추천 설정

개발 스타일이나 사용하는 언어에 따라 다음 설정도 고려할 수 있습니다.

  • "editor.minimap.enabled": false → 미니맵(우측 미리보기) 비활성화
  • "window.zoomLevel": 1 → 전체 에디터 UI 크기 확대
  • "editor.cursorSmoothCaretAnimation": true → 커서 이동 애니메이션 적용

실무 팁

  • settings.json은 개인 PC뿐만 아니라 클라우드 동기화를 통해 여러 기기에서 공유할 수 있습니다.
  • 설정이 꼬였을 경우, 기존 settings.json 파일을 백업한 후 초기화하면 문제를 쉽게 해결할 수 있습니다.
  • 언어나 프로젝트별로 다른 세팅이 필요한 경우, .vscode/settings.json을 별도로 구성하는 것도 좋은 방법입니다.

VSCode를 처음 설치한 후 기본 설정만 잘 잡아줘도 개발 생산성은 크게 향상됩니다. 이번 세팅 예제를 기반으로 자신만의 개발 환경을 꾸며보시기 바랍니다.

#VSCode #settings.json #개발환경 #코딩생산성 #VSCode세팅

반응형
LIST

Visual Studio Code 추천 확장 프로그램 2025 버전 – 생산성 향상 필수 플러그인 정리

Posted by heoncode
2025. 4. 17. 16:06 개발 환경 & 팁 모음
반응형
SMALL

Visual Studio Code(VSCode)는 가볍고 강력한 기능 덕분에 현재 가장 널리 사용되는 코드 편집기입니다. 기본 기능만으로도 훌륭하지만, 확장 프로그램을 활용하면 생산성과 작업 효율을 크게 높일 수 있습니다. 오늘은 2025년 기준으로 추천할 만한 VSCode 확장 프로그램을 정리해 소개합니다.

1. Prettier – Code formatter

Prettier는 코드 포맷팅을 자동화해주는 확장입니다. 팀 단위 개발 시 코드 스타일을 통일하는 데 필수적이며, 저장할 때 자동으로 코드 정리를 할 수 있어 사소한 포맷팅 스트레스가 줄어듭니다.

  • 주요 기능: 자동 코드 정렬, 포맷 강제 적용
  • 추천 설정: 저장 시 포맷팅(Auto Format on Save) 활성화

2. GitLens – Git supercharged

GitLens는 Git 사용 경험을 극대화해주는 확장입니다. 코드 라인별로 누가 작성했는지 보여주고, 커밋 히스토리를 간편하게 확인할 수 있습니다. 코드 분석과 협업에 매우 유용합니다.

  • 주요 기능: Blame 표시, 커밋 내역 비교, 변경사항 시각화
  • 추천 설정: 사이드바에 GitLens 패널 고정

3. REST Client

REST Client는 외부 API 요청을 간편하게 테스트할 수 있는 도구입니다. 별도의 프로그램 없이 VSCode 안에서 HTTP 요청을 작성하고 바로 결과를 받을 수 있어 백엔드 개발자나 API를 자주 다루는 개발자에게 유용합니다.

  • 주요 기능: GET, POST 요청 테스트, 토큰 인증 지원
  • 추천 사용: 프로젝트 루트에 .http 파일 작성해 관리

4. Tabnine – AI Code Completion

Tabnine은 인공지능 기반 코드 자동완성 확장입니다. 프로젝트 패턴을 학습해 다음에 올 코드를 예측하여 추천해줍니다. 특히 반복되는 코드 작성 시 빠른 생산성 향상을 기대할 수 있습니다.

  • 주요 기능: AI 기반 코드 자동완성, 다양한 언어 지원
  • 주의 사항: 무료 버전은 기능 일부 제한

5. Error Lens

Error Lens는 코드 오류나 경고를 라인에 직접 표시해주는 확장입니다. 별도로 문제탐색기 창을 열지 않고도 문제를 바로 인식하고 수정할 수 있어 디버깅 효율이 높아집니다.

  • 주요 기능: 에러 메시지 인라인 표시, 경고/오류 강조
  • 추천 설정: 경고/에러 색상 커스터마이즈

부가 추천: 개발을 더 빠르게 하는 확장들

  • Path Intellisense: 파일 경로 자동완성 지원
  • Bracket Pair Colorizer 2: 중괄호, 대괄호 짝을 색깔로 구분
  • Markdown All in One: 마크다운 작성 환경 최적화

실무 팁

  • 확장은 많을수록 좋은 것이 아니라, 필요한 최소한만 설치하는 것이 성능 유지에 유리합니다.
  • 설정 파일(settings.json)을 백업해두면, 다른 PC에서도 빠르게 환경을 복원할 수 있습니다.
  • 확장 설치 후 바로 적용이 안 되는 경우, VSCode를 재시작하거나 설정을 한번 확인해보는 것이 좋습니다.

Visual Studio Code는 확장을 어떻게 구성하느냐에 따라 완전히 다른 개발 경험을 제공합니다. 이번에 소개한 확장 프로그램을 설치해 개발 생산성을 한층 끌어올려 보시기 바랍니다.

#VSCode #개발환경 #코딩생산성 #VSCode추천확장 #프로그래밍툴

반응형
LIST

VS Code에서 SQL 개발환경 최적화 팁 – 오라클 쿼리까지 편하게 작성하는 방법

Posted by heoncode
2025. 4. 14. 15:53 개발 환경 & 팁 모음
반응형
SMALL

VS Code에서 SQL 개발환경 최적화 팁 – 오라클 쿼리까지 편하게 작성하는 방법

SQL 쿼리를 자주 작성하는 개발자라면, 편리한 에디터 환경을 갖추는 것이 생산성에 큰 영향을 미칩니다. 특히 오라클을 포함한 다양한 DBMS의 쿼리를 작성해야 하는 경우, Visual Studio Code(이하 VS Code)는 가볍고 강력한 도구가 되어줄 수 있습니다. 이 글에서는 VS Code를 활용한 SQL 개발환경 구성 방법과 유용한 확장 기능들을 소개합니다.

1. SQL용 확장 기능 설치

VS Code는 기본적으로 SQL 문법을 인식하지 않기 때문에, 확장 기능을 설치해주는 것이 좋습니다. 대표적인 확장 기능은 다음과 같습니다.

  • SQLTools: 다양한 DBMS와 연동할 수 있는 인기 확장 기능입니다. 오라클, MySQL, PostgreSQL 등 대부분의 시스템을 지원합니다.
  • SQL Formatter: 쿼리 정렬 및 들여쓰기를 자동화해주는 도구로, 가독성 높은 코드를 작성할 수 있습니다.
  • Oracle Developer Tools for VS Code: 오라클 전용 플러그인으로, SQL Developer와 비슷한 환경을 제공합니다.

2. SQLTools로 오라클 연동하기

SQLTools는 다양한 DB와 연결이 가능하며, 오라클도 지원합니다. 오라클 연동을 위해서는 추가 드라이버 설치가 필요합니다.

  1. SQLTools와 함께 설치되는 SQLTools Oracle Driver를 활성화합니다.

  2. .vscode/settings.json 또는 SQLTools UI에서 다음과 같이 설정합니다:

     {
       "connections": [
         {
           "name": "OracleLocal",
           "driver": "OracleDB",
           "username": "SCOTT",
           "password": "tiger",
           "tns": "localhost:1521/XEPDB1"
         }
       ]
     }
  3. 연결이 정상적으로 이루어지면, VS Code 내에서 바로 SQL 실행이 가능합니다.

3. SQL 문법 자동완성과 하이라이팅

SQL 작성 시 문법 강조가 적용되지 않으면 생산성이 떨어집니다. 위에서 소개한 확장 기능을 통해 다음과 같은 기능을 사용할 수 있습니다:

  • 구문 강조 (Syntax Highlighting)
  • 자동 들여쓰기 및 문법 자동완성
  • 명령어 기반 실행 (Ctrl + E 등 단축키 설정 가능)

4. 쿼리 실행 결과 확인

SQLTools를 통해 쿼리를 실행하면, 결과는 VS Code 내부 Output 창 또는 전용 탭에서 확인할 수 있습니다. 복잡한 SQL을 단계별로 검증하거나, 테스트 데이터를 확인하는 용도로 유용합니다.

5. 쿼리 튜닝에 활용되는 팁들

실제 쿼리를 작성하다 보면, 성능을 고려한 튜닝이 필요합니다. 쿼리 튜닝과 관련된 실무적인 팁은 아래 글을 참고해보세요.

마무리

VS Code는 단순한 코드 에디터 그 이상입니다. SQLTools와 같은 확장 기능을 활용하면 데이터베이스 전용 IDE 못지않은 환경을 구축할 수 있습니다. 오라클을 포함한 다양한 DBMS와 연동하여 효율적인 쿼리 개발을 시작해보세요.

#sql #vscode #오라클 #sql개발환경 #sqltools #oracle연동 #sql확장기능 #sql에디터 #쿼리작성팁 #sqlformatter

반응형
LIST