Wireview Tutorials

django-wireview 단계별 학습 가이드입니다.

학습 경로#

입문 (Getting Started)#

• 시작하기 - 설치, 설정, 첫 컴포넌트

초급 (Beginner)#

• Counter 컴포넌트 - Component 기초, 이벤트, 상태 관리
• Poll 앱 - skip_render, 조건부 클래스, 실시간 투표
• Rating 앱 - URL 상태, 키보드 이벤트, 별점 평가

중급 (Intermediate)#

• Todo 앱 - CRUD, 모델 구독, 중첩 컴포넌트
• Live Search - 디바운스, JS 명령, 검색 자동완성
• Quiz 앱 - 상태 머신, mutation, 리더보드

고급 (Advanced)#

• Chat 앱 - Streams API, Presence API, 라이프사이클 훅
• Dashboard - AsyncResult, 복합 컴포지션
• Notifications - 사용자별 채널, 알림과 토스트, broadcast, JS 명령 체이닝
• LiveComponent - 중첩 컴포넌트, 부모-자식 통신

심화 (Deep Dive)#

• Streams API 심화 - 성능 최적화, DOM ID 전략
• Presence API 심화 - 다중 방, 스케일링
• File Uploads 심화 - 진행률, 보안
• 테스트 가이드 - mount(), pytest 활용

전제 조건#

• Python 3.12+
• Django 5.2+ 기본 지식
• HTML/CSS 기본 지식
• 비동기 프로그래밍 기초 (async/await)

학습 시간 예상#

총 학습 시간: 약 24-28시간

예제 코드#

튜토리얼이 설명하는 앱의 동작하는 전체 코드는 examples/에 있습니다. make test가 함께 돌리고 릴리스 게이트(CI)가 태그마다 다시 돌리므로 문서와 달리 조용히 낡지 않습니다. 각 예제 디렉터리의 README가 그 예제가 가르치는 개념 하나와 대응 튜토리얼을 가리킵니다.

기능별 학습 가이드#

피드백#

문제가 있거나 개선 제안이 있다면 GitHub Issues에 알려주세요.