Daily AI Lab

VS Code 확장 프로그램 추천 15선, AI 시대 필수템

요즘 "바이브 코딩"이라는 말이 유행입니다. 코드를 직접 짜기보다 AI에게 시키고 사람은 흐름만 잡는 방식인데, 그 무대가 되는 도구가 바로 VS Code(마이크로소프트가 만든 무료 코드 편집기)입니다.저도 약 10년간 여러 편집기를 거쳤지만, 지금은 AI 확장들을 얹은 VS Code가 가장 손에 붙습니다. 이 글은 코드를 한 줄도 안 써본 분도 따라올 수 있게 썼습니다.설치 버튼 한 번만 누르면 되니 너무 겁먹지 않으셔도 됩니다.VS Code 확장 프로그램이 뭐길래VS Code 확장 프로그램은 편집기에 새 기능을 끼워 넣는 작은 플러그인입니다. 스마트폰에 앱을 깔아 기능을 늘리는 것과 똑같다고 보시면 됩니다.기본 VS Code는 메모장보다 약간 똑똑한 수준입니다. 그런데 확장을 몇 개 깔면 AI가 코드..

VS Code Tab 자동완성 안 될 때 원인과 해결법 7가지

VS Code(마이크로소프트가 만든 무료 코드 편집기, 줄여서 "코드 편집기"라고 생각하시면 됩니다)를 처음 깔고 신나게 코드를 따라 치는데 갑자기 Tab 키를 눌러도 자동완성이 안 됩니다. 어제까지 잘 되던 게 안 되기도 합니다.저도 처음 이 문제를 만났을 때 한참 헤맸습니다. 원인이 한 가지가 아니라서 그렇습니다. 이 글에서는 비개발자분들도 차근차근 따라 할 수 있게, 자주 발생하는 7가지 원인을 가능성 높은 순서대로 풀어 드립니다.특별한 사전 지식은 없어도 됩니다. 메뉴 클릭과 설정 검색만 할 줄 알면 충분합니다.VS Code Tab 자동완성이란VS Code의 Tab 자동완성은 코드를 일부만 입력했을 때 나타나는 추천 목록에서 Tab 키를 눌러 단어를 자동으로 채워 넣는 기능입니다.예를 들어 con..

TL;DRVS Code에 Claude Code 확장을 깔고 Ctrl+Esc(맥은 Cmd+Esc)로 호출하면 끝입니다. 설치부터 단축키 커스터마이징까지 약 15분이면 충분하고, 사전 준비물은 Node.js 18 이상과 Claude 계정뿐입니다.VS Code에서 Claude Code를 바로 띄울 수 있다는 걸 알고 나서, 솔직히 작업 방식이 꽤 바뀌었습니다. 터미널 창을 따로 열고, 디렉토리 옮기고, 다시 코드 파일로 돌아오는 그 동선이 사라지거든요. 이 글은 VS Code와 Claude Code를 통합하는 가장 깔끔한 방법과, 자주 쓰는 단축키를 내 손에 맞게 바꾸는 방법까지 정리한 가이드입니다. 개발 경험이 적어도 따라올 수 있게 약어와 도구 이름은 그때그때 풀어 적었으니 너무 긴장하지 않으셔도 됩니다...