실습 중심 인터랙티브 가이드
클로드(Claude) AI로 소프트웨어 손쉽게 개발하기
이론은 최소화하고, 웹사이트, 반응형 모바일 앱, 윈도우 데스크톱(Python/Rust) 어플리케이션을 단계별로 직접 제작하는 실습 문서입니다.
📚 모듈별 주요 커리큘럼
Module 1
모듈 1: 클로드 AI로 웹사이트 개발
HTML/CSS/JS 반응형 랜딩 페이지 생성부터 Vercel/GitHub Pages를 통한 1분 무료 배포 실습까지
Module 2
모듈 2: 모바일/웹 앱 개발 및 테스트
React Native (Expo) 기반 투두리스트 제작 및 스마트폰 Expo Go QR 코드 실행 테스트
Module 3-A
모듈 3-A: Python (PyQt6) 데스크톱 앱
이미지 포맷 변환기 GUI 개발 및 PyInstaller를 활용한 윈도우 .exe 파일 빌드 및 검증
Module 3-B
모듈 3-B: Rust (Tauri) 고성능 데스크톱
Rust 백엔드 시스템 가속 및 Tauri 프레임워크 기반 초경량 시스템 모니터링 앱 개발
클로드 AI 프롬프트 작성 4대 핵심 원칙
claude_prompt_template.txttext
| 1 | [역할] 당신은 수석 풀스택 개발자입니다. |
| 2 | [맥락] 초보 사용자를 위한 반응형 포트폴리오 웹사이트를 제작하려고 합니다. |
| 3 | [제약조건] |
| 4 | - HTML5, Tailwind CSS (CDN 방식), Vanilla JavaScript만 사용할 것 |
| 5 | - 모바일 및 PC 화면 모두 완벽하게 작동하는 반응형 UI일 것 |
| 6 | - 다크 모드 토글 기능 포함 |
| 7 | [출력형식] 단일 HTML 파일로 실행 가능한 전체 코드를 작성하고 주석을 달아주세요. |
클로드 AI에게 전달할 완벽한 프롬프트 기본 템플릿입니다.
📸 실습 스크린샷 가이드라인
16:9claude.ai에서 프롬프트 작성 후 우측 창에 생성되는 라이브 웹 렌더링 화면
[이미지 영역: 1920x1080 (16:9)]
🎯 스크린샷 필수 포함 요소:
좌측 대화창 프롬프트우측 Artifacts 코드/미리보기 탭Copy Code 버튼 위치