소개
시도하고자 했던 것과 그 이유를 알려주세요.
AI 개발 환경 AntiGravity 설치 및 설정 준비를 완료한 사례
스터디 참가자들의 AntiGravity 설치를 돕고자 함.
스터디 시작 전 모든 참가자의 AntiGravity-->Node.js --> Python --> 확장프로그램(Live server) 설치--> HTML Test 등 초기 설정을 완료하는 것을 목표로 함.
클로드 구독--> VS code 설치 --> vs code 사용법 --> 클로드 코드 설치 및 추가설정에 도움을 제공
스터디장이 두 도구(Claude Code, AntiGravity)를 모두 이해하여 스터디원들을 지원할 수 있는 상태가 되고자 함.
진행 방법
1. AntiGravity 및 개발 환경 설정
설치 진행: 스터디 전 Zoom 실시간 화면 공유를 통해 OS 및 아키텍처(Windows/Mac)에 맞는 공식 파일 설치 진행.
에디터 핵심 설정 (Anti-Gravity 0):
자동 저장:
AutoSave를 After Delay로 변경 (AI의 자동 파일 변경 대비).보안 강화:
agent non workspace file access비활성화, 터미널 샌드박스 활성화.
필수 개발 도구:
Node.js: OS에 맞는 LTS 버전 설치.
Python: 다운로드 시 "Add python.exe to PATH" 체크 필수 (3.11 버전 권장).
VS Code:
Live Server확장 프로그램 설치.
참고 사항: 원활한 실습을 위해 RAM 16GB 환경 권장 및 영상 생성 실습을 위한 구글 울트라 요금제 공동 구독 제안.
2. 클로드 코드(Claude Code) 설치
개념 및 사전 준비: VS Code 내에서 동작하는 AI 비서 역할. Claude Pro 유료 구독 필수 및 Git 설치 (Mac은 Homebrew 추가).
VS Code 환경 구성: 한국어 팩 설치, 테마 변경, 파일 자동 저장 활성화.
설치 및 연동:
VS Code 마켓플레이스에서 Claude Code 확장 프로그램 설치 후 유료 계정 연동.
Mac 사용자는 터미널 명령어(
brew install --cask claude)로 설치 진행.설치 완료 후 명령어 인식을 위해 반드시 VS Code 재시작.
최종 확인: 터미널에
claude --version을 입력하여 버전 출력 및 정상 설치 확인. (문제 발생 시 Claude 확장을 통해 질의하여 해결).
결과와 배운 점
후기에 바로 활용하실 수 있도록, 요청하신 개조식 형태와 '~했음' 어미로 변경해 드립니다.
💡 [배운 점 / 인사이트]
AI 개발 도구의 본질적 원리 이해
Claude Code와 AntiGravity는 이름만 다를 뿐 AI의 파일 제어 원리가 완전히 동일함을 파악했음.
하나의 도구에 익숙해지면 다른 도구 환경에도 빠르게 적응할 수 있다는 자신감을 얻었음.
안전한 작업 환경 구축의 중요성 체감
AI가 파일을 직접 다루는 만큼, 3대 필수 통제 장치(
AutoSave: After Delay,외부 파일 접근 차단,터미널 샌드박스 활성화) 설정이 매우 중요함을 확인했음.
AI의 역할에 대한 명확한 개념 정립
일반 Claude를 '전화 상담원'에, Claude Code를 '옆자리 비서'에 비유한 설명을 통해 두 도구의 차이점과 역할을 완벽히 이해했음.
가장 효율적인 트러블슈팅 방법 습득
설치 및 실습 중 에러 발생 시, 혼자 고민하는 대신 에러 메시지를 복사해 AI에게 직접 질문하는 것이 가장 빠르고 스마트한 해결책임을 실감했음.
도움 받은 글 (옵션)
전반적으로 수강전 적극적으로 도와주시는 부분이 너무 좋았고, 버디들의 도움이 많이 되었음.
일부 아쉬웠던 점
그러나, 수강인원이 너무 많아 문제가 생겼을 때 적극적 대처를 바기가 좀 어려웠음. 예를 들어, 강사가 Mac사용자인데, Mac화면만 보여주니 windows 사용자는 대처가 어려웠음(버디도 과부하). 다른 강사님도 버디 해준 것 같은데, 이미 안티그래피티 설치했으면 VS code 설치 안해도 된다고 했는데, 이것도 화면이 어디가 다른지 짚어줘야 하는데 디테일이 부족해서 따라가기 힘들었음
