1. 반응형 디자인을 왜 하는가?

• 요즘은 PC, 태블릿, 모바일, 폴더블폰, 워치 등 수많은 디바이스가 존재합니다.
• 화면의 폭, 높이, 픽셀 밀도 등이 모두 달라 하나의 디자인만으로는 사용성 보장이 어렵습니다.

👉 분기점은 디바이스 환경에 맞춰 적절한 레이아웃을 보여주는 전략 도구

👉 주요 분기점을 디자이너가 잡아주면 그 사이 값은 개발자가 처리하는 구조

2. 반응형 디자인에 모바일이 분기점이 추가되면 뭐가 달라질까?

[대표적인 고려 예시]

1. PC의 3단 구조와 달라지는 모바일 환경

디바이스에 따라 화면 너비가 달라지면, 동일한 UI 구조라도 가독성과 조작성이 크게 달라질 수 있습니다.

예를 들어 데스크탑에선 3열 카드 그리드가 시각적으로 풍부하고 비교도 용이하지만,

모바일에서는 개별 카드가 너무 작아져 터치 오작동 위험이나 정보 전달력 저하로 이어집니다.

• 📌 예시

2. 조작하는 방법이 다른 모바일 환경

📱 모바일은

• 손으로 조작