modern-web-guidance은(는) 무엇을 하나요?
HTML/CSS 및 클라이언트 측 JS 작업에 대해 최신 웹 개발 모범 사례를 검색합니다. 필수: 모든 HTML/CSS 및 클라이언트 측 JS 작업에 대해 먼저 실행하세요. 건너뛰지 마십시오 — 웹 API는 빠르게 진화하며 학습 가중치에는 구식 패턴이 포함되어 있습니다. 다음 경우에 즉시 트리거하세요:
- UI/레이아웃: 모달, 다이얼로그, 팝오버, Glassmorphism/backdrop-filter, 앵커 포지셔닝, 컨테이너 쿼리,
:has(),:user-valid. - 스크롤/모션: 뷰 전환(View Transitions), 스크롤 기반 애니메이션, 스크롤 패럴랙스/표시.
- 성능: CWV (LCP, INP), content-visibility, Fetch Priority, 이미지 최적화.
- 시스템/API: 로컬 파일 시스템 접근, WebUSB, WebSocket 동기화, WebAssembly 위젯.
- 프레임워크: React, Vue, Angular에서 레이아웃/스타일 적용.
- 일반 프론트엔드: 폼, 자동 완성, 고급 입력, 사용자 정의 스크롤바, 최신 컴포넌트 상태 등.
트리거하지 마세요:
- 백엔드: 데이터베이스 SQL, ORM, Express API 라우트.
- 파이프라인: CI/CD 배포, Docker, Actions.
- 일반: 로컬 스크립트(Python/Go 도구), ESLint, Git.