비개발자를 위한 클로드 코드 실습: 30분 만에 소개 웹페이지 만들기
코딩 경험이 없어도 클로드 코드로 간단한 소개 웹페이지를 만들 수 있습니다. 빈 폴더에서 시작해 요청 → 확인 → 수정을 반복하는 실습 순서, 각 단계에서 쓰는 요청 문장, 결과를 브라우저로 확인하는 법과 막혔을 때의 대처법을 정리했습니다.
Claude Code 설치, CLAUDE.md, 슬래시 명령어, 훅, MCP, 서브에이전트 실전 사용법
코딩 경험이 없어도 클로드 코드로 간단한 소개 웹페이지를 만들 수 있습니다. 빈 폴더에서 시작해 요청 → 확인 → 수정을 반복하는 실습 순서, 각 단계에서 쓰는 요청 문장, 결과를 브라우저로 확인하는 법과 막혔을 때의 대처법을 정리했습니다.
클로드 코드의 권한 설정(permissions)으로 어떤 명령은 묻지 않고 실행하고, 어떤 명령은 항상 확인받고, 어떤 명령은 아예 막을 수 있습니다. 권한 모드, allow·ask·deny 규칙, 설정 파일 위치, 처음 쓰는 사람을 위한 추천 구성을 정리했습니다.
클로드 코드를 VS Code 확장으로 쓰면 터미널 대신 에디터 안에서 대화하고, 수정 내용을 비교(diff) 화면으로 바로 확인할 수 있습니다. 설치 방법, 터미널 버전과의 차이, 선택 영역을 넘기는 요령과 주의점을 정리했습니다.
PC에서 실행 중인 클로드 코드 세션을 스마트폰의 Claude 앱에서 이어서 확인하고 지시할 수 있는 Remote Control 기능을 정리했습니다. 켜는 방법, 폰에서 접속하는 법, 실제로 써 보며 좋았던 상황과 주의점, 클라우드 세션과의 차이를 담았습니다.
claude -p 명령을 쓰면 클로드 코드를 대화 없이 한 번 실행하고 결과만 받을 수 있어 스크립트, 예약 작업, CI에 넣을 수 있습니다. 기본 사용법, 파이프 입력, JSON 출력, 허용 도구 제한, 실제 자동화 예시와 안전 수칙을 정리했습니다.
스킬(Skills)은 반복되는 작업 절차와 참고 자료를 폴더 하나로 묶어 클로드가 필요할 때 꺼내 쓰게 하는 기능입니다. CLAUDE.md·서브에이전트와의 차이, SKILL.md 구조, 블로그 글 점검 스킬을 직접 만드는 과정과 잘 쓰는 요령을 정리했습니다.
클로드 코드에게 깃 작업을 맡길 때 커밋 메시지 작성, 브랜치 관리, PR 설명 작성을 안전하게 하는 방법입니다. 작업 전 브랜치 만들기, 변경 내용 검토, 위험한 깃 명령을 막는 설정까지 실전 워크플로로 정리했습니다.
클로드 코드의 서브에이전트는 코드 리뷰, 테스트, 문서 작성처럼 특정 역할에 집중하는 보조 에이전트입니다. 서브에이전트가 필요한 이유, /agents 명령과 파일로 만드는 방법, 설정 항목, 실제로 쓰는 리뷰 에이전트 예시를 정리했습니다.
클로드 코드의 훅(Hooks)은 파일 수정, 명령 실행, 작업 종료 같은 특정 시점에 내가 정한 명령을 자동 실행하는 기능입니다. 훅 이벤트 종류, settings.json 설정 예시, 위험한 명령을 막는 훅, 완료 알림 훅까지 실전 예시로 정리했습니다.
MCP(Model Context Protocol)는 클로드 코드에 데이터베이스, 브라우저, 사내 시스템 같은 외부 도구를 연결하는 표준입니다. MCP의 개념, claude mcp add 명령으로 서버를 추가하는 법, 적용 범위(scope), 보안상 주의점을 정리했습니다.
클로드 코드의 플랜 모드는 파일을 고치기 전에 무엇을 어떻게 바꿀지 계획만 세우게 하는 기능입니다. 켜는 방법, 좋은 계획을 받는 요청법, 계획을 검토할 때 볼 포인트와 실제 사례를 정리했습니다.
클로드 코드에서 자주 쓰는 슬래시 명령어를 용도별로 정리했습니다. 대화 관리(/clear, /compact, /resume), 설정(/model, /config, /permissions), 프로젝트(/init, /memory)와 함께 알아두면 편한 단축키, 나만의 커스텀 명령 만드는 법까지 담았습니다.