컴포넌트

옆에서 미끄러져 나오는 판은 드로어(Drawer)

값 하나를 고르는 상자는 셀렉트

여러 개를 한꺼번에 펼치려면 아코디언

헨젤과 그레텔이 길에 떨어뜨린 빵 부스러기에서 온 이름

작품 상세의 '← 이전 작품 | 다음 작품 →'도 같은 계열

이 페이지 위쪽 분류 버튼들도 앵커 링크예요

이 사이트 맨 위 헤더도 스티키 헤더예요

스크롤해도 같은 자리에 떠 있으니 플로팅 버튼의 한 종류

한국 실무 용어예요. AI에게는 "main navigation"이라고 함께 말하기

올려 보세요

썸네일

조흔 I제목 2025 · 백자토메타 정보

이름 보기

카드 안의 작은 사진만 따로 썸네일이라고 불러요

cover · 꽉 채우기contain · 다 보이기

cover는 칸을 채우고 넘치는 부분을 잘라요. contain은 잘리지 않아요

넘겨 보세요

화살표 ← 점 표시 (인디케이터)

이름 보기 자동 넘김

음량 막대 같은 슬라이더(입력)와 헷갈리니 "이미지 캐러셀"이라고 말하기

사진을 눌러 보세요

사진 보기 전용 모달이라고 생각하면 돼요

'자주 묻는 질문(FAQ)'이 대표적. 하나만 보이는 건 탭

휴대폰엔 '올리기'가 없어요. 중요한 정보는 툴팁에만 두지 않기

툴팁은 '올리면' 뜨는 글자, 팝오버는 '누르면' 뜨는 작은 창

배지는 숫자·상태, 태그는 분류 이름표, 칩은 눌러서 고르는 작은 버튼

바꿔 보세요

개인전 《머문 자리》 전시장 전경대체 텍스트 (alt)

사진 보임사진 못 불러옴

화면낭독기(시각장애인용)도 대체 텍스트를 읽어 줘요

한 화면에 채운 버튼은 하나만 두는 게 기본

주소창을 잘 보세요

한 화면에 CTA가 여러 개면 모두 약해져요

눌렀을 때 작은 버튼들이 펼쳐지는 건 '스피드 다이얼'

≡ 메뉴 · ✕ 닫기 · ‹ › 이전/다음 · ⋯ 더 보기(케밥/미트볼 메뉴)

칸 안에 흐리게 보이는 예시 글자는 플레이스홀더

드롭다운 메뉴는 '이동', 셀렉트는 '값 고르기'

밀어 보세요

크기 90

사진을 옆으로 넘기는 건 캐러셀. 둘 다 '슬라이더'라 부르니 주의

아래로 뜨는 추천 목록이 자동완성

이 사이트 맨 위 '컴포넌트' 밑줄도 현재 위치 표시

다시 불러와 보세요

고인 물2024 · 분청

다시 불러오기

유튜브·인스타그램이 처음 열릴 때 보이는 회색 상자

없는 주소로 들어왔을 때 나오는 404 페이지도 같은 역할

세리프 = 획 끝의 작은 돌기. '산(sans)'은 '없다'는 뜻

문단과 문단 사이는 행간이 아니라 '문단 간격'