제스처 사전

게시글 아래에 '좋아요' 버튼을 만들어 줘. 탭하면 하트가 채워지고 숫자가 1 오르며, 다시 탭하면 원래대로 돌아오게 해 줘. 누를 수 있는 영역은 가로·세로 44px 이상으로 하고, <button>과 aria-pressed로 켜짐 상태를 알려 줘.

피드 사진을 두 번 탭하면 가운데에 큰 하트가 0.6초 동안 튀어나왔다 사라지고 좋아요가 켜지게 해 줘. 두 번째 탭은 첫 탭 뒤 0.3초 안에 들어와야 하고, 이미 좋아요면 두 번 탭해도 끄지 않게 해 줘. 사진 아래에는 같은 일을 하는 좋아요 버튼(aria-pressed)을 따로 둬.

채팅 메시지 말풍선을 0.5초 이상 누르고 있으면 말풍선 위에 '답장·복사·삭제' 메뉴를 띄워 줘. 누르는 동안 말풍선이 살짝 작아지고, 0.5초 전에 떼면 아무 메뉴도 열지 마. 말풍선 옆에 같은 메뉴를 여는 '더보기' 버튼(aria-haspopup="menu")을 두고, 메뉴는 Esc로 닫히게 해 줘.

상품 사진 3장을 좌우로 스와이프해 넘기는 사진 슬라이드를 만들어 줘. 손가락을 따라 사진이 움직이고, 화면 폭의 20% 이상 밀거나 빠르게 밀면 다음 장으로, 아니면 제자리로 돌아오게 해 줘. 아래에 지금 위치를 점(3개 중 몇 번째)으로 보여 주고, 좌우 버튼과 키보드 화살표로도 넘기게 해 줘. 사진마다 aria-label='3장 중 1장'을 붙여 줘.

할 일 목록의 각 줄을 왼쪽으로 밀면 오른쪽에 빨간 '삭제' 버튼이 드러나게 해 줘. 72px 이상 밀고 떼면 버튼이 열린 채 멈추고, 덜 밀면 제자리로 돌아와. 삭제를 누르면 그 줄을 지우고 아래에 '삭제했습니다 · 되돌리기'를 5초 동안 보여 줘. 키보드 사용자를 위해 각 줄에 같은 삭제를 하는 버튼을 Tab으로 갈 수 있게 둬.

상세 화면에서 왼쪽 가장자리 20px 안에서 시작해 오른쪽으로 미는 손짓을 뒤로 가기로 만들어 줘. 미는 동안 상세 화면이 손가락을 따라 오른쪽으로 밀리며 아래 목록 화면이 드러나고, 화면 폭의 35% 이상 밀면 목록으로 돌아가, 덜 밀면 제자리로 돌아오게 해 줘. 가장자리가 아닌 곳에서 시작한 손짓은 무시하고, 위쪽에 같은 일을 하는 '뒤로' 버튼을 꼭 둬.

알림 목록이 맨 위에 있을 때 아래로 당기면 위에서 원형 표시가 내려오며 돌게 해 줘. 64px 이상 당겼다 놓으면 새로 불러오고, 끝나면 새 알림을 맨 위에 넣은 뒤 표시를 접어 줘. 덜 당기면 그냥 제자리로 돌아오고, 목록 위에 같은 일을 하는 새로고침 버튼을 두고 결과는 aria-live로 '새 알림 1개'처럼 알려 줘.

할 일 3개를 끌어서 순서를 바꾸는 목록을 만들어 줘. 줄 왼쪽의 손잡이(⋮⋮)를 잡으면 그 줄이 살짝 떠오르며 그림자가 생기고, 끄는 동안 놓일 자리가 비어 보이게 해 줘. 놓으면 그 자리에 들어가고 '회의 준비를 3번째로 옮겼습니다'를 aria-live로 알려 줘. 끌지 않아도 되게 각 줄에 '아래로 옮기기' 버튼을 둬.

매장 지도를 두 손가락으로 벌리면 커지고 오므리면 작아지게 해 줘. 두 손가락 사이 거리 비율만큼 1배~3배 사이에서 부드럽게 바뀌고, 손가락 사이 가운데를 기준으로 커지게 해 줘. 오른쪽 아래에 +·− 버튼과 지금 배율(예: 1.5배)을 두고, 트랙패드의 ctrl+휠도 같은 확대로 받아 줘. 지도 영역에는 touch-action: none을 걸어 페이지 확대와 겹치지 않게 해 줘.