이 부분,
뭐라고 불러요?

화면의 부분마다 이름이 있어요. 이름을 알면 AI에게 한 번에 정확히 말할 수 있어요. 읽지 말고, 눌러 보면서 익히세요.

전"저 위에 있는 거 좀 옮겨줘"
후"헤더 오른쪽 메뉴를 왼쪽으로 옮겨줘"
1 · 만져 보기 컴포넌트

버튼, 탭, 캐러셀, 아코디언… 화면을 이루는 부품을 직접 눌러 봐요.

캐러셀드롭다운아코디언토글스켈레톤+40
부품 보러 가기 →
2 · 띄워 보기 알림 · 창

모달, 다이얼로그, 얼럿, 토스트, 스낵바… 화면 위에 뜨는 것들을 진짜로 띄워 비교해요.

모달얼럿토스트스낵바바텀시트
띄워 보러 가기 →
3 · 찾아보기 레이아웃 해부도

홈페이지, 쇼핑몰, 앱, 대시보드 화면의 어디가 뭔지 짚어 보고 퀴즈로 확인해요.

헤더히어로GNB · LNB푸터반응형
해부도 보러 가기 →

가장 헷갈리는 짝

모달vs다이얼로그 토스트vs스낵바 얼럿vs컨펌 툴팁vs팝오버 캐러셀vs슬라이더 드롭다운vs셀렉트 탭vs아코디언 GNBvsLNB