이게 다 팝업이야?

그냥 팝업으로 퉁치고 있었던 이야기

# 헷갈리는 용어 정리

흔히 우리가 팝업이라고 알고 있는 요소들은 여러 개의 이름을 가지고 있어.

- 툴팁

- 배너

- 다이얼로그

- 팝업

가장 기본은 마우스 올리면 설명 나오거나 (!) 누르면 부가 정보 나오는 거 본 적 있지?

툴팁은 클릭이나 호버, 기본으로 노출되게 하는 등 다양한 인터랙션 방식을 가지고 있어

아래처럼 버튼이 들어가면 보통 다이얼로그라고 표현해.

이렇게 뒤에 검은 배경이 깔린 상태를 다이얼로그라고 표현하는데 이 상태를 팝업이라고 퉁쳐서 얘기하는 경우도 많아.

팝업은 광고처럼 검은 배경이 없는 경우도 있어서 서로 헷갈리지 않게 말을 잘 맞춰야 해.

위치는 보통 아이콘 아래에서 보이는 편이야

모바일에서는 hover 인터랙션이 없기 때문에 항상 터치로만 작동하겠지?

부가 정보를 알려줄 때도 많이 사용하지만 신기능을 강조해서 소개할 때 유용해.

---

출처

Lithium Design system