VS 코드 확장

개요#

다양한 개발 영역에서 생산성을 높이고 기술을 향상하도록 설계된 필수 VS Code 확장의 엄선된 컬렉션을 살펴보세요. 이러한 확장 프로그램은 쉽게 탐색할 수 있도록 카테고리별로 그룹화되어 있습니다.

깔끔한 코드 및 리팩토링#

TIP
리팩터링, 측정항목 및 개선된 주석 작성을 위한 도구를 제공하는 이러한 확장 기능을 사용하여 깔끔하고 유지 관리 가능한 코드를 유지하세요. :::- 코드 지표: 상태 표시줄에 코드 복잡성을 직접 표시하여 유지 관리 분석에 도움을 줍니다.

Abracadabra, Refactor This: JavaScript/TypeScript에서 기호 이름 바꾸기 또는 변수 추출과 같은 리팩토링 작업을 자동화합니다.

Hocus Pocus: 함수, 변수, 클래스 생성 또는 사용법 전환을 단순화합니다.

SonarLint: 실행 가능한 제안을 통해 코드의 버그 및 보안 문제를 강조합니다.

ESLint: JavaScript/TypeScript 코드의 문제를 식별하고 수정하기 위해 ESLint를 통합합니다.

더 나은 댓글: 색상으로 구분된 태그로 댓글 가독성을 향상합니다.

문서화: 함수 및 클래스에 대한 JSDoc 주석을 자동으로 생성합니다.

코드 맞춤법 검사기: 코드에서 맞춤법 오류를 감지하여 수정 사항을 제공합니다.

Visual Studio IntelliCode: 상황 인식 제안을 제공하는 AI 기반 IntelliSense.

TODO 하이라이트: TODO와 주석을 추적하여 간과되는 부분이 없도록 합니다.

코드 조각#
IMPORTANT
사전 정의된 스니펫은 시간을 절약하고 워크플로우에서 반복적인 작업을 줄입니다. :::- JavaScript(ES6) 코드 조각: 최신 JavaScript/TypeScript 개발을 위한 조각입니다.

ES7 React/Redux/GraphQL/React-Native Snippets: React 및 Redux 생태계의 생산성을 향상합니다.

Vue 2/3 스니펫: Vue.js에 대한 편리한 스니펫을 제공합니다.

Angular 10 스니펫: 구성 요소, 서비스 등에 대한 필수 Angular 스니펫입니다.

Reactjs 코드 조각: ES6/ES7 구문의 React 개발에 맞게 조정되었습니다.

Bootstrap 및 Font Awesome 스니펫: Bootstrap 및 Font Awesome을 사용한 빠른 스타일링을 위한 스니펫입니다.

Angular Jasmine 단위 테스트 조각: Jasmine을 사용하여 Angular에서 단위 테스트를 가속화합니다.

노드 스니펫: 효율적인 Node.js 개발을 위한 스니펫입니다.

데이터베이스#
NOTE
이러한 강력한 확장 기능을 사용하여 VS Code에서 직접 데이터베이스를 관리하고 쿼리하세요. :::- SQL Server(mssql): SQL Server 및 Azure 데이터베이스와 원활하게 작동합니다.

MySQL: MySQL 데이터베이스를 쉽게 관리하세요.

PostgreSQL: PostgreSQL 데이터베이스에 대한 강력한 지원.

MongoDB: MongoDB 컬렉션 및 문서 관리를 단순화합니다.

SQLTools: 여러 SQL 데이터베이스에 연결하여 고급 관리 기능을 제공합니다.

테마 및 스타일링#
TIP
시각적 사용자 정의를 위한 테마와 도구를 사용하여 코딩 환경을 강화하세요. :::- Winter Is Coming 테마: 왕좌의 게임에서 영감을 받은 테마입니다.

One Dark Pro: Atom의 인기 있는 One Dark 테마를 기반으로 합니다.

녹티스: 균형 잡힌 어두운 테마와 밝은 테마를 제공합니다.

머티리얼 테마: Google의 머티리얼 디자인을 VS Code로 가져옵니다.

드라큘라 테마: 생동감 넘치는 색상의 매끄럽고 어두운 테마입니다.

VS 코드 아이콘: 더 나은 파일 인식을 위해 사용자 정의 가능한 아이콘.

Prettier: 일관된 스타일을 위해 코드 형식을 자동화합니다.

미화: HTML, CSS, JavaScript 및 JSON 형식을 지정합니다.

Peacock: 독특한 색상으로 작업 공간을 차별화합니다.

소스 제어#
IMPORTANT
편집기에서 직접 Git 워크플로우와 협업을 강화하세요. :::- GitLens: 비난, 기록, 숨김 관리를 포함한 고급 Git 도구입니다.

Git 기록: 파일 또는 분기 기록을 시각화하고 탐색합니다.

CodeStream: 코드 문제 및 검토에 관해 팀원과 협력합니다.

디버깅#
WARNING
이러한 도구를 사용하여 비용이 많이 드는 실수를 방지하려면 디버깅을 단순화하세요. :::- Chrome용 디버거: Chrome에서 실행되는 JavaScript를 디버그합니다.

Firefox용 디버거: Firefox에서 웹 앱을 디버그합니다.

노드용 디버거: Node.js 애플리케이션을 효과적으로 디버그합니다.

유틸리티#
TIP
이러한 유틸리티는 반복적인 작업을 신속하게 처리하고 코딩을 단순화합니다. :::- Polacode: 코드의 아름다운 스냅샷을 생성합니다.

라이브 서버: 라이브 다시 로드를 통해 로컬 서버를 시작합니다.

가져오기 비용: JavaScript/TypeScript에 대한 가져오기 크기를 인라인으로 표시합니다.

VS 코드 카운터: 파일이나 작업 공간의 줄, 단어, 문자를 계산합니다.

설정 동기화: 여러 장치에서 VS Code 설정을 동기화합니다.

편집기 구성: 편집기 전체에 일관된 코딩 스타일을 적용합니다.

키맵#
NOTE
선호하는 편집기의 친숙한 키 바인딩을 사용하여 VS Code로 쉽게 전환할 수 있습니다. :::- Visual Studio: Visual Studio 키 바인딩을 모방합니다.

Atom: Atom 편집 매니아를 위한 제품입니다.

Sublime Text: Sublime Text 단축키를 적용합니다.

JetBrains IDE: VS Code로 전환하는 JetBrains 사용자용입니다.

AI 개발 도구#
IMPORTANT
AI를 활용하여 코딩 효율성과 지능을 향상합니다. :::- GitHub Copilot: GitHub 및 OpenAI에서 개발한 AI 기반 코드 완성 도구로, 코드 조각 및 기능을 자동 완성하여 사용자를 지원합니다. oaicite:0

Tabnine: 코드 완성과 AI 기반 채팅을 제공하는 AI 코딩 도우미로, 80개 이상의 프로그래밍 언어와 프레임워크를 지원합니다. oaicite:1

커서: 코드 생성, 지능형 자동 완성, 코드베이스 이해와 같은 기능을 제공하는 AI 기반 통합 개발 환경입니다. oaicite:2

프론트엔드 개발#
TIP
이러한 확장 기능을 사용하여 프런트엔드 개발 워크플로를 향상하세요. :::- 라이브 Sass 컴파일러: Sass 또는 SCSS 파일을 CSS로 실시간 컴파일합니다.

HTML CSS 지원: HTML에 대한 CSS 클래스 이름 완성 기능을 제공합니다.

Path Intellisense: 코드에서 파일 이름을 자동 완성합니다.

CSS Peek: CSS ID 및 클래스 문자열을 정의로 엿볼 수 있습니다.

이미지 미리보기: 홈통과 마우스 오버 시 이미지 미리보기를 표시합니다.

백엔드 개발#
NOTE
이러한 필수 도구를 사용하여 백엔드 개발을 간소화하세요. :::- Docker: Dockerfile 및 docker-compose 파일에 대한 구문 강조, 명령, 호버 팁, Linting을 추가합니다.

REST 클라이언트: HTTP 요청을 보내고 VS Code에서 직접 응답을 볼 수 있습니다.

Swagger 뷰어: Swagger 및 OpenAPI 파일에 대한 미리 보기를 제공합니다.

npm: npm 스크립트를 쉽게 관리합니다.

YAML: 내장된 Kubernetes 구문 지원을 통해 YAML 언어 지원을 추가합니다.

네트워크 엔지니어링#
IMPORTANT
네트워크 엔지니어링 작업에 맞춰진 도구를 갖추십시오. :::- REST 클라이언트 편집기에서 직접 HTTP 요청을 보내고 응답을 볼 수 있습니다. VS Code를 종료하지 않고 API를 테스트하는 데 적합합니다.

Wireshark 구문 강조 Wireshark 캡처 파일에 대한 구문 강조 기능을 제공하여 네트워크 트래픽을 더 쉽게 분석할 수 있습니다.

Nmap 언어 지원 Nmap 스크립트에 구문 강조를 추가하여 네트워크 취약성과 구성을 분석하는 데 도움을 줍니다.

cURL 변환기 cURL 명령을 HTTP 요청으로 변환하여 VS Code 내에서 직접 API를 더 쉽게 테스트할 수 있습니다.

텔넷 클라이언트 네트워크 문제 해결 및 원격 서버 통신을 위한 터미널 기반 Telnet 클라이언트를 제공합니다.

SSH FS SSH를 통해 원격 서버를 마운트하고 보다 쉬운 관리를 위해 VS Code에서 직접 파일 시스템에 대한 액세스를 제공합니다.

Vim 사용자#
TIP
이러한 확장 기능을 사용하면 VS Code 환경을 Vim과 같은 느낌으로 만들 수 있습니다. :::- 빔 Vim 키 바인딩 및 기능을 VS Code에 가져와 편집기 내에서 친숙한 Vim 환경을 사용할 수 있습니다.

VsCodium 미니멀하고 사용자 정의가 가능하며 확장 가능한 환경을 제공하는 Vim에서 영감을 받은 확장 기능을 제공합니다.

VSCode용 EasyMotion Vim용 EasyMotion 플러그인을 모방하여 대상 위치를 강조 표시하여 파일을 빠르게 탐색할 수 있습니다.

VS Code용 Vimium 브라우저용 Vimium과 마찬가지로 키보드 단축키를 사용하여 VS Code를 탐색할 수 있습니다.

빔 NERDTree 강력한 NERDTree 파일 탐색기를 VS Code로 가져오므로 Vim 키 바인딩을 사용하여 파일 탐색 및 관리가 가능합니다.

저수준 프로그래밍 및 임베디드 개발#
NOTE
어셈블리, C 및 임베디드 시스템 작업을 위한 확장입니다. :::- C/C++ 확장 팩 IntelliSense, 디버깅, 코드 탐색을 포함한 C 및 C++ 개발을 위한 포괄적인 도구 세트입니다.

플랫폼IO IDE 광범위한 마이크로컨트롤러와 개발 보드를 지원하는 임베디드 시스템을 위한 완벽한 개발 환경입니다.

ARM 어셈블리 구문 강조 ARM 어셈블리 코드에 대한 구문 강조를 추가하여 하위 수준 코드를 보다 쉽게 시각화하고 이해하는 데 도움을 줍니다.

x86 및 x86_64 어셈블리 낮은 수준의 프로그래머와 리버스 엔지니어에게 이상적인 x86 어셈블리 언어에 대한 구문 지원을 제공합니다.

16진수 편집기 원시 바이너리 데이터를 보고 편집할 수 있으므로 펌웨어 및 하위 수준 파일 구조 작업에 매우 유용합니다.

AVR 지원 구문 강조, 코드 조각 등을 포함하여 AVR 마이크로 컨트롤러 프로그래밍을 지원합니다.

녹 분석기 코드 완성, 인라인 문서화, 리팩토링 도구를 지원하는 Rust 프로그래밍 확장입니다.

마이크로파이썬 파일 관리 및 VS Code에서 직접 장치로의 코드 업로드를 포함하여 MicroPython 개발에 대한 지원을 추가합니다.

사이버 보안 및 리버스 엔지니어링#
WARNING
코드 취약점을 분석하고, 정적 분석을 수행하고, 리버스 엔지니어링 도구를 살펴보세요. :::- 빈워크 임베디드 코드와 파일을 추출하고 리버스 엔지니어링할 수 있는 펌웨어 이미지 분석 도구입니다.

기드라 확장 프로그램 Ghidra 리버스 엔지니어링 프레임워크를 VS Code에 통합하여 바이너리와 디스어셈블된 코드를 분석할 수 있습니다.

YARA 규칙 YARA를 사용하여 맬웨어 분석 및 탐지를 위한 구문 강조 및 규칙 기반 파일 검색을 제공합니다.

정규식 미리보기 정규식과 해당 일치 항목을 실시간으로 시각화하여 리버스 엔지니어링 및 코드 분석에 유용합니다.

OWASP 종속성 확인 OWASP 취약점 데이터베이스를 기반으로 프로젝트의 종속성에서 알려진 취약점을 검색합니다.

데이터베이스 검색 악용 VS Code에서 직접 공격 데이터베이스의 알려진 공격을 빠르게 검색할 수 있습니다.

Burp Suite 통합 향상된 웹 취약성 스캐닝을 위해 Burp Suite를 통합하여 보다 원활한 테스트 워크플로를 제공합니다.

메타스플로잇 도우미 Metasploit과의 상호 작용을 위한 유용한 통합으로 침투 테스트를 더욱 효율적으로 만듭니다.

AI 및 머신러닝 개발#
IMPORTANT
VS Code 내에서 AI 및 ML 워크플로를 직접 향상하세요. :::- 주피터 Jupyter Notebook에 대한 지원을 추가하여 VS Code 내에서 대화형 코딩, 데이터 분석 및 기계 학습 실험을 가능하게 합니다.

파이썬 AI 및 ML 워크플로에 중요한 IntelliSense, Linting, 디버깅과 같은 기능을 포함하여 Python 개발에 필수적입니다.

판다 도우미 일반적인 Pandas 명령 및 작업에 대한 빠른 액세스를 제공하여 데이터 조작 및 분석을 더욱 효율적으로 만듭니다.

PyTorch 스니펫 PyTorch 개발을 위한 스니펫을 제공하여 딥 러닝 모델을 빠르게 생성하고 신경망을 교육하는 데 도움이 됩니다.

TensorFlow 스니펫 머신 러닝 및 딥 러닝 모델 생성을 간소화하기 위한 TensorFlow 관련 스니펫을 제공합니다.

MLFlow 기계 학습 모델을 관리하고 VS Code 내에서 버전 관리, 패키징 및 배포 기능을 제공하는 포괄적인 도구입니다.

ONNX 모델 뷰어 ONNX(Open Neural Network Exchange) 모델을 보고 검사하여 프레임워크 전반에 걸쳐 AI 모델을 보다 쉽게 배포할 수 있도록 지원합니다.

클라우드 및 DevOps#
TIP
클라우드 개발 및 DevOps 워크플로를 최적화합니다. :::- 테라폼 Terraform을 사용하여 코드형 인프라의 개발 및 관리를 촉진하여 클라우드 리소스 관리를 더 쉽게 만듭니다.

AWS 툴킷 AWS 서비스를 VS Code와 통합하여 편집기에서 직접 클라우드 리소스와 애플리케이션을 관리하고 배포할 수 있습니다.

Azure 도구 Microsoft Azure 서비스와의 통합을 제공하여 클라우드 환경 내에서 리소스를 배포하고 관리할 수 있습니다.

쿠버네티스 Kubernetes 지원을 제공하여 VS Code 내에서 클러스터, Pod 및 컨테이너를 관리할 수 있습니다.

도커 컨테이너를 쉽게 구축, 관리 및 배포할 수 있어 간소화된 컨테이너화된 개발 워크플로가 촉진됩니다.

GitHub 작업 GitHub Actions를 관리하고 모니터링하기 위한 인터페이스를 제공하여 지속적인 통합과 배포를 더 쉽게 처리할 수 있습니다.

Jenkinsfile 지원 VS Code에서 직접 Jenkins 파이프라인 스크립트 작업을 위한 구문 강조 표시 및 조각을 제공합니다.

앤서블 인프라 관리 자동화를 위해 Ansible을 통합하여 구성 및 배포를 더 쉽게 관리할 수 있습니다.

성능 및 프로파일링#
WARNING
이러한 도구를 사용하여 코드 성능을 분석하고 최적화하세요. :::- Flamegraph 프로파일러 CPU 및 메모리 소비를 시각화하여 애플리케이션의 성능 병목 현상을 식별하는 데 도움을 줍니다.

힙 스냅샷 뷰어 힙 스냅샷을 시각화하여 메모리 사용량을 분석하고 메모리 누수를 찾는 데 도움이 됩니다.

파이썬 프로파일링 느린 코드를 식별하고 알고리즘을 최적화하는 데 도움이 되는 Python용 성능 프로파일링 도구를 제공합니다.

Chrome DevTools 통합 VS Code에서 직접 Chrome DevTools를 사용하여 웹 개발을 위한 강력한 프로파일링 및 디버깅 도구를 제공할 수 있습니다.

Node.js 프로파일링 Node.js 애플리케이션용 프로파일링 도구를 제공하여 서버 측 성능을 최적화하는 데 도움을 줍니다.

프로파일러로 이동 CPU 사용량, 메모리 할당, 고루틴을 시각화하여 Go 애플리케이션의 성능 문제를 식별하는 데 도움이 됩니다.

기타 생산성 향상 도구#
IMPORTANT
개발 작업흐름을 보다 원활하게 만들어주는 추가 도구입니다. :::- 프로젝트 관리자 여러 프로젝트를 빠르고 효율적으로 구성하고 전환하는 데 도움이 됩니다.

시간 추적기 다양한 작업과 프로젝트에 소비한 시간을 추적하여 작업 흐름을 관리하고 생산성을 높이는 데 도움을 줍니다.

코드 타임 코딩 활동과 생산성을 추적하여 작업 효율성에 대한 통찰력을 제공합니다.

북마크 편집기에 북마크 기능을 추가하여 쉽게 탐색할 수 있도록 중요한 코드 줄을 표시할 수 있습니다.

고정 스크롤 스크롤할 때 코드의 헤더와 중요한 섹션이 계속 표시되므로 대용량 파일을 더 쉽게 탐색할 수 있습니다.

마크다운 올인원 미리보기, 목차, 자동 서식 지정과 같은 기능을 제공하여 마크다운 편집 기능을 향상합니다.