이 질문 뒤에 면접관이 확인하려는 것은 따로 있습니다.
상용 환경 반응형 실무는 없습니다. 학부 종합설계 8주 프로젝트에서 모바일·태블릿·데스크톱 3종에 대응한 웹앱을 만들어본 정도입니다.
Tailwind CSS의 브레이크포인트 3개에 맞춰 14개 화면 모두 3종 레이아웃을 짰습니다. 처음에는 데스크톱부터 짜고 모바일을 좁힌 자리에서 모바일이 깨지는 자리가 자주 있었습니다. 모바일 퍼스트로 순서를 바꾼 뒤에 깨지는 자리가 사라진 자리가 됐습니다.
데스크톱 퍼스트로 시작한 실패가 있었고, 그 일이 작은 화면이 첫 자리라는 자세를 만들었습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.
반응형 디자인 적용에서 지킨 원칙은 네 가지입니다.
첫째, 모바일 퍼스트. 작은 화면부터·점진적 확장. 둘째, 유연한 그리드. 고정 픽셀이 아닌 비율·flex·grid. 셋째, 터치 사용성. 48dp 터치 타깃·간격·스와이프 영역. 넷째, 이미지·미디어 대응. 해상도별 자원·lazy loading.
종합설계에서 4단계 이미지 lazy loading을 빠뜨린 실패가 있었고, 모바일에서 첫 화면이 4초 늦은 자리가 있었습니다. 그 일이 반응형은 디자인뿐 아니라 성능까지라는 자세를 만들었습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.
반응형 디자인의 본체는 디자인 기술이 아니라 사용자 환경의 다양성을 받아들이는 자세라는 걸 종합설계에서 봤습니다.
같은 사용자가 출근길에는 모바일·사무실에서는 데스크톱·소파에서는 태블릿을 쓰는 자리가 반응형의 시작점이었습니다. 기기 시각이 아니라 사용자 시각에서 세 환경을 한 흐름으로 잇는 자리가 반응형의 가치였습니다.
기기 시각만 본 실패가 있었고, 그 일이 사용자 흐름으로 본다는 자세를 만들었습니다. 실무에서도 사수의 반응형 양식부터 익히고 싶습니다. 실무에서도 사수의 양식과 순서를 첫 자리에서 손에 익히고, 그 흐름이 매일의 자세로 굳어지게 만드는 자리부터 들어가고 싶습니다. 그 자세는 어떤 자리에서도 같은 결을 만든다고 봤고, 새 직무에서도 첫 한 달의 작은 자리에서부터 그 결을 그대로 가져가는 자세로 들어가고 싶습니다.
답변에서 흔히 빠지는 것들 — 빠져 있으면 꼬리질문이 깊어집니다.
이 질문에 이어 쿠팡 프론트엔드 면접관이 던질 가능성이 높은 후속 질문.
이 페이지의 질문·답변·꼬리질문은 유사 직군 채용 시장의 공개된 면접 후기·커뮤니티 게시물을 분석해 구성한 학습 자료입니다. 특정 회사가 실제로 이 질문을 출제했다는 것을 보장하지 않으며, 모든 예시는 우문현답이 직접 작성한 창작물입니다. 해당 회사의 공식 입장과는 무관합니다. 회사 측의 정정 요청이 있을 경우 24시간 이내에 응답·수정합니다.