반응형 웹 디자인 — 모바일 퍼스트와 콘텐츠 우선순위 재정의
약 90초
모바일 퍼스트 → 브레이크포인트 설정 → 콘텐츠 재배치 기준
반응형 웹 디자인을 구현할 때 모바일 화면을 먼저 설계하고 더 큰 화면으로 확장하는 방식이 콘텐츠 우선순위를 더 잘 반영한다고 생각합니다. 데스크탑에서는 사이드바로 보여줬던 정보가 모바일에서는 노출이 어려워 무엇을 남기고 무엇을 숨길지 명확한 기준이 없으면 화면이 어지러워집니다.
브레이크포인트 설정은 단순히 화면 크기 기준이 아니라 콘텐츠가 자연스럽게 재배치되는 지점을 기준으로 정하는 것이 실용적이었습니다. 터치 타겟 크기와 스크롤 흐름은 모바일에서 특히 중요한데, 버튼이 너무 작으면 실수 클릭이 잦아집니다. 반응형 작업에서는 개발자와 초기에 그리드와 제약을 함께 합의하면 나중에 수정 사이클이 줄어든다는 걸 경험으로 배웠습니다. 화면 크기가 달라져도 의도가 전달되는 설계가 좋은 반응형이라고 생각합니다.
이 결의 특징
이 답변의 특징은 실제 경험한 구체적 상황을 중심으로 배운 원칙을 설명하는 구조입니다. 추상적 개념보다 현장에서의 학습 과정에 무게를 두는 흔적이 있습니다.
이 결이 통하는 자리
면접에서 이 패턴이 통하는 자리는 지원자의 학습 능력을 가늠하는 질문들입니다. 한 번의 경험을 얼마나 깊이 있게 내재화했는지를 판단하려는 관심이 집중됩니다.