반응형 전체 글68 VSCode Agent Skills 사용법 — SKILL.md로 반복 작업 자동화하기 VS Code에서 GitHub Copilot에게 매번 같은 작업 절차를 설명하고 있다면 Agent Skills로 분리할 수 있습니다.Agent Skill은 단순한 프롬프트 한 줄이 아니라 지침과 필요한 스크립트·예제·참고 자료를 하나의 폴더에 묶어 두는 방식입니다. Copilot은 현재 요청과 관련 있는 Skill을 찾아 필요한 내용을 불러올 수 있습니다.프로젝트 단위로 사용할 때 기본 형태는 다음과 같습니다..github/└── skills/ └── api-test-check/ └── SKILL.md핵심은 SKILL.md입니다. 이 파일에 Skill의 이름과 언제 사용해야 하는지, 실제 작업 절차를 작성합니다.Agent Skills는 Custom Instructions와 무엇이 다른가.. 2026. 8. 28. VSCode 기본 터미널 변경 방법 — PowerShell·Git Bash·WSL 설정 VSCode에서 새 터미널을 열 때 PowerShell 대신 Git Bash나 WSL을 기본으로 사용하고 싶다면 터미널 프로필(Default Profile) 을 변경하면 됩니다.가장 간단한 방법은 Terminal: Select Default Profile 명령에서 원하는 Shell을 선택하는 것입니다. VS Code가 설치된 Shell을 감지했다면 settings.json을 직접 수정하지 않아도 됩니다.가장 빠르게 기본 터미널 변경하기Ctrl + Shift + P로 Command Palette를 엽니다.Terminal: Select Default Profile을 검색해 실행합니다.목록에서 사용할 Shell을 선택합니다.새 터미널을 엽니다.Windows에서는 설치 상태에 따라 PowerShell, Comm.. 2026. 8. 27. VSCode Codex 사용법 총정리 – 설치부터 폴더 컨텍스트, 사용량(%) 확인, 실전 프롬프트 전략까지 VSCode에서 Codex를 제대로 활용하려면 설치 과정뿐 아니라, 폴더 전체 컨텍스트 인식 방식과 사용량(%) 관리, 세션 운영 전략, 실전 프롬프트 설계까지 함께 이해해야 합니다. 이 글에서는 설치부터 실제 프로젝트에 적용하는 흐름까지 단계별로 정리했습니다.1. Codex 확장 설치 및 기본 설정VSCode 좌측 Extensions 메뉴에서 Codex(또는 사용하는 AI 확장명)를 검색해 설치합니다. 설치 후 반드시 명령 팔레트에서 관련 명령이 정상적으로 표시되는지 확인합니다. Ctrl + Shift + P→ Codex 관련 명령 검색→ Start Session 또는 Open Chat 실행여러 AI 확장을 동시에 켜두면 충돌이 발생할 수 있으므로, 초기 설정 단계에서는 Codex 계열만 활성화하는 .. 2026. 3. 1. VSCode 자동 import 안 될 때 해결 방법 – 설정/확장/프로젝트 원인별 체크리스트 VSCode 자동 import가 안 될 때 원인을 빠르게 찾는 체크리스트입니다. TypeScript/JavaScript에서 자동 import 제안이 사라지거나 추가되지 않을 때 설정과 프로젝트 원인을 단계별로 정리했습니다.증상 먼저 확인하기자동 import 문제는 보통 아래 중 하나로 나타납니다.추천 목록에 “외부 파일/모듈 심볼”이 안 뜬다추천은 뜨는데 선택해도 import 문이 추가되지 않는다붙여넣기(paste) 시 import가 자동으로 추가되지 않는다워크스페이스 하나에서만 발생하고 다른 프로젝트에서는 정상이다1단계: VSCode 기본 기능이 살아있는지 빠르게 테스트가장 먼저 “이 프로젝트에서 TypeScript/JavaScript 언어 서비스가 정상 동작 중인지”부터 확인하는 것이 좋습니다.Com.. 2026. 2. 25. VSCode 확장 프로그램 추천 2026 | 실무 필수 플러그인 10가지 VSCode 확장 프로그램 추천 2026 정리입니다. Prettier, ESLint, GitLens, SQLTools 등 실무에서 바로 쓰는 필수 플러그인 10가지와 설치 후 기본 설정 방법까지 한 번에 정리했습니다.코드 품질을 잡는 기본 세트1. Prettier코드 자동 정렬을 담당하는 대표 확장입니다. 팀 단위 개발에서 가장 먼저 세팅하는 것이 좋습니다.설치 후 Format Document With...에서 Prettier를 기본 포매터로 지정합니다.settings.json에 "editor.formatOnSave": true를 추가하면 저장 시 자동 정렬이 적용됩니다.프로젝트 루트에 .prettierrc를 두면 팀 간 포맷 충돌을 줄일 수 있습니다. formatOnSave가 작동하지 않는다면 여기서.. 2026. 2. 25. VSCode formatOnSave 안 될 때 해결 방법 – Prettier/ESLint 충돌 완전 정리 VSCode formatOnSave 안 될 때 해결 방법 – Prettier/ESLint 충돌 완전 정리VSCode에서 formatOnSave(저장 시 자동 정렬)을 켰는데도 코드가 정렬되지 않는 경우가 있습니다.대부분은 포매터 미설치, defaultFormatter 미지정, 확장 충돌, 설정 우선순위 문제 때문입니다.이 글에서는 실무에서 실제로 가장 많이 발생하는 원인을 단계별로 점검하고, 바로 적용 가능한 해결 방법을 정리합니다.1. 가장 먼저 확인할 것 – formatOnSave 설정 여부기본 설정이 꺼져 있으면 아무리 포매터가 있어도 동작하지 않습니다.기본 설정 원클릭 복사{ "editor.formatOnSave": true} 2. defaultFormatter가 지정되어 있는지 확인Pretti.. 2026. 2. 22. 이전 1 2 3 4 ··· 12 다음 반응형