safe-area-handling
✓iPhone 노치, Dynamic Island, 홈 표시기 및 Android 컷아웃용 Capacitor 앱의 안전 영역 처리에 대한 전체 가이드입니다. CSS, JavaScript 및 기본 솔루션을 다룹니다. 사용자가 최신 장치에서 레이아웃 문제를 겪는 경우 이 기술을 사용하세요.
SKILL.md
Handle iPhone notch, Dynamic Island, home indicator, and Android cutouts properly.
Safe areas are the regions of the screen not obscured by:
| safe-area-inset-top | Notch/Dynamic Island/status bar | | safe-area-inset-bottom | Home indicator/navigation bar | | safe-area-inset-left | Left edge (landscape) | | safe-area-inset-right | Right edge (landscape) |
iPhone 노치, Dynamic Island, 홈 표시기 및 Android 컷아웃용 Capacitor 앱의 안전 영역 처리에 대한 전체 가이드입니다. CSS, JavaScript 및 기본 솔루션을 다룹니다. 사용자가 최신 장치에서 레이아웃 문제를 겪는 경우 이 기술을 사용하세요. 출처: cap-go/capacitor-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
safe-area-handling이란?
iPhone 노치, Dynamic Island, 홈 표시기 및 Android 컷아웃용 Capacitor 앱의 안전 영역 처리에 대한 전체 가이드입니다. CSS, JavaScript 및 기본 솔루션을 다룹니다. 사용자가 최신 장치에서 레이아웃 문제를 겪는 경우 이 기술을 사용하세요. 출처: cap-go/capacitor-skills.
safe-area-handling 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/cap-go/capacitor-skills
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01