claude code3 [Claude] Claude Code MCP 완벽 가이드 MCP Browser와 Figma 설치부터 VS Code 병행 사용까지Claude Code는 터미널에서 AI의 힘을 빌려 코딩 작업을 수행할 수 있는 강력한 도구이며, MCP(Model Context Protocol)를 통해 브라우저 자동화, Figma 디자인 변환 등 외부 도구와 연결하면 그 가능성이 무한히 확장됩니다. 이 가이드에서는 MCP Browser(Puppeteer, Playwright)와 MCP Figma를 설치하고 설정하는 방법부터, VS Code와 Claude Code를 병행 사용할 때 알아야 할 설정 파일의 차이점까지 모든 것을 다룹니다.초보 개발자도 따라할 수 있도록 모든 명령어와 설정 예시를 단계별로 상세히 설명하며, 실전에서 바로 활용할 수 있는 사용 사례와 문제 해결 가이드도 함.. 2025. 11. 28. [Claude] Agent Skill, Custom Instruction, MCP 완벽 비교 Agent Skill, Custom Instruction, MCP는 각각 고유한 목적과 특성을 가진 Claude의 확장 기능입니다Claude / Claude Code는 사용자의 편의성과 기능 확장성을 고려하는 확장 기능을 다양하게 포함하고 있습니다. [ 차례 ]1. 세 가지 기능의 정의와 개념2. Agent Skill: 작업별 전문 가이드라인3. Custom Instruction : 대화 스타일과 행동 설정4. MCP (Model Context Protocol) : 외부 시스템 연동5. 세 가지 기능의 상호 작용과 통합 활용6. 기능별 비교 종합표7. 실전 사용 가이드 : 어떤 기능을 언제 사용할까?마치며 : 똑똑한 선택과 조합의 기술 1. 세 가지 기능의 정의와 개념Claude를 더욱 강력하게 만.. 2025. 11. 6. Claude Code 초보개발자를 위한 학습 계획서 Claude Code 초보 개발자 완전 정복 - 전체 커리큘럼 현존 최강이 AI 코딩 도구인 Claude Code를 활용하여 초보 개발자가 멋진 IT시스템 개발에 한 걸음 나아갑니다. [ 차례 ]1강 : Claude Code와의 첫 만남2강 : 개발 환경 준비하기3강 : 터미널 기초와 명령어 체계4강 : 첫 프로젝트 만들기5강 : 프롬프트 엔지니어링 기초6강: Chat 모드 완전 정복[보강 1] : AI 윤리와 책임감 있는 사용7강 : 코드 생성의 마법8강 : 똑똑한 디버깅9강 : 코드 리팩토링 - 더 나은 코드로 진화하기10강 : 테스트 코드 작성 - 품질 보증의 시작11강 : 문서화의 힘 - README부터 API 문서까지12강 : 코드 리뷰 자동화 - AI 리뷰어 활용하기[보강 2] : 개발 .. 2025. 10. 24. 이전 1 다음
