VSCode 단축키
1) Terminal창: Ctrl + `
2) Bookmark(Extension: bookmark 설치필요):
- Bookmarks: Toggle - 해당 코드 북마크 생성/취소★
- Bookmarks: Toggle Labeled - 해당 코드를 라벨화하여 생성/취소 ★
- Bookmarks: List - 현재 파일에 생성된 북마크 리스트 확인 ★
- 해당 명령어를 입력하면 또 입력창이 뜹니다. 입력창에 라벨 이름을 정하면 액티브 바에도 해당 라벨로 북마크를 확인할 수 있습니다. (북마크 정리에 유용)
- Bookmarks: Clear - 현재 파일에 생성된 모든 북마크를 제거
- Bookmarks: Jump to Next - 다음 북마크로 이동
- Bookmarks: Jump to Previous - 이전 북마크로 이동
- (정보출처: https://velog.io/@m2nja201/Visual-Studio-CodeVS-Code-북마크책갈피-생성하는-법)
VSCode Terminal 명령어 스니펫
# 모든 캐시 & 빌드 파일 삭제
> Remove-Item -Recurse -Force .next, node_modules, package-lock.json -ErrorAction SilentlyContinue
> npm cache clean --force
# .next 디렉터리 삭제
rmdir /s /q .next
VSCode Extensions 기록 (updated: 25.12.25)
| 아이콘 |
Extension명 |
Language |
설명 요약 |
활용 사례 |
| 🚀 |
Code Runner |
C, Java, Python 등 |
코드 스니펫 즉시 실행 |
별도 설정 없이 단축키로 코드 결과 바로 확인 |
| 🤖 |
Continue |
|
오픈소스 AI 코드 에이전트 |
AI와 대화하며 코드 작성 및 리팩토링 진행 |
| 🚨 |
Error Lens |
|
에러/경고 라인 직접 강조 |
오타나 문법 에러를 코드 줄에 바로 표시 |
| 🛠️ |
ESLint |
JavaScript |
JS 코드 문법 및 스타일 체크 |
코드의 잠재적 오류를 잡고 일관된 스타일 유지 |
| 📓 |
Jupyter (계열) |
Python |
노트북 환경 및 렌더링 지원 |
데이터 시각화 및 단계별 코드 실행(AI/데이터 분석) |
| ⚡ |
Live Server |
HTML, CSS |
실시간 리로드 로컬 서버 |
HTML 수정 시 저장과 동시에 웹 브라우저 반영 |
| 🏗️ |
Microsoft Terraform |
Terraform |
Azure용 인프라 관리 도구 |
클라우드 자원을 코드로 관리하고 자동 배포 |
| 💎 |
Prettier |
JS, CSS, HTML |
코드 포맷 자동 정렬 |
지저분한 코드를 저장 시 자동으로 깔끔하게 정리 |
| 🐍 |
Pylance / Python |
Python |
파이썬 언어 서버 지원 |
강력한 자동 완성 및 정의 이동으로 개발 효율 극대화 |
| 🌈 |
Rainbow CSV |
CSV |
CSV 열 색상별 구분 |
엑셀 없이 CSV 파일의 데이터를 색상별로 구분 |
| 🎨 |
Tailwind CSS |
CSS |
Tailwind 자동 완성 지원 |
방대한 CSS 클래스명을 힌트로 받아 빠른 디자인 |
| 🌐 |
translate |
|
텍스트 번역 기능 |
코드 주석이나 영문 에러 메시지 즉시 번역 |
| ⚛️ |
ES7+ React... |
React |
React/Redux 스니펫 제공 |
리액트 컴포넌트 구조를 단축키로 즉시 생성 |
| 🐧 |
WSL |
Linux |
Windows 내 리눅스 연결 |
윈도우 환경에서 리눅스 터미널과 도구 사용 |
| ✍️ |
autoDocstring |
Python |
독스트링 자동 생성 |
파이썬 함수 설명 양식을 자동으로 채워줌 |
| ☁️ |
|
|
Azure 서비스 관리/배포 |
VSCode 안에서 클라우드 배포 및 모니터링 관리 |
