반응형 경험 기반
약 90초
반응형 레이아웃을 구현하면서 모바일과 데스크탑 차이를 체감한 경험
처음 반응형 웹을 만들 때 데스크탑에서는 잘 되었지만 모바일에서 레이아웃이 깨지는 것을 나중에 발견하였습니다. 처음부터 모바일을 고려하지 않고 만든 결과였습니다.
그 이후로는 모바일 퍼스트 방식으로 작은 화면 기준으로 먼저 설계하고 미디어 쿼리로 큰 화면을 추가하는 순서로 바꾸었습니다. 터치 인터랙션도 데스크탑의 호버 효과와 달리 처리해야 한다는 것을 배웠습니다. hover 효과만 있던 메뉴가 모바일에서 아무 반응도 하지 않았던 경험이 기억에 남습니다.
모바일과 데스크탑은 입력 방식부터 다르기 때문에 스타일뿐만 아니라 인터랙션 전체를 다르게 생각해야 한다는 것을 그 경험에서 배웠습니다. 화면 크기만 조절하는 것이 반응형이 아니라는 것도요. 그 경험 덕분에 한 단계 성장할 수 있었습니다.
이 결의 특징
데스크탑 기준으로 먼저 만든 반응형 웹에서 모바일 레이아웃이 깨진 것을 나중에 발견했고, 그 뒤로 모바일 퍼스트 방식(작은 화면→미디어 쿼리로 큰 화면 추가)으로 순서를 바꾼 흔적이 있습니다. hover 효과가 모바일에서 아무 반응도 하지 않은 경험도 입력 방식의 차이를 몸으로 배운 자리입니다.
이 결이 통하는 자리
화면 크기 조절만으로는 반응형이 아니라는 명확한 이해가 뒤따를 때 통합니다. 입력 방식부터 다르다는 근본 인식이 있는 자리에서 면접관이 '단순히 CSS를 아는 사람이 아니구나'라고 판단합니다.